آموزش UI/UX خود را ارتقا دهید: طراحی تعاملی و نمونه سازی Figma

معرفی Introduction

• مقدمه Intro

• نحوه دانلود فایل ها How to download files

• نوع انیمیشن UI Type of UI Animation

• نمونه اولیه اولیه در Figma Basic Prototype in Figma

• دکمه تعاملی با جلوه های Hover Interactive Button with Hover effects

• فیلدهای ورودی تعاملی Interactive Input Fields

• طراحی نوار پیشرفت Progress bar design

• متن متحرک Animated Text

• مگا منو Mega menu

• کادر انتخاب تعاملی و زبان Interactive select and Language box

• در حال بارگیری صفحه نمایش Loading screen

• بخش کارت وب تعاملی Interactive Web Card Section

• انیمیشن برگردان کارت card flip animation

• انیمیشن کارت بکشید Drag Card Animation

• انیمیشن را بکشید و رها کنید Drag and drop Animation

• انیمیشن Mesh Gradient Mesh Gradient animation

• نوار منوی همبرگر در Figma Humburger menubar in Figma

• انیمیشن اسلایدر Slider Animation

• دکمه اکشن شناور متحرک Animated floating action button

• انیمیشن اسکرول خودکار Auto Scrolling Animation

• سوالات متداول طراحی بخش یا آکاردئون FAQ section design or Accordion

• طراحی اسلایدر برای بخش Hero Slider design for Hero section

• انیمیشن اسکلت Skeleton animation

• دکمه های پیام شناور متحرک در Figma Animated floating message buttons in Figma

• نوار پیشرفت دایره ای متحرک Animated Circular progress bar

• ردیابی مکان نما با استفاده از figma Cursor tracking using figma

• انیمیشن بیشتر More Animation