آموزش استاد شدن در فیگما از صفر تا صد (دوره جامع UI/UX) - آخرین آپدیت

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

مقدمه‌ای بر دنیای طراحی Introduction to the World of Design.

• مقدمه Introduction

• طراح کیست؟ Who is a Designer?

• تفاوت بین طراحی UI و UX چیست؟ Difference Between UI and UX Design?

• تفکر طراحی چیست؟ What is Design Thinking?

ابزارهای اولیه در فیگما (بخش اول) Basic Tools in Figma (Part-01).

• نصب فیگما Figma Installation.

• بررسی صفحه مرورگر فیگما Exploring Figma Browser Page.

• بررسی ویرایشگر فیگما Exploring Figma Editor.

• ابزارهای جابجایی و فریم‌ها Move Tools & Frames.

• ابزار شکل، ابزار ایجاد و ابزار متن Shape Tool, Creation Tool & Text Tool.

• منابع، ابزار دستی و نظرات Resources, Hand Tool & Comments.

• پایان بخش اول End of Section 01.

ابزارهای اولیه در فیگما (بخش دوم) Basic Tools in Figma (Part-02).

• راهنمای سبک و تخته مزاج Style Guide & Mood Board.

• ایجاد یک کامپوننت Creating a Component.

• عملیات بولین و تنظیم محدودیت‌ها در فیگما Boolean Operation & Setting Constraints in Figma.

• درک پنل لایه‌ها در فیگما Understanding Layers Panel in Figma.

• ایجاد یک شبکه چیدمان در فیگما Creating a Layout Grid in Figma.

• Autolayout در فیگما Autolayout in Figma.

• ایجاد یک راهنمای سبک در Design Inspector Creating a Style Guide in Design Inspector.

• Glassmorphism Glassmorphism.

طراحی یک وب‌سایت مسافرتی (پروژه‌های مبتدی) Designing a Travel Website (Beginner Projects).

• شروع بخش سوم Start of Section 3.

• وب‌سایت مسافرتی بخش اول Travel Website Part 01.

• وب‌سایت مسافرتی بخش دوم Travel Website Part 02.

• وب‌سایت مسافرتی بخش سوم Travel Website Part 03.

پروژه‌های سطح مبتدی (پروژه‌های جایزه) Beginner Level Projects (Bonus Projects).

• خوش آمدید به بخش جایزه Welcome to the Bonus Section.

• ساخت یک وب‌سایت نمایندگی خودرو Creating a Car Dealership Website.

• ساخت یک وب‌سایت سه‌بعدی Creating a 3d Website.

• ایجاد گرادیانت‌ها و انیمیشن در فیگما Creating Gradients & Animating in Figma.

• ایجاد یک وب‌سایت سفارش غذا Creating a Food Delivery Website

طراحی یک اپلیکیشن سفارش غذا (سطح متوسط) Designing a Food Delivery App (Intermediate Level).

• مقدمه Introduction

• معرفی اپلیکیشن سفارش غذای Tomato Tomato Food Delivery App Introduction.

• فایل پروژه برای اپلیکیشن Tomato Project File for Tomato App.

• اپلیکیشن Tomato بخش اول Tomato App Part 01.

• اپلیکیشن Tomato بخش دوم Tomato App Part 02.

• اپلیکیشن Tomato بخش سوم Tomato App Part 03.

• اپلیکیشن Tomato بخش چهارم Tomato App Part 04.

• اپلیکیشن Tomato بخش پنجم Tomato App Part 05.

• اپلیکیشن Tomato بخش ششم Tomato App Part 06.

وب‌سایت دونات چرخ فلک سه‌بعدی (سطح متوسط) 3D Carousel Donut Website (Intermediate Level).

• خوش آمدید به وب‌سایت دونات چرخ فلک سه‌بعدی Welcome to the 3D Carousel Donut Website.

• فایل پروژه وب‌سایت دونات چرخ فلک سه‌بعدی 3D Carousel Donut Website Project File.

• وب‌سایت دونات چرخ فلک سه‌بعدی بخش اول 3D Carousel Donut Website Part 01

• وب‌سایت دونات چرخ فلک سه‌بعدی بخش دوم 3D Carousel Donut Website Part 02

وب‌سایت چرخ فلک با الهام از نایک (سطح پیشرفته) Nike Inspired Carousel Website (Advance Level).

• خوش آمدید به وب‌سایت چرخ فلک با الهام از نایک Welcome to Nike Inspired Carousel Website.

• فایل پروژه با الهام از نایک Nike Inspired Project File.

• وب‌سایت چرخ فلک با الهام از نایک بخش اول Nike Inspired Carousel Website Part 01.

• وب‌سایت چرخ فلک با الهام از نایک بخش دوم Nike Inspired Carousel Website Part 02.

• عناصر اسلایدر در فیگما Slider Elements in Figma.

• چرخ فلک با الهام از نایک بخش سوم Nike Inspired Carousel Part 03.

• ساخت نمونه اولیه چرخ فلک با الهام از نایک Nike Inspired Carousel Prototyping.

وب‌سایت فضایی تعاملی با چرخ فلک سه‌بعدی Interactive Space Website with 3D Carousel.

• خوش آمدید به پروژه Welcome to the Project.

• فایل پروژه متا پلنت Meta Planet Project File.

• طراحی پروژه متا پلنت Project Meta Planet Design

• نمونه اولیه پروژه متا پلنت Project Meta Planet Prototype

پروژه‌های نمونه‌سازی پیشرفته Advanced Prototyping Projects.

• اثر چرخ فلک چرخان در فیگما Spinning Carousel Effect in Figma.

• ماسک کردن در فیگما Masking in Figma.

• پیش نمایش پروژه قوطی چرخان Rotating Can Project Preview.

• پروژه قوطی چرخان در فیگما Rotating Can Project in Figma.

• پروژه انیمیشن اسلایدر تصویر در فیگما Image Slider Animation Project in Figma.

مفاهیم پیشرفته فیگما Advance Figma Concepts.

• تنظیم کامپوننت‌ها و واریانت‌ها Set Components and Variants

• کامپوننت یک بعدی One Dimensional Component

• کامپوننت‌های چند بعدی Multi-Dimensional Components

به‌روزرسانی‌های فیگما!! Figma Updates!!

• آخرین به‌روزرسانی‌های فیگما 2024. Latest Figma Updates 2024.