آموزش دوره کامل طراحی رابط کاربری و تجربه کاربری ۲۰۲۵: فیگما + هوش مصنوعی + پروژه واقعی - آخرین آپدیت

دانلود Complete UI/UX Design Course 2025: Figma + AI + Real Project

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

طراحی رابط کاربری (UI) و تجربه کاربری (UX) در سال ۲۰۲۵: پروژه‌های واقعی، کامپوننت‌ها، چیدمان خودکار و ابزارهای هوش مصنوعی

چرا این دوره طراحی UI/UX را انتخاب کنید؟

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

در این مسترکلاس گام به گام، شما:

  • اصول اولیه UI/UX را از طریق مثال‌های واقعی و پروژه‌های عملی یاد می‌گیرید.
  • یک اپلیکیشن واقعی را از ابتدا بسازید، دقیقاً مانند یک طراح حرفه‌ای.
  • فیتما (Figma) را به صورت عمیق با کامپوننت‌ها، چیدمان خودکار (Auto Layout)، واریانت‌ها (Variants) و نمونه‌سازی (Prototyping) کشف خواهید کرد.
  • از ابزارهای هوش مصنوعی (AI Tools) برای افزایش گردش کار طراحی و خلاقیت خود استفاده خواهید کرد.
  • تجربه کاربری (UX) اپلیکیشن‌های برتر مانند Uxcel Go را کشف کرده و خودتان پیاده‌سازی خواهید کرد.
  • یک سیستم طراحی کامل با استایل‌های رنگی و متنی مناسب ایجاد خواهید کرد.
  • یاد می‌گیرید چگونه طرح‌های خود را مانند یک حرفه‌ای ارائه، سازماندهی و تحویل دهید.

درباره مدرس

من محمد اقبال هستم – یک طراح UI/UX با رتبه Top Rated Plus در Upwork و Fiverr. من نزدیک به ۵۰۰,۰۰۰ دلار از طریق طراحی محصولات واقعی کسب درآمد کرده‌ام و اکنون دقیقاً همان تکنیک‌هایی را به اشتراک می‌گذارم که برای من مؤثر بوده‌اند.

چه بخواهید فریلنسر شوید، چه شغلی پیدا کنید یا پروژه خودتان را شروع کنید – این دوره شما را در هر مرحله راهنمایی خواهد کرد. و بله، من در تمام مسیر شما را پشتیبانی خواهم کرد.

پیش‌نیازها

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

سرفصل‌های دوره: آنچه یاد خواهید گرفت (روز به روز)

روز ۱: صفحات خوش‌آمدگویی و اسپلش اپلیکیشن

  • طراحی صفحه اسپلش با لوگو و نوار وضعیت (Status Bar)
  • ساخت صفحات ورود (Sign In)، ثبت نام (Sign Up) و فراموشی رمز عبور
  • صفحه خوش‌آمدگویی + پاپ‌آپ نقش کاربر (طراح UI/UX، طراح محصول و غیره)

روز ۲: چیدمان، فریم‌ها و گردش کار

  • یادگیری فریم‌ها و چیدمان خودکار در فیتما
  • طراحی وضعیت‌های خالی (Empty States) و صفحات انتخاب علاقه مندی
  • ساخت یک پاپ‌آپ یادآوری مبتنی بر زمان

روز ۳: کامپوننت‌ها و تجربه کاربری اشتراک

  • معرفی کامپوننت‌ها و چیدمان خودکار (پیشرفته)
  • بحث درباره تجربه کاربری اشتراک (الهام گرفته از اپلیکیشن Uxcel Go)
  • طراحی صفحه سفارشی‌سازی تجربه کاربری

روز ۴: واریانت‌ها و بررسی دوره

  • ایجاد بخش اصلی دوره با واریانت‌های دکمه
  • طراحی صفحات جزئیات دوره با انتخاب واریانت‌ها
  • ساخت و سازماندهی صفحه اصلی

روز ۵: طراحی آیکون‌های ناوبری

  • طراحی آیکون‌های سفارشی: خانه، کاوش، جدول امتیازات
  • آیکون‌های بوک‌مارک، ذخیره شده و پروفایل با واریانت‌ها
  • استفاده از پلاگین Iconify و درک زمان ایجاد یا یافتن آیکون

روز ۶: نوارهای ناوبری و صفحات لینک شده

  • ساخت نوارهای ناوبری با واریانت‌ها
  • طراحی صفحات لینک شده: طراح، جدول امتیازات، بوک‌مارک
  • بررسی دسته‌بندی‌های دوره و نمونه‌سازی

روز ۷: پروفایل، تنظیمات و راهنمای استایل

  • طراحی یک صفحه پروفایل کامل با اطلاعات کاربر
  • ساخت یک صفحه تنظیمات حرفه‌ای
  • اعمال و مدیریت استایل‌های رنگ و تایپوگرافی در فیتما

نتیجه‌گیری

با پایان این دوره، شما در طراحی پروژه‌های UI/UX زیبا، کاربردی و آماده برای شغل، با تفکر طراحی دنیای واقعی و قدرت هوش مصنوعی، اطمینان کامل خواهید داشت.


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

شروع از اینجا | معرفی دوره و نقشه راه Start Here | Course Introduction & Roadmap

  • مقدمه: آنچه خواهید آموخت و چرا این دوره متفاوت است Introduction: What You’ll Learn & Why This Course is Different

  • قبل از شروع طراحی، همه چیز را آماده کنیم! Before We Dive into Designing, Let’s Get Everything Ready!

اولین اپلیکیشن شما | طراحی صفحات Splash و ورود Your First App | Designing Splash & Sign In Screens

  • طراحی صفحه Splash Designing the Splash Screen

  • طراحی صفحه ورود با گزینه‌های شبکه‌های اجتماعی Designing the Sign In Screen with Social Media Options

  • طراحی صفحه ثبت‌نام با ایمیل Designing the Sign Up with Email Screen

  • افزودن فیلد رمز عبور با احراز هویت Adding a Password Field with Authentication

  • طراحی صفحه خوش‌آمدگویی Designing the Welcome Screen

  • آزمون روز اول Day 1 Quiz

هوشمندسازی | فریم‌ها، طرح‌بندی و فاصله‌گذاری کاربردی Make It Smart | Frames, Layout & Spacing That Work

  • طراحی پاپ‌آپ انتخاب نقش Designing a Role Selection Popup

  • طراحی نسخه کامل صفحه خوش‌آمدگویی Designing the Full Version of the Welcome Screen

  • طراحی صفحه "این برنامه را برای چه کاری استفاده خواهید کرد؟" Designing the “What Will You Use This App For?”

  • طراحی صفحه انتخاب علایق Designing the Interest Selection Screen

  • طراحی صفحه یادآور با پاپ‌آپ انتخاب زمان Designing the Reminder Screen with Time Selection Popup

  • آزمون روز دوم Day 2 Quiz

به کاربران خود خوش‌آمد بگویید | UX | کامپوننت‌ها Welcome Your Users | UX | Components

  • درک تجربه کاربری (UX) اشتراک‌ها Understanding the UX of Subscriptions

  • طراحی صفحه اشتراک‌ها با کامپوننت‌ها Designing the Subscriptions Screen with Components

  • طراحی صفحه تجربه سفارشی‌سازی Designing the Customizing Experience Screen

  • آزمون روز سوم Day 3 Quiz

صفحه اصلی | معرفی واریانت‌ها Home Page | Introduction to Variants

  • ایجاد صفحه اصلی انتخاب دوره با واریانت‌های دکمه Creating the Main Course Selection Screen with Button Variants

  • طراحی صفحه جزئیات دوره Designing the Detailed Course Page

  • صفحه جزئیات دوره با واریانت‌های انتخاب Detailed Course Screen with Selection Variants

  • ایجاد صفحه اصلی Creating the Home Page

  • آزمون روز چهارم Day 4 Quiz

آیکون‌نگاری | طراحی آیکون‌ها و جستجو برای آن‌ها Iconography | Designing Icons & Searching for it

  • طراحی آیکون صفحه اصلی دوره Designing the Course Home Icon

  • طراحی آیکون کاوش دوره‌ها Designing the Explore Courses Icon

  • طراحی آیکون جدول امتیازات Designing the Leaderboard Icon

  • طراحی آیکون نشانک Designing the Bookmark Icon

  • طراحی آیکون‌های ذخیره و پروفایل Designing the Saved and Profile Icons

  • یافتن در مقابل ایجاد آیکون‌های ناوبری Finding vs Creating Navigation Icons

  • آزمون روز پنجم Day 5 Quiz

صفحات اصلی | Designer، Leaderboard، و Explore Screen | Prototype Main Screens | Designr, Leaderboard, and Explore Screen | Prototype

  • ایجاد کامپوننت ناوبری با واریانت‌ها Creating the Navigation Component with Variants

  • صفحه Explore یا Designer با جستجو و دسته‌بندی دوره‌ها Explore or Designer Page with Search and Course Categories

  • طراحی صفحه Leaderboard Designing the Leaderboard Page

  • صفحه Explore و نمونه‌سازی اولیه (Prototyping) Explore Page and Prototyping

  • آزمون روز ششم Day 6 Quiz

صفحات اصلی | Profile، و Settings Screen Main Screens | Profile, and Settings Screen

  • ایجاد صفحه پروفایل Creating the Profile Screen

  • صفحه تنظیمات و پایان بخش مبتدی Settings Screen & Wrapping Up the Beginner Section

  • آزمون روز هفتم Day 7 Quiz

زمان تمرین | اولین چالش Daily UI شما Practice Time | Your First Daily UI Challenge

  • درک رنگ‌ها قبل از شروع Daily UI Understanding Colors Before Starting Daily UI

  • معرفی چالش‌های Daily UI Introduction to Daily UI Challenges

  • ایجاد وایرفریم - صفحه ثبت‌نام Creating a Wireframe - Sign Up Page

  • ایجاد مودبورد و یافتن الهام UI آنلاین Creating a Moodboard and Finding UI Inspiration Online

  • طراحی صفحات ثبت‌نام و ورود Designing the Sign Up and Sign In Screens

  • ایجاد ماکاپ و آپلود پورتفولیو به Dribbble Mockups Creation & Uploading your Porfolio to Dribbble

ارتقا سطح | چالش Daily UI 02 با هوش مصنوعی Level Up | Daily UI Challenge 02 with AI

  • معرفی Daily UI 02 – صفحه پرداخت Introduction to Daily UI 02 – Checkout Page

  • استفاده از هوش مصنوعی برای ایده‌پردازی و ساخت مودبورد Using AI for Brainstorming and Building a Moodboard

  • طراحی صفحه پرداخت و ماکاپ‌های Dribbble Designing the Checkout Page & Dribbble Mockups

طراحی حرفه‌ای | راه‌اندازی سیستم طراحی خود Design Like a Pro | Start Your Design System

  • ایجاد سبک‌های تایپوگرافی برای سیستم طراحی شما Creating Typography Styles for Your Design System

  • ایجاد سبک‌های رنگی برای سیستم طراحی شما Creating Color Styles for Your Design System

  • ایجاد واریانت‌های دکمه برای سیستم طراحی شما Creating Button Variants for Your Design System

  • طراحی فیلدهای ورودی، توگل‌ها، چک‌باکس‌ها و دکمه‌های رادیویی Designing Input Fields, Toggles, Checkboxes & Radio Buttons

