آموزش Figma: User Interface Design Essentials - UI/UX Design

درس ها Lessons

• بازرس متن Text Inspector

• فیلدهای متنی Text Fields

• دکمه ها Buttons

• مقدمه ای بر سبک تایپوگرافی Intro to Typography Style

• طراحی لوگوی سوم ما Designing Our Third Logo

• اسنک بار Snackbars

• ابزار وایرفریم Wireframe tools

• دوربین و نورپردازی Camera & Lightings

• چگونه کسب و کار خود را راه اندازی کنیم؟ How to Start Your Own Business?

• رنگ های ثابت Consistent Colors

• چگونه اولین مشتری خود را بدست آوریم؟ How to Get Your First Client?

• طراحی یک اپلیکیشن مالی مدرن Designing a Modern Finance App

• سبک متن Text Style

• استایل رنگ چیست؟ What is a Color Style?

• مقدمه ای بر Figma Introduction to Figma

• فونت های سازگار Consistent Fonts

• شمایل نگاری Iconography

• الزامات Figma Figma Requirements

• استایل: جلوه ها Styling: Effects

• شبکه های چیدمان Layout Grids

• بخش قهرمان - قسمت 2 Hero Section - Part 2

• منابع تصویری Image Resources

• کنتراست رنگ Color Contrast

• وایرفریم کردن پروژه شما - قسمت 1 Wireframing Your Project - Part 1

• معرفی عناصر رابط کاربری Intro to UI Elements

• راهنمای تایپوگرافی - قسمت 1 Typography Guide - Part 1

• چگونه از Behance استفاده کنیم؟ How to Use Behance?

• مقدمه ای بر مبانی طراحی Intro to Design Basics

• انواع لوگو Logo Types

• چگونه از Dribbble استفاده کنیم؟ How to Use Dribbble?

• لیست ها Lists

• بخش پرسش و پاسخ FAQ Section

• ترکیب بندی Composition

• صفحه ثبت نام Sign-up Page

• فاصله گذاری Spacing

• یک ظاهر طراحی شده: سکته مغزی Styling: Stroke

• قرارداد Contract

• راهنمای تایپوگرافی - قسمت 2 Typography Guide - Part 2

• کلید های میانبر صفحه کلید Keyboard Shortcuts

• نمونه سازی Prototyping

• سبک رنگ Color Style

• ابزار Tools

• طرح بندی خودکار Auto Layout

• کجا می توان الهام بخش طراحی کلاس جهانی را پیدا کرد؟ Where to Find World Class Design Inspiration?

• منوها Menus

• راهنمای طراحی Design Guide

• لغزنده Sliders

• منابع آیکون Icon Resources

• وایرفریم در Figma Wireframing in Figma

• چگونه کسب و کار خود را مقیاس بندی کنیم؟ How to Scale Your Business?

• نکات ابزار Tooltips

• بخش ویژگی - کارت اعتباری Feature Section - Credit Card

• نمادهای سازگار Consistent Icons

• چیدمان Layout

• طراحی لوگوی دوم ما Designing Our Second Logo

• مشخصات کاربر User's Profile

• Adobe Photoshop For UI/UX Design Adobe Photoshop For UI/UX Design

• صفحه فرود چیست؟ What is a Landing Page?

• Wireframing چیست؟ What is Wireframing?

• مقدمه ای بر Adobe Photoshop Introduction to Adobe Photoshop

• تصاویر Images

• عملیات بولی Boolean Operations

• مقدمه ای بر پروژه صفحه فرود Introduction to the Landing Page Project

• رندر و صادرات Rendering & Exporting

• پاورقی Footer

• معرفی دوره Introduction to the course

• ورود به سیستم و صفحه خوش آمدید Sign-in & Welcome Page

• سلسله مراتب بصری Visual Hierarchy

• منو Menu

• رنگهای اصلی، لهجهی، معنایی Primary, Accent, Semantic Colors

• انواع (جدید) Variants (NEW)

• منابع رنگ Color Resources

• کارت ها Cards

• پلاگین ها Plugins

• چیپس Chips

• محیط فیگما Figma Environment

• صفحه کارت های اعتباری Credit Cards Page

• طرح های عضویت Membership Plans

• ویرایش اشکال Editing Shapes

• تمسخر یک برنامه در Figma Mocking up an App in Figma

• مقدمه ای بر مدل سازی سه بعدی Intro to 3D Modeling

• ابزارهای نمونه سازی Prototyping Tools

• تایپوگرافی Typography

• جریان های کاربر User Flows

• وایرفریم کردن پروژه شما - قسمت 2 Wireframing Your Project - Part 2

• ارتباط با مشتریان شما Communicating With Your Clients

• مرزها و سایه ها Borders & Shadows

• راه اندازی صفحه Launch Screen

• کنترل های انتخاب Selection Controls

• شکل ها Shapes

• چند نفره و نظر دادن Multiplayer & Commenting

• صفحه های تأیید OTP OTP Verification Screens

• بخش ویژگی - آمار Feature Section - Statistics

• صفحه انتقال Transfer Page

• نمونه سازی اولیه صفحه فرود شما Prototyping Your Landing Page

• مبانی لایه ها Layers Basics

• یک صحنه سه بعدی بسازید Create a 3D Scene

• ماسک ها Masks

• چگونه نمونه کار آنلاین خود را ایجاد کنیم؟ How to Create Your Own Online Portfolio?

• قدم بعدی شما چیست؟ What is Your Next Step?

• یک ظاهر طراحی: پر کنید Styling: Fill

• محدودیت ها و چیدمان های تطبیقی Constraints and Adaptive Layouts

• رنگ های خاکستری و شیب Grey Colors & Gradients

• نمونه های اولیه تعاملی Interactive Prototypes

• بخش قهرمان - قسمت 1 Hero Section - Part 1

• جداول Tables

• صفحه اطلاع رسانی Notification Page

• متن Text

• استپرها Steppers

• سبک های رنگی خود را ایجاد کنید Create Your Color Styles

• صادرات Exporting

• ساختار دوره Structure of the course

• ورود صفحات Onboarding Pages

• صفحه نخست Homepage

• پالت رنگ Color Palette

• مواد و بافت Materials & Textures

• صفحه جزئیات معاملات Detailed Transactions Page

• جهت یابی Navigation

• مقدمه Introduction

• عناصر رابط کاربری سازگار Consistent UI Elements

• اجزاء Components

• نوار ناوبری Navigation Bar

• صفحه تایید Confirmation Page

• بخش ویژگی - پشتیبانی Feature Section - Support

• صفحه معاملات Transactions Page

• اولین مدل سه بعدی خود را بسازید Create Your First 3D Model

• راه اندازی پروژه شما Setting up Your Project

• صفحات نمایه Profile Screens

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

• طراحی اولین لوگوی ما Designing Our First Logo

• دیالوگ ها Dialogs

• منابع فونت Font Resources

• نمودار Charts

• محیط Adobe Photoshop Environment of Adobe Photoshop

• نویز بصری Visual Noise

• اصول اولیه Adobe Photoshop Basics of Adobe Photoshop