...

مقدمه آموزش UI-UX و آشنایی با مفاهیم طراحی تجربه کاربری

UI-UX چیست و قراره در این دوره از چی صحبت کنیم؟
22:34 دقیقه
بزن بریم نصب فیگما!
9:06 دقیقه
آشنایی با محیط فیگما و آغاز کار
10:50 دقیقه
تمرین 1 آموزش UI/UX

شروع طراحی اولیه اپلیکیشن موبایل

ساختن پرسونا، بریف پروژه و تسک فلو
9:50 دقیقه
تمرین 2 آموزش UI/UX
وایرفریم، ساخت صفحات پروژه
10:19 دقیقه
آشنایی با ابزار ساختن اشکال مختلف (Shape tool)
16:31 دقیقه
ساختن یک دکمه ساده
8:22 دقیقه
تکمیل دکمه، اضافه کردن متن و منو به وایرفریم
10:45 دقیقه
ساختن Navigation Bar، تست روی موبایل با استفاده از Figma Miror
18:24 دقیقه
آشنایی فاصله ها و Layout Grid
25:58 دقیقه
تمرین 3 آموزش UI/UX
ساختن یک پروتوتایپ ساده
12:01 دقیقه
ساختن یک انیمیشن ساده
14:17 دقیقه
تمرین 4 آموزش UI/UX

طراحی نهایی اپلیکیشن موبایل

از کجا ایده بگیریم؟
7:32 دقیقه
تمرین 5 آموزش UI/UX
اشتراک فایل طراحی
4:26 دقیقه
انتخاب رنگ، ساختن پالت رنگ و اضافه کردن استایل رنگ به فیگما
21:00 دقیقه
انتخاب فونت مناسب
6:46 دقیقه
ساختن تایپوگرافی و اضافه کردن استایل فونت به فیگما
7:44 دقیقه
طراحی لوگو
26:11 دقیقه
تمرین 6 آموزش UI/UX
اضافه کردن تصاویر
12:01 دقیقه
Auto Layout
17:42 دقیقه
تمرین 7 آموزش UI/UX
ساختن دکمه‌های نهایی (Buttons)
16:31 دقیقه
آشنایی با مفهوم Component (کامپوننت)
10:02 دقیقه
کامپوننت‌های پیشرفته‌تر بسازیم
10:46 دقیقه
تمرین 8 آموزش UI/UX
اضافه کردن آیکون‌ها (ICONs)
17:01 دقیقه
اضافه کردن متن
8:21 دقیقه
ساختن منوی اصلی (Side Menu) و تصویر متحرک در بک‌گراند
12:17 دقیقه
تمرین 9 آموزش UI/UX
آشنایی با دیزاین سیستم‌ها و استفاده از UI Kit
10:15 دقیقه
خروجی گرفتن (Export) ، اشتراک گذاری و ذخیره فایل در فیگما
14:33 دقیقه
تمرین 10 آموزش UI/UX

آشنایی با اصول طراحی

قوانین طراحی، نوزده اصل برای رسیدن به یک طراحی عالی – قسمت اول
18:27 دقیقه
قوانین طراحی، نوزده اصل برای رسیدن به یک طراحی عالی – قسمت دوم
15:16 دقیقه

طراحی نهایی اپلیکیشن موبایل، جلسه 7

طراحی لوگو

Eitaa Operator