آموزش Master Figma UI/UX Prototyping: Basic to Advanced Level

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

شروع به کار فایل های Figma (منبع) Getting Started Figma Files (Resource)

• شروع و نحوه دریافت برنامه آموزشی تایید شده، نحوه وارد کردن منابع Getting Started and How to Get Verified Education Plan,How to Import Resources

• فایل های Figma را تمرین کنید Practice Figma Files

تئوری نمونه سازی Prototyping Theory

• Prototype Part-1 چیست؟ What is Prototype Part-1

• چرا نمونه اولیه قسمت 2 مهم است Why Prototype Important Part-2

• انواع نمونه های اولیه در طراحی UX/UI قسمت 3 Types of Prototypes in UX/UI Design Part-3

نمونه سازی در سطح پایه Prototyping Basic-Level

• در مورد انواع انیمیشن UI قسمت 1 بحث کنید Discuss About Types of UI Animation Part-1

• اکشن و انیمیشن راه‌انداز مقصد قسمت 2 Destination Trigger Action and Animation Part-2

• تست تنظیمات نمونه اولیه به اشتراک گذاری نمونه های اولیه قسمت 3 Prototype Settings Testing Sharing Prototypes Part-3

• چگونه On Drag Trigger کار می کند قسمت 4 How On Drag Trigger Works Part-4

• چگونه On Click Trigger کار می کند قسمت 5 How On Click Trigger Works Part-5

• نحوه عملکرد ماشه در حین شناور کردن قسمت 6 How While Hovering Trigger Works Part-6

• نحوه کارکرد ماشه پس از تاخیر قسمت 7 How After Delay Trigger Works Part-7

• Prototype Action-Navigate to and Change to Part-8 Prototype Action-Navigate to and Change to Part-8

نمونه سازی سطح متوسط Prototyping Mid-Level

• Overlay Part-1 را باز کنید Open Overlay Part-1

• در رادیو قسمت 2، کادر انتخاب را خاموش کنید Toggle Checkbox Eye off on Radio Part-2

• نمونه سازی آکاردئون قسمت 3 Accordion Prototyping Part-3

• نمونه سازی نوار برگه قسمت 4 Tab Bar Prototyping Part-4

• نمونه سازی تعامل ویدئویی قسمت 5 Video Interaction Prototyping Part-5

• Zooming Hover Prototyping Part-6 Zooming Hover Prototyping Part-6

• نمونه اولیه انیمیشن Carousel Drag Carousel Drag Part-7 Card Carousel Drag Animation Prototyping Part-7

• انیمیشن Sticky Scroll Part-8 Sticky Scroll Animation Part-8

• نمونه سازی Range Slider Part-9 Range Slider Prototyping Part-9

• نمونه سازی انیمیشن متنی قسمت 10 Text Animation Prototyping Part-10

• نمونه سازی جلوه های اعلان قسمت 11 Notification Effects Prototyping Part-11

• جلوه کارت متحرک قسمت 12 Animated Card Effect Part-12

• دکمه سوئیچ و جابجایی قسمت 13 Switch and Toggle Button Part-13

نمونه سازی در سطح پیشرفته Prototyping Advanced-Level

• متغیر شرطی و تنظیم قسمت-1 Conditional and Set Variable Part-1

• حذف نمونه اولیه با استفاده از Set Variable Part-2 Delete Prototyping Using Set Variable Part-2

• پنهان کردن و نمایش با استفاده از Boolean Part-3 Hide and Show Using Boolean Part-3

• قسمت 4 نمونه سازی پیشرفته صفحه نمایش برنامه App Screen Advance Prototyping Part-4

• تکنیک های نمونه سازی پیشرفته قسمت 5 Advance Prototyping Techniques Part-5

• نمونه اولیه با استفاده از انواع دکمه ها قسمت 6 Advance Prototype Using Button Variants Part-6

• اسلایدر متحرک قسمت 7 Animated Slider Part-7

• نمونه اولیه صفحه کلید تایپ در زمان واقعی قسمت 8 Real Time Typing Keyboard Prototyping Part-8

• منوی کشویی تعاملی نمونه سازی قسمت-9 Interactive Drop Down Menu Prototyping Part-9

• منوی کشویی تعاملی نمونه سازی قسمت 10 Interactive Drop Down Menu Prototyping Part-10