دوره نقشه‌راه طراح رابط کاربری: تسلط بر Figma، XD و Sketch همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره نقشه‌راه طراح رابط کاربری: تسلط بر Figma، XD و Sketch

موضوع کلی: طراحی و گرافیک دیجیتال

موضوع میانی: نرم‌افزارهای طراحی رابط کاربری (Figma, Adobe XD, Sketch)

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر طراحی رابط کاربری (UI) و تجربه کاربری (UX)
• 2. اصول طراحی بصری در UI
• 3. تایپوگرافی در طراحی رابط کاربری
• 4. نظریه رنگ و کاربرد آن در UI
• 5. آشنایی با سیستم‌های طراحی (Design Systems)
• 6. مقدمه‌ای بر Figma: رابط کاربری و ابزارهای پایه
• 7. Figma: ایجاد و ویرایش اشکال وکتور
• 8. Figma: کار با لایه‌ها و گروه‌ها
• 9. Figma: استفاده از Auto Layout
• 10. Figma: مدیریت استایل‌ها (Styles)
• 11. Figma: ایجاد کامپوننت‌ها و نمونه‌ها (Instances)
• 12. Figma: کار با پلاگین‌ها
• 13. Figma: پروتوتایپ‌سازی تعاملی
• 14. Figma: خروجی گرفتن از طرح‌ها (Export)
• 15. مقدمه‌ای بر Adobe XD: رابط کاربری و ابزارهای پایه
• 16. Adobe XD: طراحی و ویرایش صفحات
• 17. Adobe XD: کار با لایه‌ها و گروه‌ها
• 18. Adobe XD: استفاده از Repeat Grid
• 19. Adobe XD: ایجاد کامپوننت‌ها و استایل‌ها
• 20. Adobe XD: پروتوتایپ‌سازی و انیمیشن
• 21. Adobe XD: اشتراک‌گذاری و همکاری تیمی
• 22. مقدمه‌ای بر Sketch: رابط کاربری و ابزارهای پایه
• 23. Sketch: کار با اشکال وکتور و مسیرها
• 24. Sketch: استفاده از Symbols و Overrides
• 25. Sketch: کار با استایل‌های متنی و رنگی
• 26. Sketch: مدیریت لایه‌ها و گروه‌ها
• 27. Sketch: پلاگین‌های ضروری Sketch
• 28. Sketch: پروتوتایپ‌سازی با InVision Studio (یا ابزارهای مشابه)
• 29. طراحی Mobile-First و Responsive Design
• 30. طراحی برای پلتفرم‌های مختلف (iOS، Android، Web)
• 31. اصول دسترس‌پذیری در طراحی UI (Accessibility)
• 32. بهینه‌سازی UI برای سرعت و عملکرد
• 33. آزمون کاربردپذیری (Usability Testing)
• 34. معرفی ابزارهای Handoff (Zeplin, Avocode)
• 35. کار با Grid System و Layout
• 36. طراحی آیکون و Iconography
• 37. طراحی دکمه‌ها و عناصر تعاملی
• 38. طراحی فرم‌ها و ورودی اطلاعات
• 39. طراحی ناوبری و ساختار اطلاعات
• 40. طراحی صفحات لندینگ (Landing Pages)
• 41. طراحی داشبورد و رابط‌های کاربری پیچیده
• 42. نکات و ترفندهای پیشرفته Figma
• 43. نکات و ترفندهای پیشرفته Adobe XD
• 44. نکات و ترفندهای پیشرفته Sketch
• 45. انتقال طرح از Figma/XD/Sketch به کد (HTML/CSS) - مفاهیم پایه
• 46. همکاری تیمی در طراحی UI
• 47. مدیریت پروژه طراحی UI
• 48. ارائه و دفاع از طرح‌های UI