دوره آموزشی
دوبله زبان فارسی
طراحی رابط کاربری با فیگما و Material UI (رابط کاربری و تجربه کاربری)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- به یک طراح رابط کاربری تبدیل شوید.
- شما قادر خواهید بود طراحی رابط کاربری را به رزومهتان اضافه کنید.
- یک طراحی کامل برای یک اپلیکیشن بسازید.
- یک پروتوتایپ برای دستگاههای دسکتاپ و موبایل با تعاملات میکرو بسازید.
- شما قادر خواهید بود پروتوتایپ آماده و پالیش شده خود را مستقیماً در Behance یا Dribbble به اشتراک بگذارید.
پیشنیازهای دوره
دانش اولیه فیگما
توضیحات دوره
اما طراحی رابط کاربری واقعاً چیست؟ جواب این سوال همان چیزی است که شما در این دوره خواهید آموخت. این دوره با اهداف زیر طراحی شده است:
- دانش سیستماتیک درباره کامپوننتهای رابط کاربری
- شیوههای خوب رابط کاربری و تجربه کاربری
- بهبود ارتباطات و درک بین کاربران، طراحان و توسعهدهندگان
- افزایش بهرهوری شما و بهبود مهارتهای شما در فیگما
به طور خلاصه، در پایان دوره:
- شما دانش عمیقی از کامپوننتهای رابط کاربری خواهید داشت.
- شما سیستم طراحی خود را با تنوعها در فیگما توسعه خواهید داد.
- شما پروژه پرتفولیوی خود را خواهید ساخت تا در Dribbble یا Behance به اشتراک بگذارید.
- شما با بهرهوری بیشتر کار خواهید کرد.
- شما قادر خواهید بود پروژههایتان را طبق شیوههای خوب رابط کاربری و تجربه کاربری طراحی کنید.
- شما قادر خواهید بود برای اولین شغل خود به عنوان طراح رابط کاربری درخواست دهید.
در این دوره به شما طراحی رابط کاربری را از ابتدا، به صورت گامبهگام، عمیقتر و عمیقتر از طریق ساخت یک پروژه واقعگرایانه و زیبا آموزش میدهیم.
بنابراین شما نه تنها تئوری، بلکه کاربرد عملی را نیز یاد خواهید گرفت و در عین حال از آن لذت خواهید برد. در پایان شما خود را یک طراح رابط کاربری خواهید نامید و پایه محکمی در این زمینه خواهید داشت. اجازه دهید وقت را هدر ندهیم و شروع کنیم!
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فرانت
- توسعهدهندگان بکاند
- طراحان تجربه کاربری
- طراحان رابط کاربری
- طراحان گرافیک
- معماران نرمافزار
طراحی رابط کاربری با فیگما و Material UI (رابط کاربری و تجربه کاربری)
-
سلام و خوشآمدگویی 01:34
-
صنعت طراحی (زمینه) 01:07
-
بررسی ماژولها 01:36
-
خلاصه 01:51
-
مرور کلی 04:35
-
ورودیها - تکمیل خودکار 07:29
-
ورودیها - دکمه 04:46
-
ورودیها - گروه دکمهها 02:52
-
ورودیها - چکباکس 05:56
-
ورودیها - دکمه FAB (دکمه اکشن شناور) 01:58
-
ورودیها - گروه دکمههای رادیویی 03:36
-
ورودیها - امتیازدهی 02:44
-
ورودیها - انتخاب 05:49
-
ورودیها - اسلایدر 05:34
-
ورودیها - سوئیچ 03:30
-
ورودیها - فیلد متن 06:37
-
ورودیها - لیست انتقال 01:26
-
ورودیها - دکمه تاگل 03:07
-
نمایش داده - آواتار 03:36
-
نمایش داده - نشان 01:38
-
نمایش داده - چیپ 03:12
-
نمایش داده - جداکننده 02:24
-
نمایش داده - آیکونها 03:10
-
نمایش داده - آیکونهای متریال 01:54
-
نمایش داده - لیست 04:22
-
نمایش داده - جدول 08:20
-
نمایش داده - Tooltip 04:37
-
نمایش داده - تایپوگرافی 03:29
-
بازخورد - هشدار و اسنکبار 06:21
-
بازخورد - بکدراپ و دیالوگ 07:33
-
بازخورد - پیشرفت 05:09
-
بازخورد - اسکلت 02:48
-
سطوح - آکاردئون 03:14
-
سطوح - نوار اپلیکیشن 04:26
-
سطوح - کارت 02:51
-
سطوح - کاغذ 02:16
-
ناوبری - نوار ناوبری پایین 02:22
-
ناوبری - Breadcrumbها 03:28
-
ناوبری - منوی کشویی 05:44
-
ناوبری - لینک 02:56
-
ناوبری - منو 05:19
-
ناوبری - صفحهبندی 03:55
-
ناوبری - Speed Dial 01:59
-
ناوبری - Stepper 06:06
-
ناوبری - تبها 04:51
-
چیدمان 03:06
-
مقدمه ماژول 02:11
-
ماژول ورود و ثبتنام - داستان کاربر 00:43
-
ماژول ورود و ثبتنام - جریان 13:54
-
ماژول فیلمها - داستان کاربر 00:34
-
ماژول فیلمها - جریان 15:59
-
ماژول سینماها - داستان کاربر 00:41
-
ماژول سینماها - جریان 06:22
-
ماژول حساب - داستان کاربر 01:22
-
ماژول حساب - جریان 05:26
-
ماژول بلیطها - داستان کاربر 00:41
-
ماژول بلیطها - جریان 02:17
-
ماژول پیشنهادات - داستان کاربر 00:46
-
ماژول پیشنهادات - جریان 03:27
-
معرفی 00:38
-
ایجاد کامپوننت تایپوگرافی 07:32
-
تعریف رنگها 06:00
-
ایجاد کامپوننت تبها 13:17
-
ایجاد کامپوننت هشدار 04:29
-
ایجاد کامپوننت دکمه 09:43
-
ایجاد کامپوننت فیلد ورودی 16:51
-
ایجاد کامپوننت چیپ 04:32
-
ایجاد کامپوننت سوئیچ 02:57
-
ایجاد کامپوننت آیتم لیست 03:04
-
ایجاد کامپوننت کارت 05:04
-
ایجاد کامپوننت Stepper 06:33
-
ایجاد کامپوننت دکمه رادیویی 01:51
-
ایجاد کامپوننت صفحهبندی 02:51
-
ایجاد کامپوننت جداکننده 01:16
-
متدولوژی B.E.M. (بلوک - عنصر - مودیفایر) 02:08
-
ماژول ورود - ساختار اولیه 12:33
-
ماژول ورود - بازنگری دکمهها و تبها 02:03
-
ماژول ورود - بازنگری ورودی جستجو 00:51
-
ماژول ورود - فرم ورود 06:00
-
ماژول ورود - تبها 02:11
-
ماژول ورود - بازنگری ورودی 00:44
-
ماژول ورود - بخش پایین 01:06
-
ماژول ورود - تنظیمات آرتبرد 02:06
-
ماژول ورود - تب ثبتنام 08:18
-
ماژول ورود - آخرین فیکسها و وایرفریمینگ 01:52
-
ماژول ورود - ارائه 09:51
-
ماژول فیلمها - فرم - قسمت 1 06:27
-
ماژول فیلمها - فرم - قسمت 2 08:55
-
ماژول فیلمها - وایرفریمینگ 02:02
-
ماژول فیلمها - بررسی 02:49
-
ماژول فیلمها - جزئیات فیلم 06:33
-
ماژول فیلمها - جزئیات فیلم (بیشتر) 05:02
-
ماژول فیلمها - جزئیات فیلم (یک صحنه) 07:02
-
ماژول فیلمها - جزئیات فیلم (انتخابگر تاریخ) 05:09
-
ماژول فیلمها - جزئیات فیلم (آرتبرد و دیالوگ) 06:08
-
ماژول فیلمها - جزئیات فیلم (بازنگری تریلر) 01:22
-
ماژول فیلمها - جزئیات فیلم (بررسی) 04:37
-
ماژول فیلمها - جزئیات فیلم (بلیطها) 03:14
-
ماژول فیلمها - جزئیات فیلم (صندلیها) 04:28
-
ماژول فیلمها - جزئیات فیلم (تأیید 1) 04:22
-
ماژول فیلمها - جزئیات فیلم (تأیید 2) 02:13
-
ماژول فیلمها - وایرفریمینگ 04:26
-
ماژول سینماها - سینماها 03:33
-
ماژول سینماها - جزئیات سینما 03:29
-
ماژول سینماها - وایرفریمینگ 04:33
-
ماژول حساب - جزئیات حساب 05:03
-
ماژول حساب - تنظیمات حساب 03:04
-
ماژول حساب - وایرفریمینگ 03:14
-
ماژول بلیطها - بلیطها 02:17
-
ماژول بلیطها - جزئیات بلیط 01:52
-
ماژول بلیطها - وایرفریمینگ 01:02
-
ماژول پیشنهادات (همه در یک) 03:04
-
ماژول ورود - ساختار اولیه 04:51
-
ماژول ورود - ناوبری 03:59
-
ماژول ورود - تب ثبتنام 03:55
-
ماژول ورود - ویژگی فراموشی رمز عبور 05:22
-
ماژول ورود - وایرفریمینگ 02:35
-
ماژول فیلمها - ساختار اولیه 04:40
-
ماژول فیلمها - فیلترینگ (قسمت 1) 05:00
-
ماژول فیلمها - فیلترینگ (قسمت 2) 03:50
-
ماژول فیلمها - جستجو (قسمت 1) 02:43
-
ماژول فیلمها - جستجو (قسمت 2) 03:57
-
ماژول فیلمها - جستجو (قسمت 3) 03:21
-
ماژول فیلمها - جستجو (قسمت 4) 02:38
-
ماژول فیلمها - بلیطها 03:30
-
ماژول فیلمها - صندلیها 02:39
-
ماژول فیلمها - تأیید 05:02
-
ماژول فیلمها - وایرفریمینگ 06:14
-
ماژول فیلمها - فیکسها 03:25
-
ماژول سینماها - تب جستجو 07:04
-
ماژول سینماها - وایرفریمینگ 04:44
-
ماژول سینماها - بررسی 02:22
-
ماژول حساب - جزئیات حساب 04:20
-
ماژول حساب - ویژگی تغییر رمز عبور 03:49
-
ماژول حساب - تنظیمات حساب 06:51
-
ماژول بلیطها (همه در یک) 03:41
-
ماژول پیشنهادات (همه در یک) 05:21
-
ماژول پیشنهادات - فیکس کردن کارت و فاصلهگذاری 04:50
-
پایان 00:35
مشخصات آموزش
طراحی رابط کاربری با فیگما و Material UI (رابط کاربری و تجربه کاربری)
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:مقدماتی
- تعداد درس:139
- مدت زمان :09:46:51
- حجم :8.5GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
-
سطح دوره:
-
زبان: دوبله فارسی
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
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 0:33:23
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی