تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی فیگما: انیمیشن‌سازی پروتوتایپ‌های طراحی

دوره آموزشی فیگما: انیمیشن‌سازی پروتوتایپ‌های طراحی

1 ساعت 47 دقیقهمتوسط2024-10-08

مدرسین

Joseph Labrecque

Joseph Labrecque

University Professor, Adobe Educator, Studio Head

جزئیات دوره

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

در این دوره، شما یاد خواهید گرفت که چگونه از ویژگی‌های پیشرفته مانند Smart Animate برای ساخت انیمیشن‌های روان و سریع استفاده کنید، چطور تنظیمات خاص انیمیشن‌ها را به دلخواه خود تغییر دهید و چطور الگوهای معمول طراحی مانند انیمیشن‌های بارگذاری، انتقال‌ها و صفحه‌های معرفی را به پروتوتایپ‌های خود اضافه کنید. این مهارت‌ها شما را قادر می‌سازد تا رابط‌های کاربری پویا و حرفه‌ای بسازید که تجربه بهتری برای کاربران فراهم کند.

مهارت ها

User Interface PrototypingFigmaInteraction DesignUser ExperienceDeep Dive (X:Y)

سرفصل ها

0. مقدمه

  • 01 - متحرک سازی نمونه‌های اولیه با Figma
  • 02 - کار با فایل‌های تمرین
  • 03 - نمای کلی پروژه طراحی

1. مبانی انتقال متحرک

  • 04 - پیش نیاز انیمیشن Figma
  • 05 - انتقال‌های فوری در Figma
  • 06 - انتقال‌ها را در Figma حل کنید
  • 07 - انتقال متحرک هوشمند در Figma
  • 08 - انتقال به داخل و خارج شدن در Figma
  • 09 - انتقال فشار در Figma
  • 10 - انتقال اسلاید به داخل و خارج در Figma

2. اصلاح ویژگی‌های انیمیشن

  • 11 - تنظیم مدت زمان انتقال
  • 12 - اعمال تعامل تاخیری
  • 13 - تنظیم مجدد موقعیت اسکرول
  • 14 - متحرک سازی لایه‌های تطبیق
  • 15 - بررسی انتقال‌های خطی
  • 16 - طراحی آسان افکت
  • 17 - طراحی افکت‌های فنری
  • 18 - اعمال از پیش تنظیم حرکت

3. طراحی انیمیشن‌های مشترک UI

  • 19 - متحرک سازی یک دکمه
  • 20 - متحرک سازی سوئیچ ضامن
  • 21 - متحرک سازی یک دکمه پر انرژی
  • 22 - سیم کشی نوار پیشرفت به متغیرها
  • 23 - استفاده از انیمیشن‌های همپوشانی
  • 24 - ایجاد نشانگر حلقه ای

4. متحرک سازی تجربیات اضافی

  • 25 - راه‌اندازی از صفحه اصلی
  • 26 - ایجاد حالت‌های splash screen
  • 27 - متحرک سازی حالات چلپ چلوپ
  • 28 - استفاده از فیلم‌ها برای افزودن حرکت
  • 29 - طراحی با فایل‌های متحرک GIF

نتیجه گیری

  • 30 - مراحل بعدی انیمیشن سازی در فیگما

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal