طراحی میکرو اینتراکشن ها با فیگما
✅ سرفصل و جزئیات آموزش
در این دوره متوجه می شوید که برای ساخت میکرو اینتراکشن های مختلف از ابتدا، چگونه از فیگما استفاده کنید.
فیگما یکی از ابزارهای مرجع طراحان UX برای طراحی میکرو اینتراکشن ها محسوب می شود. در این دوره، متخصص Tetiana Gulei به فراگیران نشان می دهد که چگونه فیگما می تواند برای ساخت میکرو اینتراکشن های مختلف از ابتدا مورد استفاده قرار گیرد. در ادامه یاد می گیرید که میکرو اینتراکشن ها چه هستند و چرا برای طراحی UX خوب اهمیت دارند. متوجه می شوید که چگونه می توان انیمیشن را در فیگما نمونه سازی کرده و سپس ساخت.
روش های ساخت میکرو اینتراکشن های ساده مانند scrolls ،drags ،overlays و سایر موارد را بررسی می کنید. بعلاوه ساخت میکرو اینتراکشن های پیچیده از جمله دکمه ها، loading spinners، منوهای کشویی و اسلایدرهای ولوم را بررسی می کنید. در نهایت، درک خود را با انجام چالش هایی که در هر فصل وجود دارند، امتحان کنید!
طراحی میکرو اینتراکشن ها با فیگما
-
میکرو اینتراکشن ها در فیگما 0:00:43
-
درباره میکرو اینتراکشن ها 0:02:58
-
شروع به کار نمونه سازی در فیگما 0:02:54
-
استفاده از مد presentation در فیگما 0:01:22
-
تست میکرو اینتراکشن ها در دستگاه های مختلف 0:02:06
-
تعریف تریگرها برای اینتراکشن 0:05:47
-
استفاده از انواع انیمیشن نیتیو در فیگما 0:04:02
-
استفاده از انیمیشن هوشمند برای میکرو اینتراکشن های انعطاف پذیر 0:05:56
-
ساخت تاگل On Click 0:03:09
-
پیاده سازی درگ کردن با On Drag 0:02:43
-
ساخت افکت scrolling افقی 0:02:02
-
ساخت افکت scrolling عمودی 0:02:36
-
ساخت افکت hover 0:04:48
-
باز کردن overlays برای پیام ها و نوتیفیکیشن ها 0:04:05
-
تنظیم تریگر delay برای اکشن خاص 0:02:14
-
چالش: ساخت میکرو اینتراکشن های بکگراند 0:00:50
-
راه حل: ساخت میکرو اینتراکشن های بکگراند 0:03:22
-
ساخت کامپوننت های اینتراکتیو در فیگما 0:06:02
-
ساخت loading spinner 0:04:50
-
پیاده سازی دکمه دانلود 0:08:50
-
ساخت اسلایدر ولوم 0:06:19
-
ساخت منوی کشویی 0:07:31
-
چالش: ساخت دکمه لایک 0:00:47
-
راه حل: ساخت دکمه لایک 0:06:25
-
در طراحی میکرو اینتراکشن های فیگما مطمئن عمل کنید 0:01:09
مشخصات آموزش
طراحی میکرو اینتراکشن ها با فیگما
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:مقدماتی تا متوسط
- تعداد درس:25
- مدت زمان :1:33:30
- حجم :255.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 63:31:05
- تعداد درس: 525
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 0:37:50
- تعداد درس: 8
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 0:44:40
- تعداد درس: 11
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 15:54:55
- تعداد درس: 101
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 23:13:10
- تعداد درس: 186
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 04:12:34
- تعداد درس: 11
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 09:53:23
- تعداد درس: 49
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 0:33:23
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی