تسلط به طراحی رابط کاربری و تجربه کابری - از ابتدا تا وبسایت لایو
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک طراحی تجربه کابری و اهمیت آن
- اهداف و پرسوناها را برای پروژهی خود تعریف کنید.
- سوالات صحیح را برای تعریف نیچ و اهداف خود بپرسید.
- ایجاد جریانهای کاربری برای تعیین مسیرهای درست
- وایرفریم ایدههای اولیه
- طراحی و نمونهسازی اولیه تجربههای کاربری عالی
- توسعه و انتشار وبسایتها بدون کدنویسی با 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
مشخصات آموزش
تسلط به طراحی رابط کاربری و تجربه کابری - از ابتدا تا وبسایت لایو
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:212
- مدت زمان :28:15:26
- حجم :32.76GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy