مگاکورس فیگما - طراحی 6 پروژه کامل رابط کاربری و تجربه کاربری وب اپلیکیشن
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- شما 3 پروژه واقعی رابط کاربری و تجربه کاربری وب اپلیکیشن طراحی خواهید کرد.
- طراحی تجربه کاربری و رابط کاربری با فیگما
- چگونه یک وب اپلیکیشن کامل را با فیگما طراحی کنیم؟
- نمونهسازی اولیه با انیمیشن در فیگما
- آشنایی با ابزارهای مختلف و کاربرد آنها در فیگما
- یاد میگیرید از بهترین تکنیکهای طراحی استفاده کنید.
- یاد میگیرید از پلاگین در فیگما استفاده کنید.
پیشنیازهای دوره
برای این دوره هیچ پیشنیاز قبلی لازم نیست. هر کسی میتواند در این دوره شرکت کند.
توضیحات دوره
در این کلاس یاد میگیرید چگونه 3 وب اپلیکیشن کامل را با فیگما طراحی کنید. در حالی که روی طراحی تجربه کاربری و رابط کاربری یک وب اپلیکیشن کار میکنید، در نهایت یاد میگیرید چگونه از ابزارها و تکنیکهای مختلف در فیگما استفاده کنید. ما تلاش میکنیم به شما بهترین روشهای کار با فیگما را آموزش دهیم تا به یک طراح تجربه کاربری و رابط کاربری خوب تبدیل شوید.
لیست پروژههایی که در این دوره طراحی خواهید کرد:
- طراحی تجربه کاربری و رابط کاربری وب اپلیکیشن فشن با فیگما
- طراحی تجربه کاربری و رابط کاربری وب اپلیکیشن پخشکننده صدا با فیگما
- طراحی تجربه کاربری و رابط کاربری وب اپلیکیشن فروش املاک با فیگما
- طراحی تجربه کاربری و رابط کاربری وب اپلیکیشن پیامرسان
- طراحی تجربه کاربری و رابط کاربری اپلیکیشن موبایل مدیریت بودجه با فیگما
- طراحی تجربه کاربری و رابط کاربری وب اپلیکیشن پورتفولیو با Adobe XD (جایزه)
در این کلاس با موارد زیر آشنا خواهید شد:
- کاربرد ابزارهای مختلف در فیگما
- سیستم شبکه و طرحبندی در فیگما
- چگونه یک کامپوننت بسازیم و دوباره از آن استفاده کنیم؟
- یادگیری استفاده از پلاگینهای مختلف؛ به طور مثال، پلاگین آیکونها
- تکنیکهای طراحی در فیگما
- چگونه نمونهسازی اولیه انجام دهیم؟
- یادگیری استفاده از انواع مختلف انیمیشن با نمونه اولیه
- چگونه از Image در فیگما استفاده کنیم؟
- چگونه در فیگما گروه بسازید و از آن استفاده کنیم؟
- سیستم رنگ در فیگما
- view اسکرول افقی در فیگما
- view اسکرول عمودی در فیگما
- یاد بگیرید چگونه باکس مودال را نمایش دهید.
- کاربردهای مختلف فریم در فیگما
- انیمیشن با نمونه اولیه
- چگونه افکت طراحی سهبعدی در فیگما ایجاد کنیم؟
این دوره برای چه کسانی مناسب است؟
- هر کسی که میخواهد طراحی تجربه کاربری و رابط کاربری با فیگما را یاد بگیرد.
- اگر میخواهید یک پروژه کامل را با فیگما طراحی کنید.
- اگر میخواهید مسیر شغلی خود را بهعنوان طراح تجربه کاربری و رابط کاربری بسازید.
مگاکورس فیگما - طراحی 6 پروژه کامل رابط کاربری و تجربه کاربری وب اپلیکیشن
-
مقدمه 03:30
-
ابزار Rectangle 08:30
-
ابزارهای Ellipse و Line 07:26
-
ابزارهای Arrow و Star 04:31
-
ابزارهای Polygon و Pen 06:47
-
ابزارهای Pencil و Text 05:01
-
کاربرد ابزار Image 10:14
-
سیستم شبکه طرحبندی 07:48
-
شبکه طرحبندی طراحی سیستم 07:01
-
ایجاد گروه 07:06
-
مرتبسازی طراحی 05:18
-
ایجاد کامپوننت 09:38
-
طراحی سیستم رنگ 09:01
-
ایجاد پروژه و طراحی طرحبندی 05:38
-
طراحی آیتم لیست کاربر 12:03
-
گروهبندی و اسکرول عمودی 07:20
-
نمونه اولیه همپوشانی باز شدن لیست کشویی 07:20
-
طراحی ارسال پیام 15:59
-
طراحی صفحه ثبتنام و ورود 11:50
-
نمونهسازی اولیه با انیمیشن 12:50
-
اشتراکگذاری و خروجی گرفتن از طراحی 05:39
-
دموی پروژه - مقدمه وب اپلیکیشن پخشکننده موسیقی 01:09
-
طراحی سایدبار 13:37
-
طراحی لیست آلبومها 10:49
-
نمونهسازی همپوشانی و دیالوگ مودال 08:56
-
طراحی لیست و پخشکننده موسیقی 14:09
-
طراحی نوار ناوبری 11:45
-
طراحی تصویر کاور و کارت 06:54
-
طراحی کارت لیست املاک 12:19
-
طراحی صفحهبندی 16:11
-
ویژگیهای جمعشونده بخش درباره 16:11
-
طراحی اسلایدر بازخورد 17:23
-
طراحی بخش اشتراک 08:05
-
طراحی بخش فوتر 14:57
-
طراحی صفحه ثبتنام و ورود 14:18
-
نمونهسازی اولیه با انیمیشن 09:29
-
خروجی گرفتن از طراحی و اشتراکگذاری لینک 05:12
-
دموی پروژه - طراحی تجربه کاربری و رابط کاربری وب اپلیکیشن فشن 02:04
-
طراحی شبکه طرحبندی و سیستم رنگ پروژه 06:19
-
طراحی نوار ناوبری و هدر 15:58
-
طراحی کارت برای نمایش آیتم فشن 10:01
-
انتخاب و نمایش چند تصویر در کارت 10:00
-
انتخاب فریم و اسکرول افقی 11:06
-
اسکرول افقی با کلیک روی دکمه اسکرول 08:38
-
طراحی کارت فشن مردانه 06:28
-
طراحی صفحهبندی 12:15
-
طراحی دستهبندی فشن 14:15
-
طراحی بخش خبرنامه 09:35
-
طراحی بخش فوتر 09:24
-
طراحی صفحه ثبتنام 09:51
-
طراحی صفحه ورود و OTP 04:48
-
طراحی باکس مودال آیتم 21:44
-
نمونه اولیه همپوشانی برای نمایش باکس مودال 05:19
-
نمونه اولیه برای صفحه ثبتنام و ورود 08:05
-
خروجی گرفتن و اشتراکگذاری طراحی 05:13
-
طراحی صفحه ثبتنام 19:08
-
طراحی صفحه ورود 12:44
-
طراحی دیالوگ هشدار سفارشی 20:12
-
رابط صفحه اصلی 07:23
-
طراحی کارت و View اسکرول افقی 15:43
-
رابط صفحه اصلی و نمودار 21:25
-
رنگ سفارشی 08:45
-
رابط کاربری صفحه پروفایل 18:22
-
طراحی نوار اپلیکیشن 10:24
-
طراحی بیضی 03:30
-
گروهبندی و اسکرول عمودی 16:26
-
افزودن و بروزرسانی دیالوگ هشدار 27:55
-
لیست افقی داده هزینه 20:05
-
طراحی داشبورد 12:47
-
دیالوگ هشدار سفارشی در رابط کاربری قبوض 19:02
-
ابزار قراردهی تصاویر در رابط کاربری غذا 21:23
-
خروجی گرفتن از همه رابطهای کاربری 06:53
-
ایجاد آرتبورد و طراحی ناوبری 10:19
-
طراحی بخش هدر 12:31
-
طراحی هدف شغلی 08:50
-
طراحی هدف شغلی و کاربردهای پلاگین 06:33
-
طراحی بخش آموزش 15:56
-
طراحی بخش پروژهها 12:55
-
طراحی بخش پروژهها 10:55
-
طراحی مهارتهای فنی 13:35
-
طراحی بخش ابزارها 08:05
-
طراحی کارت بازخورد 12:24
-
کارت بازخورد و View اسکرول افقی 10:23
-
طراحی فرم تماس - فیلد ورودی و دکمه 13:45
-
طراحی فوتر 08:28
-
طراحی ناوبری صفحه جزئیات 13:09
-
طراحی بخش ویژگیهای صفحه جزئیات 07:18
-
طراحی کارت صفحه جزئیات 15:34
-
نمونه اولیه با انیمیشن 08:51
-
خروجی گرفتن از همه طراحیها 05:08
مشخصات آموزش
مگاکورس فیگما - طراحی 6 پروژه کامل رابط کاربری و تجربه کاربری وب اپلیکیشن
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:Alls
- تعداد درس:90
- مدت زمان :16:19:43
- حجم :8.25GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy