آموزش Figma Pro: دوره تسلط پیشرفته نمونه سازی و انیمیشن

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

مقدمه Introduction

• مقدمه Introduction

• 2. ایجاد اولین تعامل رابط کاربری 2.Creating First UI Interaction

• 3. متحرک سازی سالاد میوه 3.Animating Fruit Salad

• 4. ساخت انیمیشن تعاملی سطح بعدی 4.Making Next Level Interaction Animation

• 5 . پایان انیمیشن تعامل ما 5 . Finishing Our Interaction Animation

2. ایجاد یک نمونه کار شخصی با انیمیشن های تعاملی در Figma 2.Creating a Personal Portfolio With Interactive Animations in Figma

• 1. ایجاد یک انیمیشن چشمک زن 1.Creating A Blinking Animation

• 2. ایجاد انیمیشن متن حلقه ای در Figma 2. Creating Looping Text Animation In Figma

• 3. حذف پس زمینه برای انیمیشن متن 3. Removing Background For Text Animation

• 4. ایجاد انیمیشن های دکمه ای 4.Creating Button Animations

• 5. متحرک سازی تصویر اصلی 5.Animating Main Image

• 7. ایجاد انیمیشن آیکون رسانه های اجتماعی فیس بوک 7.Creating Facebook Social Media Icon Animation

• 8. آماده سازی صفحه دوم 8.Preparing Second Page

• 9. ساخت انیمیشن صفحه نمونه کارها 9.Making Portfolio Page Animation

• 10. پایان کار انیمیشن صفحه 10.Finishing Work Page Animation

• 11. ایجاد انیمیشن دایره ای برای هدف طراحی 11.Creating Circular Animation For Design Purpose

• 12. تکمیل وب سایت نمونه کارها ما 12.Finishing Our Portfolio Website

3. ایجاد یک انیمیشن نمایش اسلاید میکرو در Figma 3.Creating a Micro slideshow Animation in Figma

• 1. ایجاد اولین صفحه وب 1.Creating First Webpage

• 2. ایجاد عناصر اضافی در صفحه وب 2.Creating Additional Elements in WebPage

• 3. متحرک سازی ماشین دوم 3.Animating Second Car

• 4. متحرک سازی صفحه سوم 4.Animating Third Page

• 5. پایان انیمیشن اسلاید ماشین 5.Finishing Car Slide Animation

4. ایجاد صفحه طراحی وب سایت ورزشی و انیمیشن های وب در Figma 4.Creating a Sports Website Design Page & Web Animations in Figma

• 1. ایجاد صفحه اول 1.Creating First Page

• 2. کار در صفحه اول 2.Working on First Page

• 3. ایجاد صفحه وب Secong و انیمیشن پایه 3.Creating Secong Webpage and Basic animation

• 4. ایجاد انیمیشن های اضافی 4.Creating Additional Animations

• 5. ایجاد یک صفحه وبلاگ 5.Creating a Blog Page

• 6. کار در صفحه تماس 6.Working On Contact Page

• 7. مونتاژ همه صفحات با هم 7.Assembling all Pages Together

• 8. ایجاد انیمیشن Roll Over برای صفحه وب اصلی 8.Creating Roll Over Animation For Main Web Page

• 9. نمونه سازی صفحات 9.Prototyping Pages

• 10. پایان دادن به وب سایت ما 10.Finishing Our Website

5. ایجاد انیمیشن های تعاملی وبلاگ مد پیشرفته با Figma 5.Creating Advanced Fashion Blog Interaction Animations with Figma

• 1. ایجاد اولین انیمیشن در این بخش 1.Creating First Animation in This Section

• 2. ایجاد انیمیشن متن پیشرفته 2. Creating Advanced Text animation

• 3. ایجاد انیمیشن متنی اضافی بدون صدا 3.Creating Additional Text Animation With No Voice Over

• 4. ایجاد انتقال 4.Creating Transistion

• 5.افزودن انیمیشن تعامل با جزئیات تماس 5.Adding Contact Details Interaction Animation

• 6. اتمام این بخش 6.Finishing This Section

6. ایجاد سایت فروشگاه اینترنتی پرندگان با انیمیشن های تعاملی پیشرفته 6.Creating Birds StoreWeb site with Advanced Interaction Animations

• 1. ایجاد صفحه اول در وب سایت پرندگان 1.Creating First Page in Birds Website

• 2. ایجاد انیمیشن اصلی در صفحه 2.Creating Main Animation in page

• 3. ایجاد انیمیشن Rollover برای پرندگان 3.Creating Rollover Animation For Birds

• 4. Continuing Roll Over Animations For Birds 4.Continuing Roll Over Animations For Birds

• 5.Giving Connections For Forward Button 5.Giving Connections For Forward Button

• 6.Giving Roll Over انیمیشن برای Sparrow Bird 6.Giving Roll Over animation for Sparrow Bird

• 7. شروع به ساخت دکمه عقب 7.Start Making Backward Button

• 8. تنظیم دکمه عقب 8.Adjusting Backwardbutton

• 9. پایان انیمیشن Rollover برای Woodenpecker Bird 9.Finishing RolloverAnimation for Woodenpecker Bird

• 10. آماده سازی برای صفحه پرنده هوسباز 10.Preparing For Humming Bird Page

• 11. ساخت دکمه رو به جلو بدون صدا (نهایی) 11.Making Forward Button With No Voice Over(Final)

• 12. کار بر روی صفحه Humming Bird 12.Working on Humming Bird Page

• 13. ادامه انیمیشن پرنده Humming 13.Continuing Humming Bird Animation

• 14. ایجاد انیمیشن حلقه ای 14.Creating Looped Animation

• 15. Working on Humming Bird Page Animation 15. Working On Humming Bird Page Animation

• 16. پایان صفحه جزئیات تماس 16.Finishing Contact Details Page

• 17. اتصال صفحه هومینگ ما به صفحه اصلی 17.Connecting Our Humming Page to Main Page

• 18. پروژه خود را با موفقیت به پایان برسانیم 18.Finishing Our Project Sucessfully