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

تسلط به طراحی رابط کاربری و تجربه کابری - از ابتدا تا وب‌سایت لایو

تسلط به طراحی رابط کاربری و تجربه کابری - از ابتدا تا وب‌سایت لایو

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

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

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

  • هیچ تجربه‌ی قبلی در رابط کاربری و تجربه کابری لازم نیست، شما در این کلاس همه چیز را خواهید آموخت.
  • درک اولیه از Adobe Xd ضروری است.
  • هیچ دانش قبلی از Webflow لازم نیست، این دوره همه چیزهایی که باید بدانید را پوشش می‌دهد.
  • هر نوع کاغذ و قلمی که برای وایرفریم‌های کاغذی دارید.
  • توانایی باز کردن فایل‌های ZIP: فایل‌های پروژه در فایل‌های ZIP ذخیره شده‌اند، بنابراین مطمئن شوید که می‌توانید آن‌ها را در کامپیوتر خود باز کنید.

توضیحات دوره

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

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

موارد تحت پوشش دوره عبارتند از:

  • مبانی طراحی تجربه کابری
  • بریف‌های طراحی
  • پروپوزال‌های پروژه
  • تحقیقات کاربر و پرسوناها
  • تحلیل رقابتی
  • جریان‌های کاربری
  • وایرفریم‌های کاغذی
  • طرح‌بندی‌ها و گریدها
  • تایپوگرافی و جفت کردن فونت‌ها
  • شمایل‌نگاری
  • انتخاب رنگ
  • کار با تصاویر
  • مود بوردها
  • کیت‌های رابط کاربری
  • سیستم‌های طراحی
  • طراحی یک وب‌سایت در Adobe Xd و فیگما
  • ساخت وب‌سایت در Webflow و راه‌اندازی آن
  • ایجاد مطالعات موردی
  • اینکه از کجا شغل مورد نظرتان را پیدا کنید.

این دوره محصول بیش از دو سال کار و بیش از 15 سال یادگیری و کار با مشتری‌ها است. بیش از 28 ساعت محتوای ویدئویی در این دوره وجود دارد، علاوه بر آن، شامل قالب‌ها و فایل‌های تمرینی نیز می‌باشد تا شما بتوانید به فرآیند یادگیری و شغل خود سرعت بخشید.

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

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

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

تسلط به طراحی رابط کاربری و تجربه کابری - از ابتدا تا وب‌سایت لایو

  • ساختار دوره و فایل‌های پروژه 01:44
  • بروزرسانی‌های دوره فیگما 03:40
  • بخش 1 - مبانی طراحی تجربه کابری 00:42
  • طراحی UX چیست 00:48
  • طراح تجربه کابری چه کاری انجام می‌دهد؟ 02:07
  • آیا تجربه کابری همان رابط کاربری است؟ 03:47
  • مهارت‌هایی که یک طراح تجربه کابری نیاز دارد 01:39
  • طراح تجربه کابری دورکار در مقابل فریلنسر 03:36
  • ابزارهایی برای طراحان تجربه کابری 14:13
  • بخش 1 - منابع و تکالیف 01:15
  • بخش 2 - بریف‌های طراحی 00:16
  • بریف طراحی چیست؟ 02:41
  • ایجاد یک بریف طراحی در Adobe Xd 18:22
  • بریف طراحی در فیگما 09:36
  • بخش 2 - منابع و تکالیف 00:47
  • بخش 3 - پروپوزال‌های پروژه 00:56
  • پروپوزال پروژه چیست؟ 02:00
  • چه زمانی باید آن را ارسال کنیم؟ 02:40
  • ایجاد یک پروپوزال پروژه در Adobe Xd 06:02
  • جلد پروپوزال 04:29
  • جزئیات پروپوزال 08:32
  • قیمت‌گذاری پروژه 09:10
  • شرایط و ضوابط 09:15
  • درباره شما 07:15
  • پروپوزال پروژه در فیگما 08:26
  • بخش 3 - منابع و تکالیف 00:26
  • بخش 4 - تحقیقات کاربر و پرسوناها 00:40
  • پرسونای کاربر چیست؟ 02:57
  • انواع روش‌های تحقیق 02:45
  • کمی در مقابل کیفی 05:17
  • شرکت‌کنندگان خود را انتخاب کنید 05:34
  • داده خود را مصورسازی کنید 02:43
  • پرسونای کاربر خود را ایجاد کنید 09:41
  • پرسوناهای کاربر در فیگما 06:28
  • بخش 4 - منابع و تکالیف 00:39
  • بخش 5 - تحلیل رقابتی 00:39
  • تحلیل رقابتی چیست؟ 02:34
  • انواع تحلیل رقابتی؟ 03:46
  • چگونه تحلیل کامل انجام دهیم؟ 09:22
  • چگونه تحلیل ویژگی انجام دهیم؟ 10:42
  • از چه ابزارهایی استفاده کنیم؟ 02:49
  • مواردی که باید مراقب آن‌ها باشید 02:23
  • بخش 5 - تکلیف 01:11
  • بخش 6 - جریان‌های کاربر 00:31
  • جریان‌های کاربر چه هستند؟ 03:15
  • انواع مختلف جریان‌های کاربر 03:39
  • چه زمانی از آن‌ها استفاده می‌شود؟ 02:59
  • ایجاد جریان‌های کاربر در Adobe Xd 10:19
  • کار با فلوچارت‌های جریان در Adobe Xd 14:09
  • جریان‌های خود را به اشتراک بگذارید 04:53
  • بخش 6 - منابع و تکالیف 00:35
  • بخش 7 - وایرفریم‌های کاغذی 00:53
  • وایرفریم‌های کاغذی چه هستند؟ 01:30
  • کدام عناصر را بگانجانیم؟ 03:44
  • سبک‌های وایرفریم 07:31
  • تجهیزاتی که نیاز دارید 06:56
  • کشیدن روی کاغذ صاف 14:49
  • کشیدن روی کاغذ شطرنجی نقطه‌ای 13:45
  • استفاده از قالب‌های قابل چاپ 06:29
  • وایرفریم‌های خود را به اشتراک بگذارید 02:16
  • بخش 7 - منابع و تکالیف 00:41
  • بخش 8 - طرح‌بندی و گریدها 00:28
  • طرح‌بندی چیست؟ 01:29
  • سیستم گرید چیست و چرا مهم است؟ 01:57
  • چگونه گریدها را در Adobe Xd راه‌اندازی کنیم؟ 05:13
  • کار با بوت‌استرپ 18:03
  • کار با سیستم گرید 8 پیکسلی 05:23
  • ریتم افقی در Adobe Xd 08:21
  • بخش 8 - منابع و تکالیف 00:44
  • بخش 9 - تایپوگرافی و جفت کردن فونت‌ها 00:26
  • تایپ‌فیس‌ها در مقابل فونت‌ها 01:45
  • انواع فونت 03:26
  • وزن‌های فونت و اینکه چگونه از آن‌ها استفاده کنید 08:06
  • انتخاب فونت‌ها 03:26
  • جفت کردن فونت‌ها 07:25
  • مقیاس فونت 10:01
  • بخش 9 - منابع و تکالیف 00:44
  • بخش 10 - شمایل‌نگاری 00:33
  • آیکون‌ها چه هستند؟ 01:32
  • انواع مختلف آیکون‌ها 05:21
  • کتابخانه‌های آیکون‌ها، بسته‌ها و فرمت‌های فایل 20:21
  • آیکون‌های رایگان در مقابل پریمیوم 08:45
  • نکاتی برای بهترین نتایج 05:30
  • بخش 10 - منابع و تکالیف 01:01
  • بخش 11 - انتخاب رنگ 00:29
  • چرا رنگ مهم است؟ 04:47
  • کدام رنگ‌ها وجود دارند؟ 07:48
  • ترکیب رنگ‌ها 04:17
  • ابزارهای انتخاب رنگ 13:00
  • راهنماهای سبک برای توسعه‌دهندگان 10:05
  • بخش 11 - منابع و تکالیف 01:05
  • بخش 12 - تصاویر 00:24
  • چرا تصاویر مهم هستند؟ 01:29
  • 3 نوع تصویر پروژه 04:14
  • چگونه تصاویر خاص را انتخاب کنیم؟ 04:12
  • رایگان در مقابل پریمیوم 09:04
  • بهینه‌سازی تصویر 08:18
  • ساختار نام‌گذاری 04:56
  • بخش 12 - منابع و تکالیف 00:26
  • بخش 13 - مود بوردها 00:39
  • مود بوردها چه هستند و چرا باید از آن‌ها استفاده کنیم؟ 02:38
  • کدام عناصر را باید در نظر بگیریم؟ 01:38
  • چگونه تحقیقات خود را انجام دهیم؟ 08:00
  • ایجاد مود بورد در Adobe Xd 14:12
  • مود بوردهای خود را به اشتراک بگذارید یا اکسپورت کنید 09:02
  • بخش 13 - منابع و تکالیف 00:46
  • بخش 14 - کیت‌های رابط کاربری 00:20
  • کیت‌های رابط کاربری چه هستند و چرا مفیدند؟ 02:39
  • انواع کیت‌های رابط کاربری 07:13
  • کدام کامپوننت‌ها مهم هستند؟ 06:23
  • ساختار کیت رابط کاربری در Adobe Xd 07:57
  • ایجاد کیت رابط کاربری در Adobe Xd 14:35
  • کیت رابط کاربری در مقابل سیستم طراحی 03:43
  • کیت‌های رابط کاربری پریمیوم در مقابل رایگان 03:19
  • کیت رابط کاربری خود را ایجاد کرده و بفروشید 12:05
  • بخش 14 - منابع و تکالیف 00:35
  • بخش 15 - سیستم‌های طراحی 00:53
  • سیستم طراحی چیست؟ 02:54
  • ساختار یک سیستم طراحی 04:55
  • مثال‌های سیستم طراحی 17:18
  • ایجاد یک سیستم طراحی در Adobe Xd 24:35
  • توکن‌های طراحی 07:35
  • سیستم طراحی خود را مقیاس‌بندی کنید 05:50
  • بخش 15 - منابع و تکالیف 01:11
  • بخش 16 - طراحی وب‌سایت در Adobe Xd 00:43
  • بریف طراحی 16:26
  • پروپوزال پروژه 10:25
  • پرسونای کاربر 06:07
  • تحلیل رقابتی 15:04
  • جریان‌های کاربر 16:56
  • نقشه سایت - معماری محتوا 15:58
  • وایرفریم‌های کاغذی 27:54
  • تصاویر پروژه 11:48
  • ایجاد مود بورد 09:51
  • گرید، تایپوگرافی و رنگ‌ها 15:50
  • طراحی صفحه اصلی 18:52
  • طراحی صفحه اصلی - قسمت 2 19:17
  • طراحی صفحه اصلی - قسمت 3 13:13
  • طراحی صفحه اصلی - قسمت 4 11:39
  • طراحی صفحه خودرو 11:55
  • صفحه جزئیات خودرو 17:17
  • صفحه جزئیات خودرو - قسمت 2 19:07
  • طراحی لایت باکس 06:17
  • صفحه وام‌ها 13:02
  • صفحه تماس با ما 03:14
  • متحرک‌سازی طراحی 06:53
  • اکسپورت دارایی‌ها 09:33
  • طراحی برای واکنش‌گرایی 09:15
  • آینده Adobe Xd 05:36
  • آشنایی با طراحی وب‌سایت در فیگما 03:28
  • مود بورد و نقشه سایت 16:45
  • جریان کاربر 16:12
  • ایجاد راهنمای سبک 14:20
  • ایجاد راهنمای سبک - قسمت 2 20:07
  • راه‌اندازی صفحه طراحی 07:56
  • طراحی صفحه اصلی - قسمت 1 30:50
  • طراحی صفحه اصلی - قسمت 2 16:33
  • طراحی صفحه خودروها 12:18
  • طراحی صفحه خودروها انتخاب‌شده 23:06
  • وام‌ها، تماس با ما و طراحی لایت باکس 14:24
  • ایجاد نمونه‌های اولیه در فیگما 04:58
  • اکسپورت دارایی‌ها از فیگما 05:44
  • پلاگین فیگما به Webflow 09:33
  • بخش 16 - فایل‌های پروژه و تکلیف 01:03
  • بخش 17 - ساخت Webflow 00:30
  • آشنایی با Webflow 20:36
  • تنظیم پروژه 20:47
  • ایجاد راهنمای سبک 19:48
  • ساخت نوار ناوبری 16:34
  • بخش hero صفحه اصلی 15:18
  • بخش آشنایی با ما 09:07
  • بخش انتخاب خودرو 16:06
  • بخش پیشنهاد 11:06
  • بخش مزایا 10:35
  • فرم تماس 17:31
  • بخش نقشه 16:25
  • بخش پاورقی 15:47
  • ایجاد کالکشن CMS 19:07
  • استفاده از کالکشن CMS 10:57
  • ساخت صفحه خودروها 12:41
  • ساخت قالب خودروها 16:14
  • ساخت قالب خودروها - قسمت 2 15:10
  • ساخت قالب خودروها - قسمت 3 15:29
  • ساخت قالب خودروها - قسمت 4 27:01
  • لینک‌دهی به کارت‌های خودرو 06:49
  • صفحه وام‌ها 15:42
  • صفحه تماس با ما 01:54
  • اضافه کردن لینک‌ها 14:42
  • تبلت واکنش‌گرا 31:27
  • واکنش‌گرا - حالت افقی موبایل 10:41
  • واکنش‌گرا - حالت عمودی موبایل 16:08
  • انیمیشن‌ها در Webflow 26:52
  • انتشار و اکسپورت کد 05:55
  • بهینه‌سازی سئو 12:04
  • بخش 17 - تکلیف 01:09
  • بخش 18 - مطالعات موردی 00:57
  • مطالعه موردی چیست؟ 02:00
  • عناصری که باید بگنجانید 17:41
  • ایجاد ساختار مطالعه موردی 12:56
  • مثال‌های عالی از مطالعات موردی 13:27
  • نوشتن محتوا 02:21
  • نکات ارائه 08:46
  • بخش 18 - منابع و تکالیف 00:40
  • بخش 19 - پیداکردن شغل 00:11
  • فریلنسر در برابر آژانس 02:36
  • مسابقات طراحی 06:00
  • پلتفرم‌های گیگ 03:33
  • دیجیتال نومدها 02:48
  • پلتفرم‌های طراحی 04:39
  • مشاغل Webflow 02:24
  • نکات پورتفولیوی و منابع شغلی 03:36
  • نتیجه‌گیری دوره و گام‌های بعدی 02:13

11,158,500 2,231,700 تومان

مشخصات آموزش

تسلط به طراحی رابط کاربری و تجربه کابری - از ابتدا تا وب‌سایت لایو

  • تاریخ به روز رسانی: 1404/06/21
  • سطح دوره:همه سطوح
  • تعداد درس:212
  • مدت زمان :28:15:26
  • حجم :32.76GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
994,000 198,800 تومان
  • زمان: 02:31:18
  • تعداد درس: 57
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
25,089,000 5,017,800 تومان
  • زمان: 63:31:05
  • تعداد درس: 525
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 0:37:50
  • تعداد درس: 8
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
490,000 98,000 تومان
  • زمان: 0:44:40
  • تعداد درس: 11
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,280,500 1,256,100 تومان
  • زمان: 15:54:55
  • تعداد درس: 101
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
9,170,500 1,834,100 تومان
  • زمان: 23:13:10
  • تعداد درس: 186
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,659,000 331,800 تومان
  • زمان: 04:12:34
  • تعداد درس: 11
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,903,500 780,700 تومان
  • زمان: 09:53:23
  • تعداد درس: 49
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید