Adobe XD ile Web ve Mobil Arayüzü Tasarımı

Description

Müşteri ve kullanıcı için çok önemli olan arayüzü tasarımı nasıl yapılır?

Yazılımcı veya programcıların istediği tasarım ve teknik noktaları nasıl olmalı, nelere dikkat edilmeli?

Bu eğitimimizde Adobe tarafından geliştirilen Adobe XD (Adobe Experience Design), programını öğreneceğiz. Özellikle kullanıcı deneyimi üzerine çalışmalar gerçekleştiren kişiler için geliştirilmiş vektörel tabanlı bir programdır. Web ve mobil uygulamalarda kullanıcı deneyimi açısından ön bilgi veren, kodlama öncesi bize hızlı sunum sağlayan, animasyon geçişler, hızlı içerik ekleme, ses ekleme gibi daha bir çok kolaylık sağlamaktadır.

Bilindiği üzere Google, arama sonuçlarında ön plana çıkaracağı sitelerde kullanıcı odağı ve kullanıcı deneyimi ön planda tutuyor. Yani kullanıcı bu web sitesinden memnun olmalı diyor. Bunu sağlamak için de web sitesi sahiplerinin bazı faktörleri yerine getirmesi gerekiyor. Bu faktörler içerisinde de kullanıcı deneyimi önemli bir yer ediniyor. İşte Adobe XD ile kullanıcı deneyimini farklı açılardan test edebiliriz.

UI ve UX hakında bir bilgi vermek istiyorum arkadaşlar:
UI kısaca kullanıcı arayüzü tasarımı olarak adlandırılır.
Web sitelerindeki buton şeklinden tutun da kullanılan renklere, grid yapısından, mizanpaj ve boşluklara kadar tasarım hakkındaki tüm detaylar, arayüzünü oluşturan başlıca etmenler olarak karşımıza çıkıyor. Kullanıcıların web sitesinde aradıklarını kolayca bulmaları ve sitede daha uzun vakit geçirmelerini sağlamak için, basit, etkili ve kullanıcı dostu bir arayüz tasarımı oldukça büyük bir öneme sahiptir.


UX (açılımı User Experience) ise kısa kullanıcı deneyimi yani kullanıcılara basit, sorunsuz, karışık olmayan ve hızlı bir akış sağlayan, görüntüden çok işleyişin mükemmel şekilde ilerlemesini amaç eden bir daldır ve UI dan çok daha önemlidir.

Kısaca UI sitenin görünen işlevi, UX ise görünmeyen işlevi önemli bir terimdir.

Peki Adobe XD programımızı nasıl indirip kurabiliriz. Öncelikle şuan ücretsiz olduğunu belirtmek isterim. Adobe sitesinden indirip yönergeleri izleyerek kurulumunu gerçekleştirebilirsiniz. Bu anlamda bir sorun yaşarsanız lütfen benimle iletişime geçin.

Şimdi hazırsanız eğitimimize başlayalım arkadaşlar :)

1. Adobe XD nedir, Neden XD, Nasıl kurulur. UI ve UX nedir?

2. Adobe XD çalışma arayüzü

3. Tools (Araçlar)

4. Layers (Katmanlar)

5. Maskeleme

6. Repeat Grid kullanımı

7. Component nedir, kullanımı

8. Hayat Kurtaran Pluginler ve kurulumları

9. Prototype Oluşturma

10. Responsive Layout kullanımı

11. Scroll Özelliğini kullanma

12. 2 Adet Web Sitesi arayüzü tasarımı

13. 2 Adet Mobil arayüzü tasarımı

Şimdi hazırsanız eğitimimize başlayalım arkadaşlar :)

*****

How to design the interface, which is very important for the customer and the user?

What should be the design and technical points desired by the software developer or programmers, what should be considered?

In this tutorial, we will learn about Adobe XD (Adobe Experience Design), developed by Adobe. It is a vector-based program developed especially for people who work on user experience.

It provides many conveniences such as providing preliminary information in terms of user experience in web and mobile applications, providing us with a quick presentation before coding, animation transitions, fast content adding, adding sound. As it is known, Google prioritizes user focus and user experience in the sites it will highlight in the search results. It says that the user should be satisfied with this website. In order to achieve this, website owners need to fulfill some factors. Among these factors, user experience takes an important place. Here we can test the user experience from different angles with Adobe XD.

I want to give you some information about UI and UX guys,

UI is called user interface design for short. All the details about the design, from the button shape on the websites to the colors used, from the grid structure to the layout and spaces, are the main factors that make up the interface. A simple, effective and user-friendly interface design is of great importance in order for users to easily find what they are looking for on the website and to spend a longer time on the website.

UX (which stands for User Experience), on the other hand, is a branch that provides a short user experience, that is, a simple, smooth, uncomplicated and fast flow to the users, and aims to ensure the perfect progress of the operation rather than the image, and is much more important than the UI. In short, UI is the visible function of the site, while UX is the invisible function of the site.

So how can we download and install our Adobe XD program. First of all, I'd like to point out that it's free right now. You can install it by downloading it from the Adobe site and following the instructions. If you have a problem in this sense, please contact me. Now if you are ready, let's start our training guys :)

1. What is Adobe XD, Why XD, How to install it. What are UI and UX?

2. Adobe XD workspace

3. Tools

4. Layers

5. Masking

6. Using the Repeat Grid

7. What is Component, its use

8. Life-Saving Plugins and their installations

9. Creating Prototypes

10. Using Responsive Layout

11. Using the Scroll Feature

12. 2 Web Site interface design

13. 2 Mobile interface designs

Now if you are ready, let's start our training guys :)

TAKE THIS COURSE