پروژه شماره ۱ | همکاری با هیلا در MVP اپلیکیشن او Project #1 | Collaborating with Hila on Her App MVP

  • شروع پروژه و جمع‌آوری نیازمندی‌ها Client Kickoff & Requirements Gathering

  • ایجاد مودبورد و ارائه به مشتری Creating the Moodboard & Presenting to the Client

  • بررسی بازخورد مشتری روی مودبورد Reviewing Client Feedback on the Moodboard

  • سفارشی‌سازی سیستم طراحی برای اپلیکیشن هیلا Customizing the Design System for Hila’s App

  • ساخت صفحات با وفاداری بالا و افزودن آیکون‌ها به سیستم طراحی Building High-Fidelity Screens & Adding Icons to the Design System

  • تکمیل پیش‌نویس اول برای بررسی مشتری Completing the First Draft for Client Review

  • دومین جلسه مشتری | ارائه پیشرفت طراحی و جمع‌آوری بازخورد Second Client Meeting | Presenting Design Progress and Gathering Feedback

  • پیاده‌سازی بازخورد مشتری و آماده‌سازی برای بررسی Implementing Client Feedback and Preparing for Review

  • سومین جلسه مشتری | ارائه فاز ۱ Third Client Meeting | Presenting Phase 1

  • پایان فاز اول – ورود، آنبوردینگ و نمای کلی پروفایل Phase One Wrap-Up – Sign In, Onboarding & Profile Overview

  • شروع فاز ۲: جلسه با هیلا | صفحه اصلی، تقویم و موارد بیشتر Phase 2 Kickoff: Meeting with Hila | Home, Calendar & More

  • طراحی صفحه اصلی | از ایده‌پردازی تا وفاداری بالا Designing the Home Screen | From Brainstorm to High-Fidelity

  • ایجاد ناوبری پایین برای تجربه پرستار کودک Creating the Bottom Navigation for Sitter Experience

  • طراحی صفحه در دسترس بودن | تنظیمات زمانی هفتگی Designing the Availability Screen | Weekly Time Adjustments

  • طراحی صفحه تقویم | نمای ماهانه، هفتگی و رزروها Designing the Calendar Screen | Monthly, Weekly Views & Bookings

  • طراحی صفحه پیام‌ها | چت بین پرستار کودک و والدین Designing the Messages Screen | Chat Between Sitter and Parent

  • جلسه بررسی مشتری | ارائه خروجی نهایی فاز ۲ به هیلا Client Review Session | Presenting Final Phase 2 Output to Hila

  • اعمال بازخورد مشتری | آخرین تغییرات در سمت پرستار کودک Applying Client Feedback | Final Touches on the Sitter Side

  • پایان نهایی | تحویل پروژه و تایید نهایی Final Wrap-Up | Project Delivery and Sign-Off

پروژه شماره ۲ | بازسازی صفحه فرود Project #2 | Revamping the Landing Page

  • درک نیازمندی‌ها و بررسی Understanding Requirements & Reviewing

  • جمع‌آوری الهامات | مرور مراجع | سیستم طراحی Gathering Inspirations | Reviewing References | Design System

  • طراحی هدر | بخش قهرمان (بالاتر از خط تاشو) Designing the Header | Hero Section (Above the Fold)

  • طراحی بخش ویژه | توصیه‌نامه‌ها Designing Featured Section | Testimonials

  • طراحی کارت‌های سرور | بخش فراخوان به اقدام (CTA) Designing the Server Cards | CTA Section

  • طراحی بخش ویژگی‌های اصلی | ناوبری تب‌دار Designing Main Features Section | Tabbed Navigation

  • سرور خود را اکنون راه‌اندازی کنید | فراخوان به اقدام نهایی Start Your Server Now | Final CTA

  • طراحی بخش پرسش‌های متداول (FAQ) واضح و جذاب Designing a Clear and Engaging FAQ Section

  • نهایی کردن طراحی | پاکسازی فایل | آماده‌سازی نسخه‌های مشتری Finalizing the Design | Cleaning the File | Preparing Client Versions

  • بررسی نهایی | بررسی کیفیت قبل از تحویل به مشتری Final Review | Quality Check Before Client Handover

نمایش نظرات

آموزش دوره کامل طراحی رابط کاربری و تجربه کاربری ۲۰۲۵: فیگما + هوش مصنوعی + پروژه واقعی
جزییات دوره
24 hours
73
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,939
4.4 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Muhammad Iqbal Muhammad Iqbal

طراح رابط کاربری/تجربه کاربری (UI/UX) | بنیانگذار Welldux | رتبه برتر پلاس Upwork