آموزش طراحی اصلی وب و موبایل: Figma، UI/UX Essentials، + بیشتر

درس ها Lessons

• عملیات بولی Figma (اتحاد، تفریق، تقاطع، حذف) Figma Boolean Operations (Union,Subtract,Intersect,Exclude)

• حذف اجزای اصلی در figma غیرممکن است (نکات و ترفندهای کامپوننت) Deleting main components in figma is impossible (Tips & Tricks of components)

• پروژه Class Project 18 صفحه محصول آیفون و پروژه طراحی سبد خرید Class Project 18 iPhone Product Page & Cart Design Project

• ایجاد یک سیستم رنگ در Figma Creating a Color System in Figma

• چگونه پالت های رنگی UI را در figma درست کنم How I make UI color palettes in figma

• نحوه طراحی یک طراحی رابط کاربری Notification در Figma How to design a Notification UI design in Figma

• پروژه 17 حالت تاریک و حالت روشن Project 17 Dark Mode And Light Mode

• نحوه ذخیره فایل های Figma در دسکتاپ و نحوه دسترسی به تاریخچه فایل Figma How To Save Your Figma Files To Desktop and How To Access Figma File's History

• Figma Prototyping & Transitions (Easing) Figma Prototyping & Transitions (Easing)

• نحوه انتخاب و استفاده از رنگ ها در figma How to Choose and use Colors in figma

• تکنیک های چیدمان خودکار پیشرفته Figma Advanced Auto Layout Techniques Figma

• اثر دوپامین در طراحی UI/UX The Dopamine Effect in UI/UX Design

• مقیاس تایپوگرافی کامل را برای پروژه های UI و وب ایجاد کنید Create the Perfect Typography Scale for UI & Web Projects

• نحوه صادرات طرح Figma به عنوان تصویر (PNG، JPG، SVG، PDF) How to Export Your Figma Design as Image (PNG,JPG,SVG,PDF)

• Figma Final outro skillshare Figma Final outro skillshare

• اجزای Figma مبانی Figma Components The Basics

• Strokes و به روز رسانی ویژگی های پیش فرض در figma Strokes & updating default properties in figma

• بهترین بسته مجموعه آیکون رایگان برای طراحان UIUX Best Free Icon Set Packs for UIUX Designers

• Figma در زمان واقعی با چند نفره همکاری کنید Figma Collaborate in real time with multiplayer

• Class Project 01 Wireframe Class Project 01 Wireframe

• Figma Pen Tool Basics & Vector Networks Figma Pen Tool Basics & Vector Networks

• نمونه سازی انتقال همپوشانی در Figma Prototyping overlay transitions in Figma

• نحوه طراحی یک فیلد ورودی تعاملی در Figma How to Design an Interactive Input Field in Figma

• Nest Frames، چیدمان خودکار و محدودیت ها در Figma Nest Frames,Auto Layout And Constraints In Figma

• اسکرول چسبنده در Figma Sticky Scroll In Figma

• پروژه کلاس 15: پاپ آپ و جریان مانند یک حرفه ای: نمونه سازی تعاملات در Figma Class Project 15: Pop Up & Flow Like a Pro: Prototyping Interactions in Figma

• Figma Prototype easing & Spring animations Figma Prototype easing & spring animations

• سریع ترین راه برای ایجاد سبک های متن در Figma Fastest way to create text styles in Figma

• 10 اصل روانشناسی برای طراحی قدرتمند UX 10 Psychological Principles for Powerful UX Design

• Class Project 07 سبک متن و متن Class Project 07 Text and text style

• Figma's Power Duo چه زمانی باید از Union و چه زمانی برای صاف کردن استفاده کرد Figma's Power Duo When to Use Union and When to Flatten

• قدرت صدا: چگونه صدا به روانشناسی تجربه کاربر (UX) شکل می دهد The Power of Sound: How Audio Shapes User Experience (UX) Psychology

• قرار دادن تصاویر در Figma Placing images in Figma

• چگونه با Figma طراحی UI سایه های زیبا ایجاد کنیم How to Make Beautiful Shadows UI Design with Figma

• Moodboards و راز پیدا کردن الهام برای طراحی وب و برنامه سریع چیست؟ What Are Moodboards & The SECRET to Finding Inspiration for Web & App Design FAST

• Figma Layout Auto Space Between Objects Figma Auto Layout Space Between Objects

• چرا نمادهای اپل متفاوت هستند (هموارسازی گوشه) Why are the Apple icons different (corner smoothing)

• نمونه اولیه آزمایش Figma با آینه Figma Figma Testing Prototype with Figma Mirror

• انیمیشن VS Micro InteractionIn Figma Animation VS Micro InteractionIn Figma

• نحوه اضافه کردن فونت در Figma و نحوه افزودن فونت های گمشده در Figma How to add fonts in Figma and How TO Add missing fonts in Figma

• نحوه انتخاب رنگ (الهام از رنگ) How to Choose Colors (Color Inspiration)

• مقدمه: طراحی اصلی وب و موبایل: Figma، UI/UX Essentials، + بیشتر Introduction : Master Web & Mobile Design: Figma, UI/UX Essentials, +More

• چگونه یک Moodboard در Figma ایجاد کنیم How to Create a Moodboard in Figma

• کلاس پروژه 10: طراحی سازگار: ایجاد طرح‌بندی‌های واکنش‌گرا در Figma Class Project 10: Design that Adapts: Creating Responsive Layouts in Figma

• پروژه کلاس 19: کلیک نهایی: تکمیل طراحی اپلیکیشن Clickkart در Figma Class Project 19: The Final Click: Finishing Your Clickkart App Design in Figma

• پروژه کلاس 9: کیمیاگری تصویر: تسلط بر تصاویر و پلاگین ها در Figma Class Project 9: Image Alchemy: Mastering Images & Plugins in Figma

• ماسک های Figma (تصویر و متن ماسک در Figma) Figma Masks (Mask Image and Text in Figma)

• نحوه ایجاد Blur پس زمینه و لایه Blur در Figma How to Create Background Blur and layer Blur in Figma

• پروژه کلاس 4: زندگی را در طراحی خود تنفس کنید: ایجاد انیمیشن های هوشمند در Figma Class Project 4: Breathe Life into Your Design: Creating Smart Animations in Figma

• خلاصه UX و جریان وظیفه را در Figma بیاموزید Learn UX Briefs & Task Flows in Figma

• استفاده از روانشناسی برای تجربیات کاربر شخصی شده: مطالعه موردی Leveraging Psychology for Personalized User Experiences: A Case Study

• یک سیستم گرید پاسخگو برای طراحی وب و رابط کاربری ایجاد کنید Create a Responsive Grid System for Web & UI Design

• پروژه 13 انواع Project 13 Variants

• حالت ویرایش شی چیست و چگونه از آن استفاده کنیم! در فیگما What is Object Editing Mode & How to Use It! in figma

• نحوه نصب و استفاده از پلاگین ها در Figma How To Install And Use Plugins in Figma

• نکات و ترفندهای مفید متن در Figma Useful Text Tips & Tricks in Figma

• به روز رسانی، تغییر، ویرایش و تنظیم مجدد کامپوننت ها در Figma Update,Change,Edit And Reset Components In Figma

• برنامه موسیقی RealWorld UIUX Project 4 RealWorld UIUX Project 4 Music App

• پارادوکس شادی: درک سازگاری لذت‌گرا در طراحی UI/UX The Happiness Paradox: Understanding Hedonic Adaptation in UI/UX Design

• Skillshare 101: ارسال پروژه ها و نمایش کار شما Skillshare 101: Submitting Projects & Showcasing Your Work

• مقدمه ای بر منابع و الهامات سیستم های طراحی Introduction to design systems resources and inspirations

• چگونه از طرح های UX خود مانند یک PRO استفاده کنید How to Hand off your UX designs like a PRO

• صفحه اصلی پروژه کلاس 8 و منوی بورگور Class project 8 desin homepage and burgur menu

• پروژه کلاس 3: جادوی طراحی موبایل: برنامه خود را در Figma به نمایش بگذارید Class Project 3: Mobile Design Magic: Showcase Your App in Figma

• ساخت برنامه ها و وب سایت هایی که دوست دارید (در این دوره آموزشی Figma) جدید Build Apps & Websites You'll Love (In This Figma Course) New

• نحوه ایجاد و استفاده از صفحات در فایل Figma How To Create And Use Pages In Your Figma File

• نحوه اضافه کردن متن lorem ipsum در Figma How to add lorem ipsum text in Figma

• محدودیت های Figma و تغییر اندازه ساده شد Figma Constraints & Resizing Made SIMPLE

• ساده ترین راه برای تولید پالت رنگ در Figma (با استفاده از پلاگین ها) Easiest way to generate color palette in Figma (Using Plugins)

• گروه ها و فریم های Figma برای طراحی های بهتر رابط کاربری Figma groups and frames for better UI designs

• انیمیشن ضربان دار در Figma Pulsing animation in Figma

• مقدمه - پروژه های دنیای واقعی با figma Intro - Real world projects With figma

• روانشناسی رنگ در طراحی UI/UX Color Psychology in UI/UX Design

• پروژه 06 رنگ ها، سبک ها و شبکه ها در عمل! Project 06 Colors, Styles, and Grids in Action!

• نمونه سازی Figma برای مبتدیان Figma Prototyping for beginners

• Lo Fi در مقابل Hi Fi Wireframes Showdown Lo Fi vs Hi Fi Wireframes Design Showdown

• پروژه 16 افزودن به سبد خرید انیمیشن دکمه Project 16 Add To Cart Button Animation

• نحوه ایجاد انیمیشن اسکرول خودکار در Figma How to Create Auto Scrolling Animation in Figma

• از صفر تا Figma Hero New Skillshare From Zero to Figma Hero New Skillshare

• نحوه ایجاد چند نمونه اولیه و ایجاد جریان های جداگانه در یک صفحه Figma How to Create Multiple Prototypes & Create Separate Flows on One Figma Page

• اصول اولیه آیکون در Figma Icon basics in Figma

• چگونه می توانم یک تصویر کوچک یا جلد پروژه را در Figma تنظیم کنم How do I set a project thumbnail or cover in Figma

• مبانی Figma نحوه ایجاد و اصلاح اشکال Figma Basics How To CREATE And MODIFY SHAPES

• نحوه استفاده از Smart Selection و Tidy Up در Figma How to Use Smart Selection and Tidy Up in Figma

• پروژه دنیای واقعی UIUX 2 StayWave Real World UIUX Project 2 StayWave Real World UIUX Project 2 StayWaveReal World UIUX Project 2 StayWave

• Project 11 Funky Effects Fiesta Project 11 Funky Effects Fiesta

• چگونه یک مؤلفه TOOLTIP (مانوس را برای نمایش متن) در Figma ایجاد کنیم How To Create a TOOLTIP (Hover to Show Text) Component in Figma

• Figma یک کتابخانه تیمی قابل اشتراک‌گذاری ایجاد کنید Figma Create a shareable team library

• انیمیشن های میکرو با استفاده از اجزای تعاملی در Figma Micro animations using interactive components in Figma

• به اشتراک گذاری و بازخورد در زمان واقعی با Figma Sharing & Feedback in real time with Figma

• پروژه کلاس 2: تسلط بر جعبه ابزار: نمادها و پلاگین ها برای طراحی های قدرتمند Figma Class Project 2: Mastering the Toolbox: Icons & Plugins for Powerful Figma Designs

• جابجایی اجزای اصلی و نحوه سازماندهی اجزای خود Moving main components and how to Organize Your Components

• RealWorld UIUX Project 5 DIY RealWorld UIUX Project 5 DIY

• نحوه ایجاد گرادیان در Figma How To Create Gradients in Figma

• تفاوت بین تیم ها، پروژه ها و صفحات The difference between Teams, Projects and Pages

• پلاگین های Figma images برای طراحان UIUX Figma images Plugins for UIUX Designers

• پروژه کلاس 5: ایستگاه الهام: ساختن یک Moodboard در Figma Class Project 5: Inspiration Station: Building a Moodboard in Figma

• چیدمان خودکار و محدودیت ها در Figma Auto Layout And Constraints In Figma

• اجزا و انواع Figma برای مبتدیان Figma components and variants for beginners

• UI در مقابل UX در Figma Design Magic توضیح داده شد UI vs. UX in Figma Design Magic Explained

• انیمیشن های دکمه ای شگفت انگیز در Figma Amazing Button Animations in Figma

• ویژگی های کامپوننت Figma Figma Component properties

• پروژه کلاس 14: تسلط بر حساب و دسته: طراحی برای جریان کاربر در Figma Class Project 14: Account & Category Mastery: Designing for User Flow in Figma

• ابزار و فونت های متن Figma Figma Text Tool and Fonts

• برنامه تحویل غذا در دنیای واقعی UIUX Project 3 Real World UIUX Project 3 Food Delivery App

• انیمیشن هوشمند Figma برای مبتدیان Figma Smart Animate for Beginners

• طراحی رابط های خیره کننده Figma to Code بدون نوشتن خط Figma to Code Design Stunning Interfaces Without Writing a Line

• فایل فریم و طراحی در Figma Design (رابط) Frames & Design file in Figma Design(Interface)

• بهترین روش ها برای انتخاب فونت و جفت کردن فونت در UI و طراحی وب Best Practices for Choosing Fonts and Font Pairing in UI and Web Design

• نحوه استفاده از ابزار مقیاس و انتخاب در Figma How to Use The Scale Tool And Selection in Figma

• پروژه کلاس 12: بلوک های ساختمانی: تسلط بر اجزا در Figma Class Project 12: Building Blocks: Mastering Components in Figma

• بهترین روش های Figma نام لایه ها و سازماندهی ماندن Figma Best Practices Name Layers & Stay Organized