آموزش طراحی UI/UX با هوش مصنوعی مولد: وایرفریمینگ و پروتوتایپینگ (۲۰۲۶) - آخرین آپدیت

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

مبانی طراحی Design Fundamentals

• ابزارهای ضروری UI/UX که در این دوره می‌آموزید Essential UI/UX Tools You’ll Learn in This Course

• توضیح تفاوت وایرفریم، موکاپ و پروتوتایپ Wireframes vs Mockups vs Prototypes Explained

• مثال عملی برای این دوره (MIRO برند Trainer) Our working example for this course (MIRO of Trainer Brand)

• سنجش دانش ۱ Test Your Knowledge 1

استفاده از ChatGPT برای طراحی سریع‌تر UI/UX Chat GPT for Faster UI/UX Design

• استفاده از مدل‌های زبانی بزرگ (LLMs) برای سرعت بخشیدن به طراحی UI/UX Using AI LLMs to Speed Up UI/UX Design

• قیمت‌گذاری ChatGPT ChatGPT Pricing

• استفاده از ChatGPT برای ایده‌های طراحی ChatGPT for Design Ideas

• استفاده از ChatGPT برای ساخت پرسونای UX جهت هدایت طراحی ChatGPT For UX Persona Generation - Informing your design

• طراحی وایرفریم‌ها و موکاپ‌ها در داخل ChatGPT Design Wireframes and Mockups within ChatGPT

• تحلیل طراحی‌های شما توسط متخصص شخصی UI/UX Analysing your Designs with your Personal UI/UX expert

• سنجش دانش ۲ Test your knowledge 2

Loveable: ورکشاپ پروتوتایپینگ با کمک هوش مصنوعی Loveable: AI-Assisted Prototyping Workshop

• ورکشاپ: پرامپت اولیه Workshop: Initial Prompt

• ادامه ورکشاپ: ساخت اولین پروتوتایپ با Loveable Workshop Continued - Creating Your First Loveable Prototype

• ادامه ورکشاپ: بهینه‌سازی پروتوتایپ برای بهبود UI Workshop Continued: Refining Your Prototype for an improved UI

• ادامه ورکشاپ: افزودن مسیرهای کاربر (User Journeys) اضافی Workshop Continued: Adding Additional User Journeys

• قیمت‌گذاری و پلن‌های Loveable Loveable Pricing and Plan Options

• چالش: طراحی وب‌سایت شخصی خودتان را بسازید Challenge: Create you're own Website design

ساده‌سازی وایرفریمینگ با Balsamiq Balsamiq Wireframing Made Simple

• مقدمه‌ای بر Balsamiq برای وایرفریمینگ Introduction to Balsamiq for Wireframing

• مرور کلی قیمت‌های Balsamiq Balsamiq Pricing Overview

• استفاده از هوش مصنوعی Balsamiq برای ایجاد وایرفریم‌های تمیز Using the Balsamiq AI to Create Clean Wireframes

استفاده از Miro برای وایرفریم‌ها و پروتوتایپ‌های تعاملی Miro for Interactive Wireframes & Prototypes

• مقدمه‌ای بر Miro Introduction to Miro

• قیمت‌ها و ویژگی‌های Miro Miro Pricing and Features

• وایرفریمینگ در Miro: گام به گام Wireframing in Miro: Step-by-Step

• پروتوتایپینگ در Miro: جریان‌های کاربر تعاملی Prototyping in Miro: Interactive User Flows

شروع کار با Uizard برای وایرفریم، موکاپ و پروتوتایپ Getting Started with Uizard for Wireframing, Mockups and Prototypes

• قیمت‌گذاری و پلن‌های Uizard Uizard Pricing and Plan Options

• شروع کار با Uizard برای طراحی UI/UX Getting Started with Uizard for UI/UX Design

• مهندسی پرامپت برای موکاپ‌های مبتنی بر هوش مصنوعی Prompt engineering your AI Driven Mockup

• استفاده از ایجنت هوش مصنوعی برای بررسی UI با نقشه‌های حرارتی (Heat Maps) Using a AI agent to review your UI with heat maps!

• تغییر به حالت وایرفریم در Uizard Switching to Wireframes in Uizard

• تبدیل اسکچ‌ها به موکاپ با اسکنر وایرفریم Converting sketches into Mockups with the Wireframe Scanner

• تبدیل اسکرین‌شات به موکاپ کاربردی Convert screenshot into working mockup

• ایجاد پروتوتایپ‌های Uizard Creating Uizard Prototypes

استفاده از Figma برای پروتوتایپینگ و طراحی UI Figma for Prototyping and UI Design

• مرور کلی Figma Figma Overview

• قیمت‌ها و پلن‌های Figma Figma Pricing and Plans

• شروع کار با Figma Make برای پروتوتایپ‌های UI/UX Getting Started with Figma Make for UI/UX Prototypes

• تبدیل موکاپ‌های Figma به پروتوتایپ Making your Figma Mockups into Prototypes

جمع‌بندی دوره و گام‌های بعدی Course Wrap up & Next Steps

• تصمیم‌گیری درباره ابزار مناسب در نهایت بر عهده شماست Deciding on the right tool is ultimately up to you

• درس جایزه (Bonus) Bonus Lecture