Figma 2024 Monster Course: Mastering Design & Prototyping

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

مقدمه Introduction

• 1.ایجاد حساب کاربری در Figma 1.Creating Account in Figma

• 2. شروع به کار با Figma 2.Getting Started With Figma

• 3. یادگیری در مورد اشکال سفارشی 3.Learning About Custom Shapes

• 4. آموزش درباره ابزارهای قلم و مداد 4.Learning About Pen & Pencil Tools

• 5. آموزش در مورد ماسک در Figma 5.Learning About Masks In Figma

• 6. یادگیری در مورد Componets 6.Learning About Componenets

• 8. آموزش درباره AutoLayOut 8.Learning About AutoLayOut

• 9. آموزش درباره ماسک ها 9.Learning About Masks

بخش 2 Section2

• 1-ایجاد یک ساختار اساسی برای وب سایت 1.Creating A Basic Structure For Website

• 2. ایجاد متن پاراگراف برای وب سایت 2.Creating Paragraph Text For Website

• 3. ساخت اسلاید برای وب سایت در Figma 3.Making Slide For Website In Figma

• 4. پایان اولین انیمیشن اسلاید ما 4.Finishing Our First Slide Animation

بخش 3 Section3

• 1. ایجاد دارایی های وب سایت بوتیک 1.Creating A Boutique Website Assets

• 2. ایجاد انیمیشن RollOver ForwardButton 2.Creating ForwardButton RollOver Animation

• 3. اتمام FirstWebPage 3.Finishing FirstWebPage

• 4. ایجاد یک دکمه برای صفحه وب 4.Creating a Button For WebPage

• 5 طراحی صفحه دوم 5 Designing Second Page

• 6. Prototyping Quantity Button در Figma 6 .Prototyping Quantity Button in Figma

• 7.Giving Interaction برای افزودن به صفحه سبد خرید 7.Giving Interaction to Add To Cart Page

• 8. پالایش انیمیشن انتقال 8.Refining Transistion Animation

• 9.Giving Functunality برای تصویر اصلی 9.Giving Functunality for Main Image

• 10. ایجاد نمونه اولیه برای دکمه های جلو و عقب 10.Creating Prototyping for Forward and Backward buttons

• 11. نهایی کردن وب سایت ما 11.Finalsing Our Website

بخش 4 Section4

• 1. آماده سازی Wireframe برای وب سایت 1.Preparing Wireframe For Website

• 2. راه اندازی وب سایت ما 2.Starting OurWebsite

• 3. پایان دادن به اولین صفحه وب ما 3.Finishing Our First WebPage

• 4. ایجاد دکمه Checkout 4.Creating CheckOut Button

• 5. ایجاد دکمه های دیگر 5.Creating OtherButtons

• 6.افزودن طرح ها به صفحه وب 6.Adding Designs to WebPage

• 7. تنظیم صفحه وب ما 7.Adjusting Our WebPage

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

• 9. طراحی عناصر اضافی در صفحه 9.Designing Additional Elements in Page

• 10. طراحی صفحه وب سوم 10.Designing Third WebPage

• 11. دادن ارتباط برای صفحات وب ما 11.Giving Intercations For Our WebPages

• 12. ادامه نمونه سازی در Figma 12.Continuing Prototyping in Figma

• 13. آماده سازی انتقال برای صفحات وب 13.Preparing Transistion for Webpages

• 14. ایجاد دکمه BurgerRollOver 14.Creating BurgerRollOver Button

• 15. تنظیم صفحه وب برای صفحه ShopNow 15.Setting Webpage For ShopNow Page

• 16. قابلیت دادن به صفحه ShopNow 16.Giving Functionality For ShopNow Page

• 17. طراحی صفحه وب آموزشی 17.Designing Learning WebPage

• 18. نمونه سازی برای صفحه یادگیری 18.Prototyping For Learning Page

بخش 5 Section5

• 1. ایجاد یک لوگو برای برنامه ما 1.Creating a Logo For Our App

• 2. ایجاد دکمه RollOver 2.Creating RollOver Button

• 3. آماده سازی عناصر اضافی برای برنامه 3.Preparing Additional Elements for App

• 4. نمونه سازی برای UISsecondPage 4.Prototyping For UISecondPage

• 5. ایجاد انیمیشن انتقال بین صفحات اول و دوم 5.Creating Transistion Animation Between First & Second Pages

• 6. توضیح فرآیند طراحی صفحه ViewMeals 6.Explaining ViewMeals page Design Process

• 7.Giving Functunality برای دکمه ViewMeals 7.Giving Functunality For ViewMeals Button

• 8. طراحی یک صفحه جدید 8.Designing a New Page

• 9.Giving Functanulaity برای صفحه ذرت 9.Giving Functanulaity For Corn Page

• 10. ایجاد دکمه های شعاعی و ایجاد صفحه پرداخت 10.Creating Radial Buttons & Creating Payment Page

• 11. آماده سازی صفحه پی پال برای اتصال 11.Preparing PayPal Page For Connection

• 12. ایجاد سفارش شما صفحه کاملاً با موفقیت انجام شد (TimeLapse) 12.Creating Your Order Is SucessFully Placed Page(TimeLapse)

• 13. تکمیل نمونه سازی ما 13.Finishing Our Prototyping

بخش 6 Section6

• 1.گسترش تجزیه انیمیشن نمونه اولیه ImageScale Rollover 1.Expaning The Breakdown of ImageScale Rollover Protype Animation

• 2. توضیح شکست انیمیشن متن دایره ای 2.Explaining The Breakdown of Circular Text Animation

• 3. توضیح خرابی دکمه رو به جلو و عقب 3.Explaining The Foward and Backward Button Breakdown

• 4. توضیح خرابی انیمیشن Photoslide 4.Explaining The Breakdown of Photoslide Animation

• 5. ادامه خرابی انیمیشن PhotoSilde 5.Continuning PhotoSilde Animation breakdown

• 6. اتمام تفکیک Photoslide Animation 6.Finishing the PhotoslideAnimation Breakdown

• 7. توضیح خرابی دکمه لغو 7.Explaining The Cancel button breakdown