دوره آموزشی فیگما: ساخت انیمیشنها و تعاملات
1 ساعت 11 دقیقهمتوسط2025-01-15
مدرسین

Joseph Labrecque
University Professor, Adobe Educator, Studio Head
جزئیات دوره
آیا میدونستی که فیگما ویژگیهایی داره که انتقال انیمیشنها و تعاملات رو به توسعهدهندگان برای ادغام توی پروژههای کد بومی، راحتتر میکنه؟ توی این دوره، استاد جوزف لابریک آموزش میده چطور از قدرت حالت Dev Mode فیگما برای به اشتراک گذاشتن جنبههای مهم طراحی با تیم توسعهت استفاده کنی. در طول دوره، یاد میگیری چطور داراییهای مشترک از یک پروژه فیگما رو توی یک پلتفرم توسعه بومی وارد کنی، تعاملات و انیمیشنهای کاربری که با پروتوتایپ طراحی فیگما هماهنگه، برنامهریزی کنی، و انیمیشنها رو بر اساس اقدامات کاربری راه بندازی. این دوره برای طراحان UX و تعاملات و توسعهدهندگانی که با طراحیها و پروتوتایپهای فیگما کار میکنن، ایدهآله. در پایان این دوره، آماده خواهی بود تا انیمیشنها و تعاملات یک پروژه طراحی فیگما رو به محیط کد بومی منتقل کنی.
مهارت ها
2D AnimationFigmaInteraction DesignUser ExperienceLearningAnimation and Illustration
سرفصل ها
0. مقدمه
- 01 - ساخت انیمیشن و تعامل
- 02 - آنچه میخواهید بسازید
- 03 - آنچه باید بدانید
1. آمادگی برای توسعه
- 04 - نمای کلی پروژه Figma
- 05 - به اشتراک گذاری فایل طراحی
- 06 - فعال کردن Dev Mode به عنوان طراح
- 07 - دسترسی به Dev Mode به عنوان یک توسعه دهنده
2. دسترسی به محتوای طراحی برای وب بومی
- 08 - نمای کلی پروژه وب بومی
- 09 - خواندن CSS از پروژه اشتراکی Figma
- 10 - Export تصاویر از پروژه اشتراکی Figma
- 11 - تکمیل طراحی وب بومی
3. تبدیل انیمیشنها و تعاملات
- 12 - متحرک سازی تعاملات ناوبری
- 13 - متحرک سازی محتوای صفحه به صورت خودکار
- 14 - متحرک سازی دکمه
- 15 - متحرک کردن دختر آب
- 16 - متحرک سازی برچسب تغذیه
- 17 - متحرک سازی متن اطلاعات
نتیجه گیری
- 18 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی مبانی UX: نمونه سازی
- دوره آموزشی گسترش طراحی فیگما با ادوبی کریتیو کلود
- دوره آموزشی ایجاد اعتماد از طریق طراحی UX
- دوره آموزشی ساخت و نگهداری نمونه کارها طراحی UX شما
- دوره آموزشی قابلیت دسترسی عملی برای طراحان
- دوره آموزشی نمونهسازی با قدرت هوش مصنوعی با Figma Make (بدون نیاز به کدنویسی)
- دوره آموزشی راهاندازی ایدهات با تفکر طراحی (Design Thinking)
- دوره آموزشی موفقیت پس از راهاندازی با تفکر طراحی
مسیرهای مرتبط
- مسیر آموزشی طراحی تجربه کاربری با Figma
- مسیر آموزشی بهبود بخشیدن مهارت های نمونه سازی UX
- مسیر آموزشی ارتقا مهارت های خود را به عنوان یک محقق تجربه کاربری
- مسیر آموزشی طراحی و توسعه برای دسترسپذیری دیجیتال
- مسیر آموزشی ارتقا دادن مهارت های خود در طراحی UX
- مسیر آموزشی ملزومات هوش مصنوعی برای طراحان تجربه کاربری