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

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

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

عنوان دوره: دوره Figma: طراحی وایرفریم، پروتوتایپ و کامپوننت

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

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

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

• 1. مقدمه ای بر فیگما و محیط کاربری آن
• 2. آشنایی با مفاهیم طراحی رابط کاربری (UI)
• 3. اصول طراحی تجربه کاربری (UX)
• 4. نصب و راه‌اندازی فیگما
• 5. کار با ابزارهای انتخاب و حرکت
• 6. ابزارهای ترسیم اشکال پایه
• 7. کار با متن و تایپوگرافی
• 8. استفاده از رنگ‌ها و گرادیانت‌ها
• 9. کار با لایه‌ها و گروه‌بندی
• 10. قفل کردن و مخفی کردن لایه‌ها
• 11. استفاده از ماسک‌ها در فیگما
• 12. کار با تصاویر و وارد کردن آن‌ها
• 13. ویرایش تصاویر در فیگما
• 14. اصول طراحی وایرفریم
• 15. طراحی وایرفریم صفحه اصلی
• 16. طراحی وایرفریم صفحه جزئیات
• 17. طراحی وایرفریم فرم‌ها
• 18. استفاده از گرید سیستم‌ها
• 19. تنظیمات گرید در فیگما
• 20. کار با Auto Layout
• 21. ایجاد لیست‌های داینامیک با Auto Layout
• 22. استفاده از Constraints
• 23. تنظیم Constraints برای ریسپانسیو بودن
• 24. مفهوم پروتوتایپینگ
• 25. ایجاد لینک بین صفحات
• 26. انیمیشن‌های ساده در پروتوتایپ
• 27. انتقال بین صفحات با افکت‌های مختلف
• 28. استفاده از Overlay برای مودال‌ها
• 29. پروتوتایپینگ برای فرم‌ها
• 30. آزمایش پروتوتایپ
• 31. مفهوم کامپوننت در فیگما
• 32. ایجاد کامپوننت دکمه
• 33. ایجاد کامپوننت فیلد ورودی
• 34. ایجاد کامپوننت کارت
• 35. ایجاد کامپوننت هدر
• 36. ایجاد کامپوننت فوتر
• 37. استفاده از Variants برای کامپوننت‌ها
• 38. مدیریت کامپوننت‌ها
• 39. ایجاد کتابخانه کامپوننت
• 40. استفاده از کتابخانه کامپوننت در پروژه‌های دیگر
• 41. اصول طراحی سیستم‌های طراحی
• 42. ایجاد سیستم رنگ در فیگما
• 43. ایجاد سیستم تایپوگرافی در فیگما
• 44. ایجاد سیستم فاصله‌گذاری (Spacing)
• 45. طراحی آیکون‌ها در فیگما
• 46. اصول طراحی آیکون‌های رابط کاربری
• 47. استفاده از پلاگین‌ها در فیگما
• 48. پلاگین‌های کاربردی برای طراحی UI
• 49. پلاگین‌های کاربردی برای پروتوتایپینگ
• 50. پلاگین‌های مدیریت دارایی‌ها (Assets)
• 51. همکاری تیمی در فیگما
• 52. اشتراک‌گذاری فایل‌ها با تیم
• 53. مدیریت نظرات و بازخوردها
• 54. نسخه‌بندی فایل‌ها در فیگما
• 55. استفاده از Dev Mode برای توسعه‌دهندگان
• 56. استخراج دارایی‌ها (Assets) برای توسعه
• 57. اصول طراحی ریسپانسیو
• 58. طراحی برای دستگاه‌های مختلف (موبایل، تبلت، دسکتاپ)
• 59. تست طراحی ریسپانسیو
• 60. مقدمه‌ای بر اصول دسترسی‌پذیری (Accessibility)
• 61. طراحی با در نظر گرفتن دسترسی‌پذیری
• 62. ارزیابی و بهبود دسترسی‌پذیری طراحی
• 63. اصول برندینگ و هویت بصری
• 64. انطباق طراحی با هویت برند
• 65. طراحی برای پلتفرم‌های مختلف (وب، اپلیکیشن)
• 66. مراحل انتقال از وایرفریم به طراحی بصری (Mockup)
• 67. کار با Style Guides
• 68. ایجاد Style Guide برای پروژه
• 69. مدیریت Style Guide
• 70. نکات پیشرفته در کار با لایه‌ها
• 71. تکنیک‌های خلاقانه در استفاده از ماسک‌ها
• 72. استفاده پیشرفته از Auto Layout برای Layoutهای پیچیده
• 73. کار با Variables در فیگما (برای تم‌های تیره/روشن)
• 74. بهینه‌سازی عملکرد فایل فیگما
• 75. نکات امنیتی در اشتراک‌گذاری فایل‌ها
• 76. مقدمه‌ای بر Test-Driven Design (TDD) در UI
• 77. تست A/B در طراحی رابط کاربری
• 78. اصول طراحی برای بازارهای بین‌المللی
• 79. فرهنگ‌سازی و بومی‌سازی در طراحی
• 80. مدیریت پروژه‌های طراحی در مقیاس بزرگ
• 81. استراتژی‌های مدیریت زمان در طراحی
• 82. اصول مصاحبه و دریافت بازخورد از کاربران
• 83. تحلیل رقبا و الگوبرداری اصولی
• 84. طراحی برای تجربه اول (Onboarding)
• 85. طراحی برای تعاملات پیچیده کاربر
• 86. اصول روانشناسی رنگ در طراحی
• 87. اصول روانشناسی فرم در طراحی
• 88. کاربردهای پیشرفته پلاگین‌ها
• 89. ساخت انیمیشن‌های پیچیده‌تر با پلاگین‌ها
• 90. اصول طراحی برای بازی‌های دیجیتال
• 91. مقدمه‌ای بر طراحی واقعیت افزوده (AR) و مجازی (VR)
• 92. کار با ابزارهای طراحی سه‌بعدی در فیگما
• 93. اصول طراحی رابط کاربری برای هوش مصنوعی
• 94. ملاحظات شرعی در طراحی رابط کاربری
• 95. انطباق طراحی با ارزش‌های خانواده ایرانی-اسلامی
• 96. رعایت حجاب و پوشش مناسب در طراحی
• 97. پرهیز از ترویج روابط خارج از چارچوب شرع
• 98. استفاده از نمادهای فرهنگی و مذهبی سازگار
• 99. پرهیز از ترویج فرقه‌های انحرافی و خرافی
• 100. انطباق با قوانین بانک مرکزی در طراحی سیستم‌های مالی