آموزش طراحی طرح‌های با کیفیت (High-Fidelity) و پروتوتایپ در فیگما - آخرین آپدیت

شروع به خلق موکاپ‌ها Starting to create mockups

• مقدمه‌ای بر دوره پنجم: طراحی High-Fidelity و پروتوتایپ در فیگما Introduction to Course 5: Create High-Fidelity Designs and Prototypes in Figma

• کونال: مسیر من در UX Kunal - My journey to UX

• خوش‌آمدگویی به ماژول اول Welcome to module 1

• آشنایی با موکاپ‌ها Introduction to mockups

• چیکزی: انتقال از طراحی Low-Fidelity به High-Fidelity Chikezie - Transition from low-fidelity to high-fidelity designs

• مقدمه‌ای بر عناصر بنیادی طراحی بصری Introduction to foundational elements of visual design

• تایپوگرافی در طراحی UX Typography in UX design

• اهمیت تایپوگرافی The importance of typography

• رنگ در طراحی UX Color in UX design

• آیکون‌گرافی در طراحی UX Iconography in UX design

• افزودن تصاویر به موکاپ‌ها Add images to your mockups

• مقدمه‌ای بر چیدمان‌ها (Layouts) Introduction to layouts

• استفاده از گریدها برای هدایت چیدمان Use grids to guide layouts

• استفاده از Containment در چیدمان‌ها Use containment in layouts

• استفاده از فضای منفی (سفید) در چیدمان‌ها Use negative (white) space in layouts

• جمع‌بندی: شروع به خلق موکاپ‌ها Wrap-up: Starting to create mockups

اعمال اصول طراحی بصری در موکاپ‌ها Applying visual design principles to mockups

• خوش‌آمدگویی به ماژول دوم Welcome to module 2

• تاکید (Emphasis) در طراحی UX Emphasis in UX design

• سلسله‌مراتب (Hierarchy) در طراحی UX Hierarchy in UX design

• مقیاس و تناسب در طراحی UX Scale and proportion in UX design

• وحدت و تنوع در طراحی UX Unity and variety in UX design

• اعمال اصول گشتالت در موکاپ‌ها Apply Gestalt Principles to mockups

• مرور پیشرفت‌های شما Reflect on your progress

• جمع‌بندی: اعمال اصول طراحی بصری در موکاپ‌ها Wrap-up: Applying visual design principles to mockups

بررسی سیستم‌های طراحی Exploring design systems

• خوش‌آمدگویی به ماژول سوم Welcome to module 3

• مقدمه‌ای بر سیستم‌های طراحی Introduction to design systems

• مزایای سیستم‌های طراحی Benefits of design systems

• سیستم طراحی گوگل: Material Design Google's design system: Material Design

• سیستم طراحی Shopify: Polaris Shopify's design system: Polaris

• ساخت Sticker Sheet در فیگما Create a sticker sheet in Figma

• استفاده از کتابخانه سیستم طراحی در فیگما Use a design system library in Figma

• شابی: در نظر گرفتن تکنولوژی‌های کمکی در سیستم‌های طراحی Shabi - Consider assistive technologies when working in design systems

• جمع‌بندی: بررسی سیستم‌های طراحی Wrap-up: Exploring design systems

ساخت پروتوتایپ‌های با کیفیت بالا Creating high-fidelity prototypes

• خوش‌آمدگویی به ماژول چهارم Welcome to module 4

• مقدمه‌ای بر پروتوتایپ‌های High-Fidelity Introduction to high-fidelity prototypes

• ساخت یک پروتوتایپ با کیفیت بالا در فیگما Create a high-fidelity prototype in Figma

• ژست‌ها و موشن در طراحی UX Gestures and motion in UX design

• افزودن ژست‌ها و موشن در فیگما Add gestures and motion in Figma

• ملاحظات دسترسی‌پذیری (Accessibility) برای ژست‌ها و موشن Accessibility considerations for gestures and motion

• جن: طراحی با در نظر گرفتن دسترسی‌پذیری Jen - Design with accessibility in mind

• آموزش فیگما: تعاملات پروتوتایپ و بازخوردها Learn from Figma - Prototype interactions and feedback

• جمع‌بندی: ساخت پروتوتایپ‌های با کیفیت بالا Wrap-up: Creating high-fidelity prototypes

تست و تکرار در طراحی‌ها Testing and iterating on designs

• خوش‌آمدگویی به ماژول پنجم Welcome to module 5

• برنامه‌ریزی برای مطالعه تحقیقات UX Plan a UX research study

• انجام مطالعه قابلیت استفاده (Usability Study) Conduct a usability study

• تحلیل و ترکیب نتایج مطالعه قابلیت استفاده Analyze and synthesize usability study results

• تکرار و بهبود طرح‌های High-Fidelity Iterate on high-fidelity designs

• تشخیص زمان تکمیل شدن یک طراحی Identify when a design is complete

• مستندسازی و اشتراک‌گذاری طرح‌ها Document and share designs

• تحویل طرح‌ها برای تولید (Hand-off) Hand off designs for production

• آموزش فیگما: آماده‌سازی برای تحویل پروژه Learn from Figma - Prepare for hand off

• جمع‌بندی: تست و تکرار در طراحی‌ها Wrap-up: Testing and iterating on designs

• ساخت Case Study برای پروژه پورتفولیو Create a case study for your portfolio project

• تبریک برای اتمام دوره پنجم: طراحی High-Fidelity و پروتوتایپ در فیگما Congratulations on completing Course 5: Create High-Fidelity Designs and Prototypes in Figma