دوره آموزشی
دوبله زبان فارسی
مهارت UI/UX خود را ارتقا دهید - طراحی تعاملی و نمونه سازی اولیه با فیگما
✅ سرفصل و جزئیات آموزش
در این دوره از استاتیک تا تعاملی، به UI/UX با نمونه سازی اولیه با فیگما مسلط می شوید.
آنچه یاد خواهید گرفت
- ایجاد انیمیشن های رابط کاربری جذاب، تعاملات میکرو و نمونه های اولیه پویا که به طرح های شما جان می بخشد.
- یادگیری بهترین شیوه ها برای نمونه سازی اولیه عناصر مختلف رابط کاربری، از جمله دکمه ها، فیلدهای ورودی، منوها، کارت ها و موارد دیگر
- بررسی تکنیک هایی برای ایجاد انیمیشن های پیچیده مانند نوارهای پیشرفت، اسلایدرها، منوهای آکاردئونی و تعاملات درگ و دراپ
- اعمال دانش جدید خود برای ارتقای رابط کاربری خود، بهبود تجربه کاربری و تحت تاثیر قرار دادن ذینفعان
پیش نیازهای دوره
- درک اولیه از اصول طراحی رابط کاربری (توصیه می شود، اجباری نیست)
- بدون نیاز به تجربه قبلی با فیگما - مناسب برای مبتدیان
- اشتیاق به یادگیری و بررسی امکانات طراحی
توضیحات دوره
آنچه یاد خواهید گرفت:
- اصول طراحی تعاملی و نمونه سازی اولیه - درک مفاهیم اصلی پشت عناصر تعاملی و نحوه استفاده از آن ها برای ایجاد رابط های شهودی و کاربرپسند
- تسلط به ابزارهای قدرتمند نمونه سازی اولیه با فیگما - بررسی عمیق ویژگی های فیگما، از تعاملات اولیه تا انیمیشن های پیشرفته
شما موارد زیر را یاد خواهید گرفت:
- دکمه های تعاملی و افکت های هاور
- فیلدهای ورودی پویا و نوارهای پیشرفت
- متن متحرک و مگا منوها
- بخش های کارت وب تعاملی و انیمیشن های flip کردن کارت
- انیمیشن های درگ و دراپ و گرادیان های مش و منوهای همبرگری
- اسلایدرها، دکمه های اکشن شناور و انیمیشن های اسکرولینگ خودکار
- سوالات متداول، بخش های hero، انیمیشن های اسکلتون و موارد بیشتر
با بیش از 50 تکنیک انیمیشن فیگما، شنا فراتر از مبانی می روید و کتابخانه وسیعی از استایل های انیمیشن را بررسی می کنید که به طرح های شما جان می بخشد.
این دوره برای چه کسانی مناسب است؟
- کسی که درباره قدرت طراحی تعامل در تجربیات دیجیتال کنجکاو است.
- طراحان مشتاق UI/UX که به دنبال گسترش مجموعه مهارت های خود هستند.
- طراحان محصول که می خواهند نمونه های اولیه خود را برای تست و بازخورد بهتر کاربر ارتقا دهند.
مهارت UI/UX خود را ارتقا دهید - طراحی تعاملی و نمونه سازی اولیه با فیگما
-
معرفی 01:13
-
چگونه فایل ها را دانلود کنیم؟ 01:37
-
نوع انیمیشن رابط کاربری 02:06
-
نمونه اولیه در فیگما 04:33
-
دکمه تعاملی با افکت های هاور 04:49
-
فیلدهای ورودی تعاملی 04:54
-
طراحی نوار پیشرفت 04:17
-
متن متحرک 03:55
-
مگا منو 03:22
-
انتخاب تعاملی و باکس زبان 05:41
-
بارگذاری صفحه 02:16
-
بخش کارت وب تعاملی 05:35
-
انیمیشن flip کردن کارت 02:23
-
انیمیشن درگ کردن کارت 01:52
-
انیمیشن درگ و دراپ 02:33
-
انیمیشن گرادیان مش 02:14
-
نوار منوی همبرگری در فیگما 01:21
-
انیمیشن اسلایدر 02:46
-
دکمه اکشن شناور متحرک 01:00
-
انیمیشن اسکرولینگ خودکار 01:09
-
سوالات متداول بخش طراحی یا آکاردئون 00:47
-
طراحی اسلایدر برای بخش Hero 03:40
-
انیمیشن اسکلتون 02:28
-
دکمه های پیام شناور متحرک در فیگما 01:13
-
نوار پیشرفت دایره ای متحرک 01:31
-
ردیابی مکان نما با استفاده از فیگما 05:36
-
انیمیشن بیشتر 00:43
مشخصات آموزش
مهارت UI/UX خود را ارتقا دهید - طراحی تعاملی و نمونه سازی اولیه با فیگما
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:27
- مدت زمان :01:15:34
- حجم :1.05GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy