آموزش مسترکلاس طراحی بصری UI/UX برای مبتدیان - آخرین آپدیت

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

مقدمه دوره Course Introduction

• مقدمه دوره Course Introduction

مبانی طراحی بصری Foundations of Visual Design

• اهداف یادگیری Learning Objectives

• مقدمه‌ای بر طراحی بصری Introduction to Visual Design

• اصل طراحی بصری: تعادل Visual Design Principle: Balance

• اصل طراحی بصری: تضاد Visual Design Principle: Contrast

• اصل طراحی بصری: تأکید Visual Design Principle: Emphasis

• اصل طراحی بصری: حرکت Visual Design Principle: Movement

• اصل طراحی بصری: ریتم Visual Design Principle: Rhythm

• اصل طراحی بصری: وحدت Visual Design Principle: Unity

• اصل طراحی بصری: مجاورت Visual Design Principle: Proximity

• سنجش دانش سناریو-محور: دکمه خرید را غیرقابل چشم‌پوشی کنید Scenario-Based Knowledge Check: Make the Buy Now Button Impossible to Miss

• چالش طراحی: ارزیابی نحوه کنترل توجه توسط طراحی بصری در یک اپلیکیشن موبایل Design Challenge: Evaluate How Visual Design Controls Attention in a Mobile App

• سنجش دانش Knowledge Check

• مرور سریع Quick Recap

اصول طراحی بصری گشتالت Gestalt Visual Design Principles

• اهداف یادگیری Learning Objectives

• مقدمه‌ای بر اصول طراحی بصری گشتالت Introduction to Gestalt Visual Design Principles

• اصول رایج گشتالت Common Gestalt Principles

• اصل مجاورت در گشتالت Gestalt Principle of Proximity

• اصل شباهت در گشتالت Gestalt Principle of Similarity

• اصل تداوم در گشتالت Gestalt Principle of Continuity

• اصل بستار در گشتالت Gestalt Principle of Closure

• اصل شکل و زمینه در گشتالت Gestalt Principle of Figure and Ground

• اصل تقارن و نظم در گشتالت Gestalt Principle of Symmetry and Order

• چالش طراحی: تحلیل گروه‌بندی بصری با استفاده از اصول گشتالت Design Challenge: Analyze Visual Grouping Using Gestalt Principles

• به‌کارگیری اصول گشتالت در طراحی Application of Gestalt Principles in Design

• اشتباهات رایج در اجرای اصول گشتالت Common Mistakes When Applying Gestalt Principles

• سنجش دانش سناریو-محور: شناسایی اصل درست گشتالت Scenario-Based Knowledge Check: Spot the Right Gestalt Principle

• به‌کارگیری اصول گشتالت در طراحی UI Applying Gestalt Principles in UI Design

• سنجش دانش Knowledge Check

• مرور سریع Quick Recap

• تمرین: کالبدشکافی UI آمازون با اصول گشتالت Exercise: Breaking Down Amazon UI with Gestalt Principles

مطالعه موردی: اصول گشتالت در Airbnb Case Study: Gestalt Principles in Airbnb

• مرور کلی مطالعه موردی Airbnb Airbnb Case Study Overview

• چالش‌های اولیه طراحی Initial Design Challenges

• به‌کارگیری اصول گشتالت Applying Gestalt Principles

• نتایج و بهبودها Outcomes and Improvements

تمرین هدایت‌شده Guided Exercise

• کالبدشکافی UI آمازون با اصول گشتالت Breaking Down Amazon UI with Gestalt Principles

عناصر و اصول طراحی بصری Visual Design Elements and Principles

• اهداف یادگیری Learning Objectives

• درک عناصر کلیدی طراحی بصری Understanding Key Elements of Visual Design

• عناصر کلیدی طراحی بصری: رنگ Key Elements of Visual Design: Color

• مقدمه‌ای بر تئوری رنگ Introduction to Color Theory

• طرح‌های رنگی Color Schemes

• رنگ‌ها در رسانه‌های دیجیتال و چاپی Colors in Digital and Print Media

• مقدمه‌ای بر روانشناسی رنگ Introduction to Color Psychology

• قانون ۶۰:۳۰:۱۰ در تئوری رنگ 60:30:10 Rule in Color Theory

• ژنراتور طرح‌های رنگی Color Scheme Generator

• تمرین: ایجاد طرح‌های رنگی با استفاده از Coolors Exercise: Generating Color Schemes Using Coolors

• انتخاب پالت رنگ مناسب برای وب‌سایت مشتری Choosing the Right Color Palette for a Client Website

• سنجش دانش Knowledge Check

• عناصر کلیدی طراحی بصری: تایپوگرافی Key Elements of Visual Design: Typography

• اصول تایپوگرافی در طراحی Typography Principles in Design

• بهترین روش‌ها در تایپوگرافی Best Practices in Typography

• ابزارهای آنلاین برای ارتقای طراحی‌ها Online Tools to Elevate Your Designs

• تمرین: یافتن ترکیب فونت ایده‌آل با استفاده از Fontjoy Exercise: Finding the Perfect Font Pairing Using Fontjoy

• تایپوگرافی و ترکیب فونت برای طراحی UI Typography and Font Pairing for UI Design

• سنجش دانش Knowledge Check

• عناصر کلیدی طراحی بصری: تصاویر و آیکون‌ها Key Elements of Visual Design Images and Icons

• عناصر کلیدی طراحی بصری: خطوط و اشکال Key Elements of Visual Design: Lines and Shapes

• چالش طراحی: تحلیل تصاویر، آیکون‌ها، خطوط و اشکال در طراحی UI Design Challenge: Analyze Images, Icons, Lines, and Shapes in UI Design

• عناصر کلیدی طراحی بصری: بافت Key Elements of Visual Design: Texture

• عناصر کلیدی طراحی بصری: فضا Key Elements of Visual Design: Space

• سنجش دانش Knowledge Check

• سنجش دانش سناریو-محور: تبدیل یک اپلیکیشن خوب به یک تجربه عالی Scenario-Based Knowledge Check: Transform a Good App into a Great Experience

• مرور سریع Quick Recap

نقش جلوه‌های بصری و اصول طراحی در UI Role of Visuals and Design Principles in UI

• اهداف یادگیری Learning Objectives

• مقدمه‌ای بر جلوه‌های بصری در UI برای هویت برند Introduction to Visuals in UI for Brand Identity

• چگونگی انتقال هویت برند و روایتگری در UI از طریق بصری‌ها How Visuals Convey Brand Identity and Storytelling in UI

• درک لحن احساسی تصویرسازی‌ها در طراحی UI Understanding the Emotional Tone of Illustrations in UI Design

• نحوه انتخاب سبک بصری مناسب برای برند شما How to Choose the Right Visual Style for Your Brand

• گرافیک‌های کاربردی در مقابل تصویرسازی‌های تزئینی Functional Graphics vs Decorative Illustrations​

• مرور کلی سبک‌های بصری در طراحی UI Visual Styles in UI Design: Overview

• تضمین سازگاری با زبان بصری برند در طراحی UI Ensuring Consistency with the Brand’s Visual Language in UI Design​

• گام‌های ادغام گرافیک‌ها و تصویرسازی‌ها Steps to Integrate Graphics and Illustrations​

• مطالعه موردی: Dropbox - چگونه تصویرسازی‌ها تجربه کاربری را متحول کردند Case Study: Dropbox–How Illustrations Transformed the User Experience

• استفاده از جلوه‌های بصری برای ساخت هویت برند در طراحی UI Using Visuals to Build Brand Identity in UI Design

• سنجش دانش Knowledge Check

• فرمول طراحی UI UI Design Formula​

• قانون میلر Miller’s Law​

• قانون هیک Hick’s Law​

• قانون فیتس Fitts’s Law​

• قانون جاکوب Jakob’s Law​

• چالش طراحی: تحلیل قوانین UX در رابط‌های کاربری واقعی Design Challenge: Analyze UX Laws in Real App Interfaces

• سنجش دانش Knowledge Check

• سنجش دانش سناریو-محور: تبدیل یک محصول به یک برند از طریق بصری‌ها Scenario-Based Knowledge Check: Visuals Turn a Product into a Brand

• به‌کارگیری اصول و قوانین طراحی UI در رابط‌های واقعی Applying UI Design Principles and Laws in Real Interfaces

• مرور سریع Quick Recap

• اعتبارات، ارجاعات و سلب مسئولیت‌ها Credits, Attributions, and Disclaimers