اهداف دوره - پنل رشد مدرسه تجربه کاربری

اهداف دوره - پنل رشد مدرسه تجربه کاربری

دوره طراح هوشمند اهداف دوره

دوره طراح هوشمند

0% تکمیل‌شده

فصل پیشگفتار

آشنایی با دوره و مدرس دوره

ویدئو - 4:34 دقیقه

اهداف دوره

ویدئو - 4:19 دقیقه

نقشه راه دوره

ویدئو - 14:12 دقیقه

چه ابزارهایی نیاز داریم؟

ویدئو - 3:15 دقیقه

نحوه نمره دهی، دریافت گواهی پایان دوره و پروژه عملی

ویدئو - 3:31 دقیقه

توضیحات تمرین دست گرمی

ویدئو - 1:38 دقیقه

تمرین دست گرمی

جلسات ماهانه هم‌افزایی

جلسه جمعه - 26 تیر 1405

ویدئو - 1:45:24 دقیقه

فصل ۱: مفاهیم اولیه

رابط کاربری UI چیه؟

ویدئو - 3:01 دقیقه

تجربه کاربری UX چیه؟

ویدئو - 6:32 دقیقه

تفاوت UI و UX

ویدئو - 3:30 دقیقه

تجربه مشتری CX چیه؟

ویدئو - 6:09 دقیقه

طراحی محصول چیه؟

ویدئو - 4:51 دقیقه

طراح محصول چطوری فکر میکنه؟

ویدئو - 7:01 دقیقه

توضیحات تمرین ۱

ویدئو - 1:24 دقیقه

فصل ۲: تفکر طراحی

تفکر طراحی چیه؟

ویدئو - 4:49 دقیقه

روند تفکر طراحی

ویدئو - 17:04 دقیقه

کاربردهای تفکر طراحی

ویدئو - 3:25 دقیقه

مزایای تفکر طراحی

ویدئو - 2:04 دقیقه

توضیحات تمرین 2

ویدئو - 1:12 دقیقه

فصل ۳: اصول و قوانین طراحی

اصول ۸ گانه طراحی + اصول گشتالت

ویدئو - 20:27 دقیقه

قانون هیک (Hick’s Law)

ویدئو - 3:30 دقیقه

قانون فیتس (Fitts’s Law)

ویدئو - 2:18 دقیقه

قانون میلر (Miller’s Law)

ویدئو - 2:53 دقیقه

قانونی KISS

ویدئو - 2:00 دقیقه

قانون بازخورد (Feedback)

ویدئو - 2:29 دقیقه

توضیحات تمرین 3

ویدئو - 0:31 دقیقه

فصل ۴: شروع کار با فیگما

ساخت اکانت فیگما

ویدئو - 5:18 دقیقه

تبدیل اکانت عادی به نسخه Education

ویدئو - 6:22 دقیقه

ساختار تیم ها، پروژه ها و فایل های فیگما

ویدئو - 15:27 دقیقه

محیط فیگما، نوار ابزارها، پنل ها و میانبر ها

ویدئو - 20:27 دقیقه

ابزارهای Move, Hand, Scale

ویدئو - 5:35 دقیقه

ابزارهای Frame, Section

ویدئو - 23:59 دقیقه

ابزارهای طراحی فیگما و قابلیت های تعامل تیمی

ویدئو - 19:26 دقیقه

مدیریت لایه‌ها + ابزارهای هوش مصنوعی در لایه‌ها

ویدئو - 14:11 دقیقه

کار عملی

ویدئو - 15:51 دقیقه

توضیحات تمرین 4

ویدئو - 0:35 دقیقه

پروژه عملی بخش اول

بررسی PRD (Product requirements document)

ویدئو - 16:17 دقیقه

اگه PRD نداشتیم چیکار کنیم؟

ویدئو - 3:35 دقیقه

بررسی DesignBrief و تعریف جزئیات صفحات پروژه

ویدئو - 15:01 دقیقه

توضیحات تمرین پروژه عملی بخش اول

ویدئو - 1:11 دقیقه

تمرین پروژه عملی بخش اول

فصل ۵: رنگ شناسی و اصول انتخاب رنگ

اصول رنگ شناسی

ویدئو - 7:43 دقیقه

چرخه رنگ ،خاستگاه چرخه رنگ و انواع رنگ

ویدئو - 4:38 دقیقه

طرح های رنگی هماهنگ

ویدئو - 14:54 دقیقه

مدل‌های رنگی

ویدئو - 19:29 دقیقه

چند نکته تکمیلی رنگ ها

ویدئو - 1:06 دقیقه

پروفایل‌های رنگی

ویدئو - 4:16 دقیقه

دسترسی‌ پذیری در رنگ ها

ویدئو - 11:46 دقیقه

قانون ۱۰ - ۳۰ - ۶۰

ویدئو - 4:25 دقیقه

مود های رنگی، مفهوم Lightmode و Darkmode

ویدئو - 8:44 دقیقه

پلت رنگی و ساخت پلت رنگی استاندارد

ویدئو - 26:36 دقیقه

ساخت پلت رنگی با هوش مصنوعی

ویدئو - 8:27 دقیقه

کاربرد Color Styles

ویدئو - 12:01 دقیقه

مستند سازی و ساخت Color Guide

ویدئو - 5:17 دقیقه

کار عملی ۱

ویدئو - 4:47 دقیقه

ویدئو - 9:01 دقیقه

افکت ها در فیگما

ویدئو - 20:54 دقیقه

گریدینت ها (شیب رنگ ها)

ویدئو - 18:17 دقیقه

کار عملی ۲

ویدئو - 11:04 دقیقه

توضیحات تمرین ۵

ویدئو - 0:50 دقیقه

پروژه عملی بخش دوم

انتخاب و ساخت پلت رنگی پروژه

ویدئو - 34:52 دقیقه

توضیحات تمرین پروژه عملی بخش دوم

ویدئو - 0:57 دقیقه

تمرین پروژه عملی بخش دوم

فصل ۶: تایپوگرافی و اصول متن و نوشتار

تایپوگرافی چیه؟

ویدئو - 5:11 دقیقه

اهمیت تایپوگرافی ها

ویدئو - 4:35 دقیقه

عناصر کلیدی تایپوگرافی

ویدئو - 6:13 دقیقه

نصب و استفاده از فونت ها

ویدئو - 14:58 دقیقه

تایپوگرافی در فیگما

ویدئو - 22:36 دقیقه

کاربرد Text styles

ویدئو - 23:32 دقیقه

مستند سازی Typography Guide

ویدئو - 6:48 دقیقه

توضیحات تمرین ۶

ویدئو - 1:11 دقیقه

پروژه عملی بخش سوم

انتخاب فونت و ساخت TypeScale پروژه

ویدئو - 21:25 دقیقه

توضیحات تمرین پروژه عملی بخش سوم

ویدئو - 0:55 دقیقه

تمرین پروژه عملی بخش سوم

فصل ۷: اصول طراحی وب و موبایل

۴ اصل وب و موبایل بخش اول

ویدئو - 16:59 دقیقه

۴ اصل وب و موبایل بخش دوم

ویدئو - 17:43 دقیقه

استاندارد عناصر در وب و موبایل

ویدئو - 6:13 دقیقه

توضیحات تمرین ۷

ویدئو - 1:11 دقیقه

فصل ۸: وایرفریم سازی و فیگجم

وایرفریم چیه؟

ویدئو - 5:36 دقیقه

انواع وایرفریم

ویدئو - 6:22 دقیقه

چرا وایرفریم میسازیم؟

ویدئو - 6:18 دقیقه

چطور وایرفریم میسازیم؟

ویدئو - 1:55 دقیقه

فیگجم و طراحی وایرفریم

ویدئو - 30:32 دقیقه

هوش مصنوعی در فیگجم

ویدئو - 17:41 دقیقه

طراحی وایرفریم با هوش مصنوعی (UX Pilot)

ویدئو - 15:46 دقیقه

توضیحات تمرین ۸

ویدئو - 0:58 دقیقه

پروژه عملی بخش چهارم

طراحی وایرفریم پروژه بخش اول

ویدئو - 46:23 دقیقه

طراحی وایرفریم پروژه بخش دوم

ویدئو - 11:20 دقیقه

طراحی وایرفریم پروژه بخش سوم

ویدئو - 13:30 دقیقه

طراحی وایرفریم پروژه بخش چهارم

ویدئو - 9:17 دقیقه

توضیحات تمرین پروژه عملی بخش چهارم

ویدئو - 1:22 دقیقه

تمرین پروژه عملی بخش چهارم

فصل ۹: طراحی واکنشگرا

طراحی واکنشگرا چیه؟

ویدئو - 3:36 دقیقه

چرا طراحی واکنشگرا؟

ویدئو - 3:44 دقیقه

مزایای طراحی واکنشگرا

ویدئو - 4:59 دقیقه

سیستم شبکه ای Grid در طراحی واکنشگرا

ویدئو - 3:31 دقیقه

شبکه 8 نقطه ای در طراحی واکنشگرا

ویدئو - 3:19 دقیقه

نقاط شکست در طراحی واکنشگرا

ویدئو - 3:35 دقیقه

ساخت انواع Grid در فیگما

ویدئو - 33:30 دقیقه

ساخت Layout Guide در فیگما

ویدئو - 5:19 دقیقه

چیدمان خودکار AutoLayout در فیگما

ویدئو - 41:40 دقیقه

المان های وب و موبایل بخش اول

ویدئو - 30:33 دقیقه

المان های وب و موبایل بخش دوم

ویدئو - 24:45 دقیقه

المان های وب و موبایل بخش سوم

ویدئو - 27:23 دقیقه

توضیحات تمرین ۹

ویدئو - 0:47 دقیقه

پروژه عملی بخش پنجم

تعریف Breakpoint ها و افزودن Layout Guide به پروژه

ویدئو - 6:46 دقیقه

توضیحات تمرین پروژه عملی بخش پنجم

ویدئو - 0:41 دقیقه

تمرین پروژه عملی بخش پنجم

فصل ۱۰: آیکن گرافی و تصاویر

آیکن ها در طراحی رابط کاربری

ویدئو - 3:41 دقیقه

دلایل استفاده از آیکن ها در رابط کاربری

ویدئو - 7:08 دقیقه

اصول استفاده از آیکن ها در رابط کاربری

ویدئو - 4:56 دقیقه

انواع آیکن ها در رابط کاربری

ویدئو - 4:37 دقیقه

استفاده از کتابخانه آیکن ها

ویدئو - 23:41 دقیقه

آیکن ها در کامیونیتی فیگما

ویدئو - 9:13 دقیقه

پلاگین های فیگما برای آیکن ها

ویدئو - 4:25 دقیقه

استفاده از تصاویر در فیگما +‌ ایجاد Image Style

ویدئو - 8:17 دقیقه

استفاده از وکتور ها در فیگما

ویدئو - 6:51 دقیقه

ابزارهای هوش مصنوعی فیگما برای تصاویر

ویدئو - 18:46 دقیقه

توضیحات تمرین 1۰

ویدئو - 0:52 دقیقه

پروژه عملی بخش ششم

طراحی پروژه برای دسکتاپ بخش اول

ویدئو - 40:46 دقیقه

طراحی پروژه برای دسکتاپ بخش دوم

ویدئو - 47:01 دقیقه

طراحی پروژه برای دسکتاپ بخش سوم

ویدئو - 43:53 دقیقه

طراحی پروژه برای دسکتاپ بخش چهارم

ویدئو - 20:19 دقیقه

طراحی پروژه برای دسکتاپ بخش پنجم

ویدئو - 33:41 دقیقه

طراحی ریسپانسیو پروژه برای موبایل بخش اول

ویدئو - 1:04:39 دقیقه

طراحی ریسپانسیو پروژه برای موبایل بخش دوم

ویدئو - 30:07 دقیقه

توضیحات تمرین پروژه عملی بخش ششم

ویدئو - 1:38 دقیقه

تمرین پروژه عملی بخش ششم

فصل ‍‍۱۱: مدیریت فایل در فیگما

ساختار حرفه ای فایل ها و پروژه ها در فیگما

ویدئو - 14:11 دقیقه

مفهوم و نحوه استفاده از SandBox

ویدئو - 4:21 دقیقه

ساختار نمونه فایل ها در پروژه واقعی

ویدئو - 5:53 دقیقه

ساختار ساده فایل طراحی

ویدئو - 8:04 دقیقه

نحوه افزودن وضعیت به فایل های فیگما

ویدئو - 10:40 دقیقه

توضیحات تمرین 1۱

ویدئو - 1:22 دقیقه

فصل ۱۲: سیستم طراحی

سیستم طراحی چیه؟

ویدئو - 00:4:52 دقیقه

ویژگی های مهم یک سیستم طراحی

ویدئو - 00:11:41 دقیقه

انواع سیستم های طراحی

ویدئو - 00:11:39 دقیقه

بررسی اصول سیستم طراحی متریال ۳

ویدئو - 00:45:37 دقیقه

بررسی سبک بصری سیستم طراحی متریال ۳

ویدئو - 00:32:42 دقیقه

بررسی مولفه های سیستم طراحی متریال ۳

ویدئو - 00:12:26 دقیقه

ساخت فایل یک سیستم طراحی در فیگما

ویدئو - 00:17:6 دقیقه

انتشار سیستم طراحی و مدیریت آن در فیگما

ویدئو - 00:10:53 دقیقه

نحوه استفاده از کتابخانه آماده

ویدئو - 00:20:7 دقیقه

توضیحات تمرین ۱۲

ویدئو - 00:1:15 دقیقه

تمرین ۱۲

فصل ۱۳: مولفه ها سطح مقدماتی

مولفه (کامپوننت) چیه؟

ویدئو - 00:4:46 دقیقه

مفهوم Soc در مولفه‌ها

ویدئو - 00:4:2 دقیقه

مفهوم SEM در مولفه‌ها

ویدئو - 00:2:20 دقیقه

انواع مولفه (کامپوننت)

ویدئو - 00:11:29 دقیقه

مفهوم معماری Atomic Design

ویدئو - 00:9:55 دقیقه

نحوه ایجاد مولفه در فیگما

ویدئو - 00:22:54 دقیقه

توضیحات تمرین 1۳

ویدئو - 00:1:26 دقیقه

فصل ۱۴: مولفه ها سطح پیشرفته

تفاوت مولفه‌های Variational و Non-Variational

ویدئو - 00:14:11 دقیقه

انواع Property در مولفه‌ها

ویدئو - 00:29:55 دقیقه

نحوه ایجاد مولفه‌ها نوع Set

ویدئو - 00:7:7 دقیقه

تنظیمات مولفه‌ها

ویدئو - 00:5:11 دقیقه

مفهوم Push, Detach, Reset در مولفه‌ها

ویدئو - 00:9:30 دقیقه

مستند سازی مولفه‌ها

ویدئو - 00:12:38 دقیقه

توضیحات تمرین 1۴

ویدئو - 00:1:5 دقیقه

پروژه عملی بخش هفتم

ساخت UI Kit پروژه بخش اول

ویدئو - 00:51:59 دقیقه

ساخت UI Kit پروژه بخش دوم

ویدئو - 00:26:27 دقیقه

ساخت UI Kit پروژه بخش سوم

ویدئو - 00:40:28 دقیقه

ساخت UI Kit پروژه بخش چهارم

ویدئو - 00:24:57 دقیقه

ساخت UI Kit پروژه بخش پنجم

ویدئو - 00:37:24 دقیقه

توضیحات تمرین پروژه عملی بخش هفتم

ویدئو - 00:1:29 دقیقه

تمرین پروژه عملی بخش هفتم

پروژه عملی بخش هشتم

توضیحات تمرین پروژه عملی بخش هشتم

ویدئو - 1:02 دقیقه

تمرین پروژه عملی بخش هشتم

فصل ۱۵: پروتوتایپ

پروتوتایپ چیه؟

ویدئو - 00:5:12 دقیقه

کاربرد پروتوتایپ

ویدئو - 00:8:55 دقیقه

انواع پروتوتایپ

ویدئو - 00:6:51 دقیقه

بررسی چند پروژه پروتوتایپ

ویدئو - 00:10:26 دقیقه

ساخت پروتوتایپ در فیگما

ویدئو - 00:12:47 دقیقه

انواع Trigger ها

ویدئو - 00:19:1 دقیقه

انواع Action ها

ویدئو - 00:15:00 دقیقه

توضیحات تمرین 1۵

ویدئو - 00:00:52 دقیقه

پروژه عملی بخش نهم

افزودن اینتراکشن ها به کامپوننت ها در UI Kit

ویدئو - 00:23:17 دقیقه

توضیحات تمرین پروژه عملی بخش نهم

ویدئو - 00:00:49 دقیقه

تمرین پروژه عملی بخش نهم

فصل 16: انیمیشن‌ (به زودی)

توضیحات تمرین 1۶

ویدئو - 00:00:49 دقیقه

فصل ۱۷: متغیر ها و توکن ها

مفهوم Design Tokens

ویدئو - 00:7:6 دقیقه

منظور از متغیر یا Variables چیه؟

ویدئو - 00:3:15 دقیقه

از مقادیر خام به توکن‌ها

ویدئو - 00:6:36 دقیقه

دلایل اهمیت توکن ها

ویدئو - 00:4:37 دقیقه

انواع توکن ها

ویدئو - 00:5:29 دقیقه

رویکردهای نام‌گذاری توکن ها

ویدئو - 00:6:59 دقیقه

توکن ها در فیگما و انواع متغیرها

ویدئو - 00:24:13 دقیقه

مفهوم Collections و مدیریت اونها

