آموزش طراحی ریز تعاملات با فیگما

دوره آموزش طراحی ریز تعاملات با فیگما
Linkedin – Designing Microinteractions with Figma
به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل

Figma یکی از ابزارهای مورد استفاده برای طراحان UX برای طراحی ریز تعاملات است. در این دوره آموزش طراحی میکرو اینتراکشن ها با فیگما، متخصص Tetiana Gulei به یادگیرندگان نشان می دهد که چگونه می توان از Figma برای ایجاد ریز تعاملات مختلف از ابتدا استفاده کرد.

بیاموزید که میکرو اینتراکشن ها یا ریز تعاملات چیست و چرا برای طراحی خوب UX بسیار مهم هستند. نحوه نمونه سازی و ایجاد انیمیشن در Figma را بیابید. راه‌هایی برای ایجاد ریز تعامل‌های ساده مانند کشیدن، اسکرول، پوشش‌ها و موارد دیگر را کاوش کنید.
به‌علاوه، در ایجاد ریز تعامل‌های پیچیده‌تر، از جمله بارگیری اسپینرها، فهرست‌های بازشو، دکمه‌ها و لغزنده‌های حجم، غوطه‌ور شوید. درک خود را در حین انجام چالش‌هایی که هر فصل را همراهی می‌کنند، امتحان کنید!

فهرست سرفصل های دوره : آموزش Linkedin – Designing Microinteractions with Figma
دوره آموزش طراحی ریز تعاملات با فیگما

• معرفی
  میکرو اینتراکشن یا ریز تعاملات در Figma
  درباره ریز تعاملات
  
• 1. مبانی نمونه سازی Figma
  نمونه سازی را در Figma شروع کنید
  از حالت ارائه Figma استفاده کنید
  ریز تعاملات را روی دستگاه های مختلف تست کنید
  محرک های تعامل را تعریف کنید
  از انواع انیمیشن های بومی Figma استفاده کنید
  از انیمیشن هوشمند برای ریز تعاملات سیال استفاده کنید
  
• 2. ریز تعاملات ساده
  یک ضامن روی کلیک ایجاد کنید
  اجرای کشیدن با On Drag
  یک افکت اسکرول افقی ایجاد کنید
  یک افکت اسکرول عمودی ایجاد کنید
  یک افکت شناور ایجاد کنید
  همپوشانی ها را برای پیام ها و اعلان ها باز کنید
  یک تاخیر ماشه برای اقدام خود تنظیم کنید
  چالش: یک ریز تعامل پس زمینه ایجاد کنید
  راه حل: یک ریز تعامل پس زمینه ایجاد کنید
  
• 3. ریز تعاملات پیشرفته
  اجزای تعاملی را در Figma ایجاد کنید
  یک اسپینر بارگیری ایجاد کنید
  یک دکمه دانلود را اجرا کنید
  یک نوار لغزنده صدا ایجاد کنید
  یک منوی کشویی ایجاد کنید
  چالش: یک دکمه لایک ایجاد کنید
  راه حل: یک دکمه لایک ایجاد کنید
  
• نتیجه
  در طراحی ریز تعاملات یا میکرو اینتراکشن Figma خود مطمئن باشید

دوره آموزش طراحی ریز تعاملات یا میکرو اینتراکشن با فیگما، Linkedin – Designing Microinteractions with Figma، به زبان انگلیسی با زیرنویس فارسی توسط هوش مصنوعی و زیرنویس انگلیسی کامل ارائه شده است.