آموزش وایرفریمینگ و پروتوتایپینگ UI/UX با فیگما (Figma) - آخرین آپدیت

مبانی وایرفریمینگ با فیگما Wireframing Fundamentals with Figma

• معرفی دوره Course Introduction

• آشنایی با محیط کاربری فیگما Introduction to Figma Interface

• مبانی فیگما: فریم‌ها، اشکال و کامپوننت‌ها Figma Basics: Frames, Shapes, and Components

• کار با گریدها در فیگما Working with Grids in Figma

• درک وایرفریم‌ها و انواع آن‌ها Understanding Wireframes and Their Types

• ویدیو دموی عملی: شروع کار با فیگما Demo Video: Getting Started with Figma

• ایجاد و دیجیتالی کردن وایرفریم‌های کاغذی Creating and Digitizing Paper Wireframes

• وایرفریمینگ Low-Fidelity در فیگما Low-Fidelity Wireframing in Figma

• مقدمه‌ای بر اصول گشتالت Introduction to Gestalt Principles

• به‌کارگیری اصول گشتالت در طراحی UX/UI Applying Gestalt Principles in UX/UI Design

پروتوتایپینگ و تست کاربردپذیری Prototyping and Usability Testing

• مقدمه‌ای بر پروتوتایپینگ Introduction to Prototyping

• ساخت پروتوتایپ‌های تعاملی Low-Fi در فیگما Creating Interactive Low-Fi Prototypes in Figma

• درک پروتوتایپ‌های قابل کلیک و ترنزیشن‌ها Understanding Clickable Prototypes and Transitions

• نکاتی برای پروتوتایپینگ تعاملی Interactive Prototyping Tips

• تکنیک‌های ارائه پروتوتایپ Prototype Presentation Techniques

• معرفی متدهای تست کاربردپذیری Introduction to Usability Testing Methods

• ارزیابی اکتشافی (Heuristic Evaluation) برای طرح‌های UX Heuristic Evaluation for UX Designs

• تحلیل نتایج تست کاربردپذیری Analyzing Usability Test Results

• بهینه‌سازی طرح‌های UX پس از تست Iterating UX Designs After Testing

الگوهای UI و سیستم‌های طراحی UI Patterns and Design Systems

• کامپوننت‌های UI و الگوهای طراحی در موبایل و وب UI Components and Design Patterns in Mobile and Web

• بهترین روش‌ها برای چیدمان (Layout) رابط کاربری Best Practices for UI Layouts

• مقدمه‌ای بر سیستم‌های طراحی (Design Systems) Introduction to Design Systems

• ساخت مودبورد و راهنمای استایل Creating a Moodboard and Style Guide

• ساخت کتابخانه کامپوننت‌ها در فیگما Building a Component Library in Figma

• طراحی برای اندازه‌های مختلف صفحه نمایش Designing for Different Screen Sizes

• بریک‌پوینت‌ها و چیدمان‌های منعطف (Fluid) در UI Breakpoints and Fluid Layouts in UI

• ملاحظات UI برای دستگاه‌های مختلف Cross-Device UI Considerations

• استراتژی طراحی موبایل-اول (Mobile First) Mobile-First Design Strategy

• دسترسی‌پذیری (Accessibility) در UI ریسپانسیو Accessibility in Responsive UI

رابط کاربری تعاملی و مبتنی بر ژست Interactive and Gesture-Based UI

• طراحی برای ورودی‌های لمسی و ژست‌ها Designing for Touch and Gesture Inputs

• اصول UX برای ناوبری مبتنی بر ژست UX Principles for Gesture-Based Navigation

• پیاده‌سازی تعاملات مخصوص موبایل Implementing Mobile-Specific Interactions

• الگوهای پیشرفته تعاملات ژست‌محور Advanced Gesture Interaction Patterns

• انتقال از وایرفریم‌ها به طرح‌های High-fidelity Transitioning from Wireframes to High-Fidelity Designs

• ایجاد رابط کاربری جذاب High-fidelity در فیگما Creating Engaging High-Fidelity UI in Figma

• میکرو-اینتراکشن‌ها برای بهبود تجربه کاربری Micro-Interactions for Enhanced UX

• انیمیت کردن کامپوننت‌های UI Animating UI Components

پروژه نهایی، آزمون پایانی و جمع‌بندی دوره Final Project, Final Exam, and Course Wrap-Up

• جمع‌بندی نهایی دوره Course Wrap-Up