نقشه راه یادگیری UI
۱- مبانی طراحی UI
مفاهیمی که باید در این بخش یاد بگیریم:
تعریف UI
منابع یادگیری رایگان 
تفاوت UI و UX
منابع یادگیری رایگان
اصول رابط کاربری (UI Principles)
منابع یادگیری رایگان
آشنایی با المان‌های رابط کاربری
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
تعریف UI و UXتعریف تفاوت UI و UXاصول رابط کاربریآشنایی با المان‌های رابط کاربری
۲- یادگیری ابزار: فیگما
مفاهیمی که باید در این بخش یاد بگیریم:
یادگیری فیگما
منابع یادگیری رایگان
کامپوننت‌ها (components)
منابع یادگیری رایگان
درک Variables و Tokens
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
تسلط بر فیگما ساخت کامپوننت‌طراحی با Auto Layout
۳- مبانی بصری
مفاهیمی که باید در این بخش یاد بگیریم:
تئوری رنگ و ساخت پالت رنگ
منابع یادگیری رایگان
حالت تاریک (Dark Mode)
منابع یادگیری رایگان
اصول تایپوگرافی
منابع یادگیری رایگان
فاصله‌گذاری و اندازه‌بندی
منابع یادگیری رایگان
گرید و چیدمان (Grid & Layout)
منابع یادگیری رایگان
آیکون‌ها و تصاویر
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
ساخت پالت رنگ به‌کارگیری تایپوگرافی مناسبرعایت اصول فاصله‌گذاری
۴- اصول ادراک و ساختار بصری
مفاهیمی که باید در این بخش یاد بگیریم:
اصول گشتالت (Gestalt)
منابع یادگیری رایگان
سلسله‌مراتب بصری (Visual Hierarchy)
منابع یادگیری رایگان
فضای سفید (White space)
منابع یادگیری رایگان
مدل‌های ذهنی (Mental Models)
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
سازمان‌دهی عناصر بر اساس اصول گشتالتایجاد سلسله‌مراتب بصری
5- وایرفریم (Wireframe)
مفاهیمی که باید در این بخش یاد بگیریم:
طراحی وایرفریم
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
ترسیم وایرفریمنمایش چیدمان
6- پروتوتایپ (Prototype)
مفاهیمی که باید در این بخش یاد بگیریم:
طراحی و ایجاد پروتوتایپ
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
طراحی نمونه اولیه تعاملیشبیه‌سازی تعاملات
۷- طراحی واکنش‌گرا
مفاهیمی که باید در این بخش یاد بگیریم:
آشنایی با مفهوم واکنش‌گرا (Responsive)
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
طراحی نمونه اولیه تعاملیشبیه‌سازی تعاملات
۸- الگوهای طراحی و المان‌های تعاملی
مفاهیمی که باید در این بخش یاد بگیریم:
الگوهای طراحی (Design Patterns)
منابع یادگیری رایگان
طراحی فرم
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
افزودن انیمیشن‌ها و میکروتعامل‌های هدفمندطراحی حالت‌های مختلف عناصر
۹- سیستم طراحی
مفاهیمی که باید در این بخش یاد بگیریم:
استایل گاید (Style Guide)
منابع یادگیری رایگان
دیزاین سیستم (Design System)
منابع یادگیری رایگان
یوآی کیت (UI Kit)
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
سازمان‌دهی و مستندسازی سیستم طراحیتدوین راهنمای بصری طراحی
10- دسترسی‌پذیری (Accessibility)
مفاهیمی که باید در این بخش یاد بگیریم:
دسترسی‌پذیری (Accessibility)
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
رعایت اصول طراحی دسترس‌پذیرارزیابی رابط بر اساس استانداردهای WCAG
11- همکاری و تحویل
مفاهیمی که باید در این بخش یاد بگیریم:
آماده‌سازی و ارائه‌ی پروژه
منابع یادگیری رایگان
آشنایی با دنیا توسعه
منابع یادگیری رایگان
آشنایی پایه با HTML/CSS
منابع یادگیری رایگان
در انتهای این بخش انتظار می‌رود بتوانیم:
موکاپ پروژهتحویل به توسعه‌دهندگاندرک ساختار پایه HTML و CSS
