آموزش تمرینات ساده فیگما

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

معرفی Introduction

• مقدمه دوره Introduction to course

UX چیست what is UX

• ux 1 چیست what is ux 1

• ux 2 چیست what is ux 2

• نمونه هایی از طراحی ux Examples of ux design

UI چیست What is UI

• طراحی رابط کاربری چیست what is ui design

• نمونه هایی از طراحی رابط کاربری Examples of ui design

تفاوت بین Ui و ux Differences between ui and ux

• مطالعه موردی-اینستاگرام Case study-instagram

• مطالعه موردی-Tiktok Case Study-Tiktok

• اهمیت uiux Importance of uiux

طراحی آیکون Icon Design

• نمادها Icons

• طراحی آیکون 2 Icon Design 2

پیمایش Scrolling

• اسکرول افقی Horizontal Scroll

• اسکرول عمودی Vertical Scroll

پاک کننده پس زمینه تصویر Image Background Remover

• حذف پس زمینه تصویر Remove image background

جاسازی نقشه ها Embedding Maps

• افزونه Mapsicle Mapsicle Plugin

انیمیشن Lottie Lottie Animation

• صفحه معرفی Splash Screen

• فایل Lottie خود را بسازید create your own Lottie file

تمرینات جالب UIUX Interesting UIUX Exercises

• ایجاد یک پخش کننده موسیقی Creating a Music Player

• ایجاد فلیپ کارت پویا Creating Dynamic Flipcard

• یک اسلاید به بالا کارت جلوه های شناور ایجاد کنید Create a Slide Up Card Hover Effects

• ایجاد یک طومار بی نهایت (Marquees) Creating an infinite scroll (Marquees)

• چرخ فلک تصویر چرخان Rotating image carousel

جلوه های شناور Hover Effects

• با اجزای تعاملی جلوه‌های شناور متنی چشمگیر ایجاد کنید Create Impressive Text Hover Effects with Interactive Components

• اثر تعاملی شناور Interactive Hover Effect

• ابزار متن چرخشی Rotating Text Tool

• جلوه شناور دکمه Button hover effect

تمرینات بیشتر More exercises

• در حال بارگیری صفحه نمایش اسکلتی Loading Skeletal Screen

• انیمیشن گرادیان Gradient Animation

• اثر خونریزی bleeding effect

صفحه آژانس Agency page

• صفحه فرود آژانس 1 Agency Landing Page 1

• صفحه فرود آژانس 2 Agency Landing Page 2

• صفحه فرود آژانس 3 Agency Landing Page 3

• صفحه 4 فرود آژانس Agency Landing Page 4

• اجتماعی Socials

تمرین 1 Exercise 1

• WebsiteNewsUI- 1 WebsiteNewsUI- 1

• WebsiteNewsUI-2 WebsiteNewsUI-2

• WebsiteNewsUI-3 WebsiteNewsUI-3

• WebsiteNewsUI-4 WebsiteNewsUI-4

تمرین 2 Exercise 2

• وب سایت تجارت الکترونیک 1 Ecommerce website 1

• وب سایت تجارت الکترونیک 2 Ecommerce website 2

• وب سایت تجارت الکترونیک 3 Ecommerce website 3

• وب سایت تجارت الکترونیک 4 Ecommerce website 4

• وب سایت تجارت الکترونیک 5 Ecommerce website 5

• وب سایت تجارت الکترونیک 6 Ecommerce website 6

بخش پاداش Bonus section

• طراحی با Ai Design with Ai