مدرسه مهارتی طلوع
آموزش UI/UX – آفلاین
بازگشت به داشبورد

بخش‌های دوره

بخش 1
مقدمه آموزش UI-UX و آشنایی با مفاهیم طراحی تجربه کاربری
۱
UI-UX چیست و قراره در این دوره از چی صحبت کنیم؟
۲
بزن بریم نصب فیگما!
۳
آشنایی با محیط فیگما و آغاز کار
۴
تمرین 1
بخش 2
شروع طراحی اولیه اپلیکیشن موبایل
۱
ساختن پرسونا، بریف پروژه و تسک فلو
۲
تمرین 2
۳
وایرفریم، ساخت صفحات پروژه
۴
آشنایی با ابزار ساختن اشکال مختلف (Shape tool)
۵
ساختن یک دکمه ساده
۶
تکمیل دکمه، اضافه کردن متن و منو به وایرفریم
۷
ساختن Navigation Bar، تست روی موبایل با استفاده از Figma Miror
۸
آشنایی فاصله ها و Layout Grid
۹
تمرین 3
۱۰
ساختن یک پروتوتایپ ساده
۱۱
ساختن یک انیمیشن ساده
۱۲
تمرین 4
بخش 3
طراحی نهایی اپلیکیشن موبایل
۱
از کجا ایده بگیریم؟
۲
تمرین 5
۳
اشتراک فایل طراحی
۴
انتخاب رنگ، ساختن پالت رنگ و اضافه کردن استایل رنگ به فیگما
۵
انتخاب فونت مناسب
۶
ساختن تایپوگرافی و اضافه کردن استایل فونت به فیگما
۷
طراحی لوگو
۸
تمرین 6
۹
اضافه کردن تصاویر
۱۰
Auto Layout
۱۱
تمرین 7
۱۲
ساختن دکمه‌های نهایی (Buttons)
۱۳
آشنایی با مفهوم Component (کامپوننت)
۱۴
کامپوننت‌های پیشرفته‌تر بسازیم
۱۵
تمرین 8
۱۶
اضافه کردن آیکون‌ها (ICONs)
۱۷
اضافه کردن متن
۱۸
ساختن منوی اصلی (Side Menu) و تصویر متحرک در بک‌گراند
۱۹
تمرین 9
۲۰
آشنایی با دیزاین سیستم‌ها و استفاده از UI Kit
۲۱
خروجی گرفتن (Export) ، اشتراک گذاری و ذخیره فایل در فیگما
۲۲
تمرین 10
بخش 4
آشنایی با اصول طراحی
۱
قوانین طراحی، نوزده اصل برای رسیدن به یک طراحی عالی – قسمت اول
۲
قوانین طراحی، نوزده اصل برای رسیدن به یک طراحی عالی – قسمت دوم

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

ساختن Navigation Bar، تست روی موبایل با استفاده از Figma Miror