آموزش طراحی رابط کاربری و تجربه کاربری (UI/UX) - آخرین آپدیت

طراحی فرانت‌اند‌های شهودی و اصول طراحی ماکت Designing Intuitive Front Ends and Mockup Design Principles

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

• طراحی و UI/UX چیست؟ What is Design and UI/UX? 

• اهمیت UI/UX Importance of UI/UX

• تفکر طراحی (Design Thinking) Design Thinking

• طراحی و استراتژی‌های UX UX Design and Strategies

• وایرفریمینگ و پروتوتایپینگ Wireframing and Prototyping

• متدولوژی‌ها و رویکردهای طراحی Design Methodologies and Approaches

• اصول طراحی بصری در طراحی UI Visual Design Principles in UI Design

• طراحی UI در Figma UI Design in Figma

• طراحی یک رابط کاربری Designing a User Interface

• تایپوگرافی، خوانایی و تئوری رنگ در طراحی UI Typography, Readability, and Color Theory in UI Design

• بهترین روش‌ها در طراحی UI برای وب و موبایل Best Practices in UI Design for Web and Mobile

متدولوژی‌های طراحی وب Web Design Methodologies

• مقدمه‌ای بر طراحی وب واکنش‌گرا (RWD) Introduction to Responsive Web Design (RWD) 

• طراحی اول موبایل (Mobile First) Mobile First Design 

• چیدمان‌های تطبیقی و چیدمان‌های سیال Adaptive Layouts and Fluid Layouts

• کار با Media Queries Working with Media Queries

• بهترین روش‌ها در طراحی وب واکنش‌گرا Responsive Web Design Best Practices

• اعتبارسنجی و تست در دستگاه‌های مختلف Cross Device Validation and Testing

• مقدمه‌ای بر توسعه وب پیش‌رونده (PWA) Introduction to Progressive Web Development 

• تکنولوژی‌های توسعه وب پیش‌رونده Progressive Web Development Technologies 

• اپلیکیشن‌های تک صفحه‌ای (SPA) Single Page Applications (SPA)  

• سرویس ورکر، اعلان‌های Push و کش کردن Service Worker, Push Notifications and Caching 

• تبدیل اپلیکیشن موجود به PWA Converting Existing App to PWA

• کار با اپلیکیشن‌های وب پیش‌رونده Progressive Web Applications in Action

• ابزارهای بدون کد (No Code) و کم‌کد (Low Code) No Code & Low Code Tools

طراحی UI با Figma UI Design with Figma

• Figma چیست؟ What is Figma?

• مفاهیم ضروری Figma Essential Concepts of Figma

• راه‌اندازی و پیکربندی Figma Setup and Configure Figma

• تصاویر، اشکال و ابزارها Images, Shapes, and Tools 

• شروع کار با Figma و ویژگی‌های آن Getting Started with Figma and its Features

• کار با Figma Working with Figma

• شروع کار با کامپوننت‌ها Getting Started with Components

• استایل‌ها و کتابخانه‌ها در Figma Styles and Libraries in Figma 

• کارت‌ها و شبکه‌های چیدمان در Figma Cards and Layout Grids in Figma 

پروژه نهایی و ارزیابی Final Project and Assessment

• شروع کار با Thunkable و ویژگی‌های آن Getting started with Thunkable and its features