ویدئو - 00:2:23 دقیقه

تبدیل Color Styles به Variables

ویدئو - 00:4:23 دقیقه

مدیریت Scope ها در متغیر ها

ویدئو - 00:4:25 دقیقه

نحوه Map کردن توکن ها

ویدئو - 00:11:15 دقیقه

پیاده سازی Mode ها

ویدئو - 00:19:46 دقیقه

توضیحات تمرین 1۷

ویدئو - 00:1:14 دقیقه

پروژه عملی بخش دهم

افزودن توکن‌ها به پروژه و UI Kit

توضیحات تمرین پروژه عملی بخش دهم

ویدئو - 00:1:2 دقیقه

تمرین پروژه عملی بخش دهم

فصل ۱۸: طراحی با هوش مصنوعی

هوش مصنوعی چیه؟

ویدئو - 00:12:10 دقیقه

هوش مصنوعی چطور کار میکنه؟

ویدئو - 00:9:55 دقیقه

مدل زبانی از دید یک طراح

ویدئو - 00:8:50 دقیقه

هوش مصنوعی برای یک طراح

ویدئو - 00:9:4 دقیقه

مهندسی دستور چیه؟ (Prompt Engineering)

ویدئو - 00:5:00 دقیقه

طراحی مبتنی بر دستور (Prompt-Led Design)

ویدئو - 00:3:27 دقیقه

ساختار نوشتن پرامپت موثر

ویدئو - 00:8:21 دقیقه

فرمول پرامپت برای رابط کاربری

ویدئو - 00:19:27 دقیقه

بررسی یک پرامپت استاندارد

ویدئو - 00:9:57 دقیقه

طراحی با Google Stitch

ویدئو - 00:21:54 دقیقه

طراحی با Lovable

ویدئو - 00:16:22 دقیقه

تغییر نقش طراح در دوران هوش مصنوعی

ویدئو - 00:6:41 دقیقه

اشتباهات رایج طراحان در کار با هوش مصنوعی

ویدئو - 00:8:19 دقیقه

توضیحات تمرین 1۸

ویدئو - 00:1:19 دقیقه

فصل ۱۹: فیگما Make – هوش مصنوعی فیگما

طراحی از پرامپت تا کد

ویدئو - 17:21 دقیقه

توضیحات تمرین 1۹

ویدئو - 00:00:41 دقیقه

فصل ۲۰: نگهداشت سیستم طراحی

مدیریت و ثبت نسخه ها

ویدئو - 00:12:43 دقیقه

نحوه آرشیو و بازیابی نسخه‌های قبلی فایل‌های فیگما

ویدئو - 00:4:56 دقیقه

فصل ۲۱: همکاری با تیم توسعه

نحوه خروجی گرفتن تصاویر و آیکن ها

ویدئو - 00:5:55 دقیقه

نحوه خروجی گرفتن تصاویر WebP

ویدئو - 00:4:54 دقیقه

نحوه کاهش حجم فایل تصاویر

ویدئو - 00:3:32 دقیقه

نحوه یادداشت گذاری برای واحد توسعه

ویدئو - 00:7:24 دقیقه

نحوه استفاده از DEV Mode

ویدئو - 00:12:26 دقیقه

قابلیت Ready to Dev

ویدئو - 00:6:28 دقیقه

پروژه عملی بخش یازدهم

آماده سازی تمامی خروجی ها و فایل ها برای توسعه دهنده

توضیحات تمرین پروژه عملی بخش یازدهم

ویدئو - 00:1:23 دقیقه

تمرین پروژه عملی بخش یازدهم

فصل ۲۲: مهارت نرم و بازار کار

ارائه مؤثر در طراحی

ویدئو - 00:7:15 دقیقه

هنر مذاکره در پروژه‌های طراحی

ویدئو - 00:10:51 دقیقه

همکاری و کار تیمی در طراحی رابط کاربری

ویدئو - 00:8:48 دقیقه

فرهنگ سازمانی و نقش طراح رابط کاربری

ویدئو - 00:8:5 دقیقه

چشم‌انداز بازار کار طراحی رابط کاربری

ویدئو - 00:6:32 دقیقه

پروژه عملی بخش پایانی

ساختن Showcase از پروژه

توضیحات تمرین پروژه عملی بخش پایانی

تمرین پروژه عملی بخش پایانی

اطلاعیه‌ها کلاس‌های زنده دفتر نمرات گواهینامه اطلاعات دوره

قبلی بعد

ورود / ثبت نام

با شماره موبایل

مرا به خاطر بسپار