رابط کاربری
فیگما
UI / UX
UI Design

بسته آموزشی جامع UI/UX، مسیر کامل یادگیری

این بسته آموزشی یک مسیر کامل برای تبدیل شدن به یک طراح UI/UX است که تمام مهارت‌های مورد نیاز این مسیر را در کنار هم پوشش می‌دهد. در این مسیر، طراحی رابط کاربری (UI) و تجربه کاربری (UX) را به‌صورت اصولی یاد می‌گیرید، با ابزارها و روند طراحی حرفه‌ای آشنا می‌شوید و یاد می‌گیرید چگونه تجربه‌ای کاربردی و قابل‌فهم برای کاربر طراحی کنید. همچنین دوره پروتوتایپ به شما کمک می‌کند ایده‌ها و طراحی‌های خود را به نمونه‌های تعاملی و قابل ‌تست تبدیل کنید. در کنار آن، توسعه وب مخصوص طراحان UI/UX آموزش داده می‌شود تا بتوانید درک بهتری از فرانت‌اند، محدودیت‌های فنی و روند پیاده‌سازی داشته باشید و ارتباط مؤثرتری با تیم توسعه برقرار کنید و از بسیاری از چالش‌های رایج بین طراح و برنامه‌نویس جلوگیری کنید.

ux-course
ui-course
prototype-course
webdevelop-course

این پکیج شامل چه چیزی است؟

این بسته آموزشی شامل دوره طراحی رابط کاربری (UI Design) با ۲۱ ساعت آموزش، ۱۷ فصل و ۵۰ درس است که در آن طراحی رابط کاربری به‌صورت کامل از پایه تا سطح حرفه‌ای آموزش داده می‌شود و هنرجو به‌طور کامل بر Figma مسلط خواهد شد. همچنین دوره طراحی تجربه کاربری (UX Design) با ۱۹ ساعت آموزش، ۱۲ فصل و ۴۵ درس ارائه می‌شود که در آن مفاهیم تجربه کاربری، تحقیق کاربر، تحلیل رفتار کاربران و طراحی تجربه‌ای کاربردی و هدفمند آموزش داده می‌شود. در ادامه، دوره جادوی پروتوتایپ در فیگما با ۳ ساعت آموزش، ۱۷ فصل قرار دارد که روی ساخت نمونه‌های تعاملی و شبیه‌سازی رفتار واقعی محصول تمرکز دارد تا ایده‌ها و طراحی‌ها بهتر تست و ارائه شوند. همچنین دوره آشنایی با توسعه وب برای طراحان UI/UX با ۲ ساعت آموزش، ۸ فصل ارائه می‌شود تا هنرجو با مفاهیم ضروری HTML، CSS و ساختار فرانت‌اند آشنا شود و بتواند ارتباط مؤثرتری با تیم توسعه برقرار کند و محدودیت‌ها و چالش‌های فنی پروژه‌ها را بهتر درک کند.

چرا این دوره رو انتخاب کنیم؟

  • یادگیری ۴ تخصص اصلی و اساسی مورد نیاز برای ورود به بازار کار

  • جلسات هفتگی آنلاین / حضوری

  • تمرین‌های هفتگی برنامه‌ریزی شده

  • عضویت در گروه‌های مجازی و ارتباط با جامعه طراحان

در طول دوره چی یاد می‌گیریم؟

  • طراحی رابط کاربری (UI Design) : در دوره رابط کاربری، هنرجو یاد می‌گیرد چگونه رابط‌هایی مدرن، کاربردی و حرفه‌ای طراحی کند و با اصول طراحی بصری، ترکیب‌بندی، رنگ، تایپوگرافی، فاصله‌گذاری و ساختار صفحات آشنا می‌شود. همچنین کار با Figma به‌صورت کامل آموزش داده می‌شود؛ از طراحی صفحات و کامپوننت‌ها گرفته تا ساخت دیزاین سیستم، Auto Layout، طراحی ریسپانسیو و آماده‌سازی فایل‌ها برای تیم توسعه. در ادامه، روند طراحی صفحات واقعی برای وب‌سایت و اپلیکیشن تمرین می‌شود تا هنرجو بتواند پروژه‌های واقعی را به‌صورت استاندارد طراحی کند.

  • طراحی تجربه کاربری (UX Design): در دوره تجربه کاربری، هنرجو یاد می‌گیرد چگونه رفتار و نیاز کاربران را تحلیل کند و تجربه‌ای ساده، قابل‌فهم و هدفمند طراحی کند. مباحثی مثل تحقیق کاربر، ساخت پرسونا، طراحی User Flow، معماری اطلاعات، تحلیل مشکلات محصول و بهبود تجربه کاربران آموزش داده می‌شود. همچنین نحوه تصمیم‌گیری طراحی بر اساس منطق و رفتار کاربر بررسی می‌شود تا طراحی‌ها فقط زیبا نباشند، بلکه عملکرد درستی هم داشته باشند.

  • پروتوتایپ و تعاملات (Prototype & Interaction): در بخش پروتوتایپ، هنرجو یاد می‌گیرد چگونه طراحی‌های خود را به نمونه‌های تعاملی و قابل‌تست تبدیل کند. ساخت تعاملات، انیمیشن‌ها، شبیه‌سازی رفتار صفحات، طراحی سناریوهای کاربر و ایجاد تجربه‌ای نزدیک به محصول واقعی آموزش داده می‌شود. همچنین هنرجو یاد می‌گیرد چگونه قبل از توسعه، ایده‌ها و مسیرهای کاربر را تست و بررسی کند تا مشکلات احتمالی زودتر شناسایی شوند.

  • توسعه وب برای طراحان UI/UX: در بخش توسعه وب، هنرجو با مفاهیم ضروری فرانت‌اند آشنا می‌شود تا درک بهتری از روند پیاده‌سازی طراحی‌ها داشته باشد. مباحثی مثل ساختار HTML، استایل‌دهی با CSS، ریسپانسیو بودن صفحات، محدودیت‌های فنی رابط کاربری و نحوه تبدیل طراحی به کد آموزش داده می‌شود. هدف این بخش تبدیل شدن به برنامه‌نویس نیست، بلکه کمک می‌کند طراح بتواند حرفه‌ای‌تر با تیم توسعه همکاری کند، فایل‌های استانداردتری تحویل دهد و از بسیاری از چالش‌های رایج بین طراحی و توسعه جلوگیری کند.

خروجی این دوره؟

در پایان این مسیر، هنرجو با انجام +۴۰ تمرین هدفمند، یاد می‌گیرد چگونه فرآیند طراحی را به‌صورت حرفه‌ای اجرا کند. همچنین ساخت رزومه تخصصی، پورتفولیو و کیس استادی به‌صورت کامل آموزش داده می‌شود تا هنرجو بتواند پروژه‌های خود را استاندارد و حرفه‌ای ارائه کند. در طول دوره، مهارت‌های لازم برای ورود به بازار کار، همکاری با تیم‌های واقعی و اجرای پروژه‌های حرفه‌ای آموزش داده می‌شود تا در پایان مسیر، هنرجو به یک طراح کامل UI/UX تبدیل شود که علاوه بر طراحی رابط و تجربه کاربری، درک درستی از پروتوتایپ، تعاملات و توسعه وب نیز دارد و آماده ورود به بازار کار خواهد بود.

برای چه کسایی مناسبه؟

  • برای افرادی مناسب است که هیچ آشنایی قبلی با طراحی تجربه کاربری ندارند و می‌خواهند یادگیری را از صفر شروع کنند.

  • برای طراحانی که یا در ابتدای مسیر هستند یا حتی در حال کار در این حوزه‌اند، اما می‌خواهند دانش خود را عمیق‌تر کنند، اصول را درست‌تر یاد بگیرند و با طراحی یک کیس‌استادی کامل، نمونه‌کار حرفه‌ای‌تری بسازند نیز مناسب است.

پیش‌نیاز این دوره؟

این دوره هیچ پیش‌نیازی ندارد و هر شخصی با هر میزان دانش و سطحی می‌تواند در این دوره ثبت‌نام کند.

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

قسمت 1
تجربه کاربری، فصل ۱ - درباره دوره
آنلاین
قسمت 2
تجربه کاربری، فصل ۲ - درباره طراحی تجربه کاربری
۴۳ دقیقه
قسمت 3
تجربه کاربری، فصل ۳ - ابزار
۲۵ دقیقه
قسمت 4
تجربه کاربری، فصل ۴ - مبانی طراحی تجربه کاربری
۵ ساعت و ۶ دقیقه
بخش ۱: اصول تجربه کاربری
۵۳ دقیقه
بخش ۲: مفهوم طراحی انسان محور و طراحی کاربر محور
۱۷ دقیقه
بخش ۳: کاربر و نیاز کاربر
۳۴ دقیقه
بخش ۴: روانشناسی در تجربه کاربری
۵۰ دقیقه
بخش ۵: دسترسی پذیری (Accessibility)
۲۶ دقیقه
بخش ۶: کاربردپذیری (Usability)
۲۷ دقیقه
بخش ۷: چارچوب‌های طراحی تجربه کاربری (UX Design Frameworks)
۲۰ دقیقه
بخش ۸: تفکر طراحی (Design Thinking)
۴۴ دقیقه
بخش ۹: مدل ذهنی (Mental Model)
۳۵ دقیقه
قسمت 5
تجربه کاربری، فصل ۵ - همدلی و شروع پروژه
۵ ساعت و ۲۶ دقیقه
بخش ۱: همدلی (Empathy) و شروع پروژه
۲۹ دقیقه
بخش ۲: تحقیقات تجربه کاربری (UX Research)
۴۰ دقیقه
بخش ۳: مطالعات میدانی (Field Studies)
۱۸ دقیقه
بخش ۴: گروه‌های کانونی (Focus Groups)
۱۶ دقیقه
بخش ۵: مصاحبه (Interviews)
۱ ساعت و ۸ دقیقه
بخش ۶: نظرسنجی (Surveys)
۴۸ دقیقه
بخش ۷: تحلیل تحقیق (Research analysis) و استخراج بینش (Extract insights)
۴۹ دقیقه
بخش ۸: نقشه همدلی (Empathy map)
۶ دقیقه
بخش ۹: پرسونا (Persona)
۲۸ دقیقه
بخش ۱۰: نقشه سفر کاربر (User journey map)
۲۴ دقیقه
قسمت 6
تجربه کاربری، فصل ۶ - تعریف مسئله (Define the Problem)
۲۲ دقیقه
قسمت 7
تجربه کاربری، فصل ۷ - ایده‌پردازی
۳ ساعت و ۴۹ دقیقه
بخش ۱: ایده پردازی (Ideation)
۱۹ دقیقه
بخش ۲: طوفان فکری (Brainstorming)
۱۸ دقیقه
بخش ۳: نقشه ذهنی (Mind Mapping)
۱۶ دقیقه
بخش ۴: تکنیک Crazy Eights
۱۹ دقیقه
بخش ۵: استوری‌برد (Storyboarding)
۱۷ دقیقه
بخش ۶: تکنیک SCAMPER
۱۸ دقیقه
بخش ۷: شناخت راه‌حل‌های موجود در بازار
۲۸ دقیقه
بخش ۸: معماری اطلاعات (Information Architecture)
۳۹ دقیقه
بخش ۹: مرتب‌سازی کارت (Card Sorting)
۱۰ دقیقه
بخش ۱۰: نقشه سایت (Site Map)
۱۲ دقیقه
بخش ۱۱: تست درختی (Tree Testing)
۱۰ دقیقه
بخش ۱۲: جریان انجام کار (Task Flow) و جریان کاربر (User Flow)
۲۳ دقیقه
قسمت 8
تجربه کاربری، فصل ۸ - طراحی وایرفریم
۲۰ دقیقه
قسمت 9
تجربه کاربری، فصل ۹ - ساخت نمونه اولیه
۲۹ دقیقه
قسمت 10
تجربه کاربری، فصل ۱۰ - تست‌های کاربری
۱ ساعت و ۴ دقیقه
تست کاربردپذیری (Usability Testing)
۱۴ دقیقه
تست اولین کلیک (First-Click Testing)
۱۲ دقیقه
تست پنج ثانیه (Five Second Testing)
۱۰ دقیقه
تست ردیابی چشم (Eye Tracking)
۸ دقیقه
تست A/B
۱۱ دقیقه
تست دسترسی‌پذیری (Accessibility Testing)
۹ دقیقه
قسمت 11
تجربه کاربری، فصل ۱۱ - کیس استادی
۲۴ دقیقه
قسمت 12
تجربه کاربری، فصل ۱۲ - ورود به بازار کار
۱ ساعت و ۱۰ دقیقه
قسمت 13
رابط کاربری، فصل ۱ - درباره دوره
آنلاین
قسمت 14
رابط کاربری، فصل ۲ - درباره طراحی رابط کاربری
۱ ساعت و ۲۶ دقیقه
قسمت 15
رابط کاربری، فصل ۳ - فیگما بخش اول
۱ ساعت و ۵۵ دقیقه
قسمت 16
رابط کاربری، فصل ۴ - منابع طراحی
۱ ساعت و ۱۴ دقیقه
قسمت 17
رابط کاربری، فصل ۵ - فیگما بخش دوم
۱ ساعت و ۳۴ دقیقه
بخش ۱: ایجاد و مدیریت رنگ‌، نوشته و شکل
۲۳ دقیقه
بخش ۲: ایجاد و مدیریت Auto Layout + تمرین
۵۷ دقیقه
بخش ۳: ایجاد و مدیریت Frame + تمرین
۱۴ دقیقه
قسمت 18
رابط کاربری، فصل ۶ - پایه‌های طراحی رابط کاربری
۱ ساعت و ۳۵ دقیقه
بخش ۱: اصول رابط کاربری (UI Principles)
۵۱ دقیقه
بخش ۲: اصول گشتالت (Gestalt Principles)
۱۰ دقیقه
بخش ۳: مدل ذهنی کاربر و الگوهای طراحی
۲۰ دقیقه
بخش ۴: تفکر طراحی (Design thinking)
۱۴ دقیقه
قسمت 19
رابط کاربری، فصل ۷ - کامپوننت‌ها (Components)
۲ ساعت و ۴۰ دقیقه
بخش۱: معرفی Input
۱۰ دقیقه
بخش ۲: معرفی Button
۹ دقیقه
بخش ۳: معرفی Radio Button
۳ دقیقه
بخش ۴: معرفی Dropdown
۴ دقیقه
بخش ۵: معرفی Toggle / Switch
۳ دقیقه
بخش ۶: معرفی Checkbox
۵ دقیقه
بخش ۷: معرفی Tooltip
۳ دقیقه
بخش ۸: معرفی File Uploader
۷ دقیقه
بخش ۹: معرفی Steps
۳ دقیقه
بخش ۱۰: معرفی Progress Bar
۳ دقیقه
بخش ۱۱: معرفی Form + تمرین
۷ دقیقه
بخش ۱۲: معرفی Header
۲۰ قیقه
بخش ۱۳: معرفی Hero
۲۱ دقیقه
بخش ۱۴: معرفی Footer + تمرین
۱۱ دقیقه
بخش ۱۵: معرفی Tabs
۴ دقیقه
بخش ۱۶: معرفی Breadcrumb
۴ دقیقه
بخش ۱۷: معرفی Card
۵ دقیقه
بخش ۱۸: معرفی Pagination Item
۴ دقیقه
بخش ۱۹: معرفی Modal/Alert/ Popup/ Dialog + تمرین
۱۰ دقیقه
بخش ۲۰: معرفی Table
۷ دقیقه
بخش ۲۱: معرفی Navigation Menu / Sidebar
۷ دقیقه
بخش ۲۲: معرفی Skeleton + تمرین
۹ دقیقه
قسمت 20
رابط کاربری، فصل ۸ - استایل‌ (Style)، وریبل (Variable) و ورینت‌ (Variant)
۱ ساعت و ۵ دقیقه
بخش ۱: کاربرد و ایجاد استایل + تمرین
۲۷ دقیقه
بخش ۲: کاربرد و ایجاد وریبل
۹ دقیقه
بخش ۳: کاربرد و ایجاد ورینت + تمرین
۲۹ دقیقه
قسمت 21
رابط کاربری، فصل ۹ - استایل گاید (Style Guide)، دیزاین سیستم (Design System)، یوآی کیت (UI Kit)
۲۷ دقیقه
بخش ۱: استایل گاید (Style Guide) + تمرین
۱۷ دقیقه
بخش ۲: دیزاین سیستم و یوآی کیت (Design System, UI Kit)
۱۰ دقیقه
قسمت 22
رابط کاربری، فصل ‍۱۰ - آشنایی با صفحات
۵۵ دقیقه
قسمت 23
رابط کاربری، فصل ۱۱ - شروع پروژه
۱ ساعت و ۲۷ دقیقه
بخش ۱: شروع و روند پروژه
۴۳ دقیقه
بخش ۲: تمرین
۴۴ دقیقه
قسمت 24
رابط کاربری، فصل ۱۲ - وایرفریم (Wireframe)
۳۶ دقیقه
قسمت 25
رابط کاربری، فصل ۱۳ - طراحی واکنش‌گرا (Responsive Design)
۱ ساعت و ۱۵ دقیقه
قسمت 26
رابط کاربری، فصل ۱۴ - طراحی دارک مود (Dark Mode Design)
۳۶ دقیقه
قسمت 27
رابط کاربری، فصل ۱۵ - نمونه سازی و پروتوتایپ (Prototype)
۴۹ دقیقه
قسمت 28
رابط کاربری، فصل ۱۶ - موکاپ و ارائه پروژه
۱ ساعت و ۱۱ دقیقه
بخش ۱: تعریف موکاپ و ابزارها + تمرین
۴۶ دقیقه
بخش ۲: کیس استادی (Case Study)
۲۵ دقیقه
قسمت 29
رابط کاربری، فصل ۱۷ - ورود به بازار کار
۱ ساعت و ۱۶ دقیقه
قسمت 30
رابط کاربری، آپدیت اول
۲ ساعت
بخش ۱
۴۰ دقیقه
بخش ۲
۴۰ دقیقه
بخش ۳
۴۰ دقیقه
قسمت 31
پروتوتایپ، فصل ۱ - مقدمه و آشنایی با دوره
۱ دقیقه ۳۳ ثانیه
قسمت 32
پروتوتایپ، فصل ۲ - پروتوتایپ چیه و چرا استفاده میشه؟
۴ دقیقه ۲۴ ثانیه
قسمت 33
پروتوتایپ، فصل ۳ - پخش و مشاهده پروتوتایپ
۷ دقیقه ۵۶ ثانیه
قسمت 34
پروتوتایپ، فصل ۴ - ایجاد Flow و مدیریت Flows
۶ دقیقه ۳۱ ثانیه
قسمت 35
پروتوتایپ، فصل ۵ - اتصالات (Connections)
۲ دقیقه ۱ ثانیه
قسمت 36
پروتوتایپ، فصل ۶ - تعاملات (Interactions)
۳ دقیقه ۵۱ ثانیه
قسمت 37
پروتوتایپ، فصل ۷ - محرک‌ها (Triggers)
۵ دقیقه ۴۰ ثانیه
قسمت 38
پروتوتایپ، فصل ۸ - عملکردها (Actions)
۸ دقیقه ۵۷ ثانیه
قسمت 39
پروتوتایپ، فصل ۹ - انیمیشن‌ها (Animations)
۵ دقیقه ۱۷ ثانیه
قسمت 40
پروتوتایپ، فصل ۱۰ - منحنی‌ها (Curves)
۷ دقیقه ۱۹ ثانیه
قسمت 41
پروتوتایپ، فصل ۱۱ - استفاده از گیف (GIF) در پروتوتایپ
۱ دقیقه ۱۴ ثانیه
قسمت 42
پروتوتایپ، فصل ۱۲ - تمرین: دکمه‌ها، ورودی‌ها، کارت‌ها
۱ ساعت ۷ دقیقه
قسمت 43
پروتوتایپ، فصل ۱۳ - تمرین: اسلایدرها، لودینگ‌ها
۲۶ دقیقه ۴ ثانیه
قسمت 44
پروتوتایپ، فصل ۱۴ - تمرین: نویگیشن‌بارها
۱۱ دقیقه ۱۰ ثانیه
قسمت 45
پروتوتایپ، فصل ۱۵ - تمرین: پروتوتایپ اپلیکیشن سفارش غذا
۱۰ دقیقه ۳۶ ثانیه
قسمت 46
پروتوتایپ، فصل ۱۶ - تمرین: پروتوتایپ وبسایت چاربان
۱۵ دقیقه ۴۷ ثانیه
قسمت 47
پروتوتایپ، فصل ۱۷ - آپدیت - پروتوتایپ وبسایت قهوه
۲۲ دقیقه ۵۴ ثانیه
قسمت 48
آشنایی با توسعه وب، فصل ۱ - مقدمه
۱ دقیقه ۴۸ ثانیه
قسمت 49
آشنایی با توسعه وب، فصل ۲ - توسعه دهنده کیست؟ HTML چیست و CSS چه کار می‌کند؟
۹ دقیقه ۸ ثانیه
قسمت 50
آشنایی با توسعه وب، فصل ۳ - ابزارهای کاربردی
۲ دقیقه ۴۳ ثانیه
قسمت 51
آشنایی با توسعه وب، فصل ۴ - آشنایی با HTML
۲۸ دقیقه ۱۷ ثانیه
قسمت 52
آشنایی با توسعه وب، فصل ۵ - آشنایی با CSS
۲۹ دقیقه ۳۰ ثانیه
قسمت 53
آشنایی با توسعه وب، فصل ۶ - آشنایی با Bootstrap و معرفی Form در HTML
۱۵ دقیقه ۳۳ ثانیه
قسمت 54
آشنایی با توسعه وب، فصل ۷ - نگاهی به پروژه‌های واقعی
۵ دقیقه ۵ ثانیه
قسمت 55
آشنایی با توسعه وب، فصل ۸ - چالش‌های توسعه دهندگان و طراحان
۱۰ دقیقه ۲۰ ثانیه
بسته آموزشی جامع UI/UX + فیگما
5,000,000
تومان
مدت زمان۴۷ ساعت
مدرس‌هافاطمه شهنازی ، مجید خالقیان
تعداد درس‌ها121 درس
نوع دوره ضبط شده + جلسات آنلاین هفتگی
پیش نیازندارد
مدرسه UIX

مدرسه، جایی برای یادگیری، تجربه، رشد.

مدرسه UIX جاییه برای یادگیری عمیق، تمرین واقعی و رشد حرفه‌ای. راهــنمایی، تجربه و مسیری که تـوش تنها نیستی.

تماس با ما
TelegramInstagramBaleCall
ایجاد شده با عشققلب
مدرسه UIX