دوره آموزشی فیگما: ساخت انیمیشنها و تعاملات
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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی انیمیشن برای شبکه های اجتماعی
- دوره آموزشی یادگیری Cavalry
- دوره آموزشی ساخت انیمیشن در بلندر 2.9
- دوره آموزشی مبانی و مشاغل انیمیشن
- دوره آموزشی نکات و ترفندهای انیمیشن دو بعدی
- دوره آموزشی انیمیشن سازی به سبک های تاریخی
- دوره آموزشی تکنیک های ضروری جنبه های انیمیشن
- دوره آموزشی بکارگیری مبانی انیمیشن