آموزش دوره طراحی داشبورد SaaS با فیگما: طراحی و پروتوتایپ رابط کاربری مدرن - آخرین آپدیت

سرفصل ها و درس ها

راه‌اندازی و برنامه‌ریزی پروژه Project Setup and Planning

• مقدمه: چه چیزی خواهید ساخت Introduction: What You’ll Build

• درک بریف طراحی داشبورد SaaS Understanding the SaaS Dashboard Brief

• ترسیم پیش‌طرح لایوت داشبورد Sketching the Dashboard Layout

• تنظیم فریم‌ها، گریدها و مسیر طراحی Setting Up Frames, Grids, and Design Direction

ساخت ساختار داشبورد Building the Dashboard Structure

• ساخت ناوبری سایدبار Creating the Sidebar Navigation

• طراحی هدر و بخش جستجو Designing the Header and Search Area

• ساخت کارت‌های داشبورد و بلوک‌های آماری Building Dashboard Cards and Stats Blocks

• ایجاد دراپ‌دان فیلتر Creating a Filter Dropdown

طراحی رابط کاربری اصلی Designing the Main Interface

• طراحی کارت‌های وظایف Designing the Task Cards

• ایجاد جداول، نمودارها و گراف‌ها Creating Tables, Charts, Graphs

• پرداخت نهایی UI و پاک‌سازی Final UI Polish and Cleanup

پروتوتایپینگ و میکرو-تعاملات Prototyping and Micro-Interactions

• ایجاد تعاملات: حالت‌های Hover و Pressed Creating Interactions: Hover and Pressed States

• ساخت قابلیت جمع‌شوندگی پنل Creating Collapsing Feature of Panel

• ایجاد تعامل Hover برای سایدبار Creating Hover Interaction for Side Bar

• پیاده‌سازی اسکرول Scrolling

• ساخت پنل اعلان‌های پاپ‌آپ Creating a Pop-up Notification Panel

• اتصال صفحات داشبورد Connecting Dashboard Screens

پرداخت نهایی و پروژه کلاسی Final Polish and Class Project

• پیش‌نمایش و تست پروتوتایپ Previewing and Testing the Prototype

• پروژه کلاسی: طراحی داشبورد SaaS اختصاصی شما Class Project: Design your own SaaS dashboard

• گام‌های نهایی Last Steps