فیگما: متحرک سازی نمونه های اولیه طراحی
✅ سرفصل و جزئیات آموزش
بیاموزید چگونه نمونه های اولیه را در فیگما با متخصص Joseph Labrecque متحرک سازی کنید.
در این دوره، فراتر از ابزارهای طراحی اولیه Figma بروید و به سمت نمونه های اولیه و ماکت های پیچیده تر و درگیر کننده حرکت کنید. در حالی که نمونه های اولیه استاتیک می توانند بسیار مفید باشند، افزودن انیمیشن به ترنزیشن صفحه نمایش و تعاملات فردی رابط کاربری می تواند واقع گرایی طرح های شما را به سطح بعدی برساند. مدرس Joseph Labrecque با نگاهی به چگونگی طراحی انیمیشن ها و ترنزیشن ها در یک نمونه اولیه Figma شروع می کند.
در مورد ویژگی Smart Animate برای موشن و ترنزیشن سریع، چگونگی سفارشی سازی پارامترهای انیمیشن مانند مدت زمان، تأخیر و حتی تنظیمات سفارشی آسان و فنر، و چگونگی ایجاد و متحرک سازی الگوهای طراحی UX رایج مانند صفحه نمایش اسپلش، انیمیشن های بارگذاری، ترنزیشن ها، حالت های کامپوننت و نوارهای پیشرفت، بیاموزید.
فیگما: متحرک سازی نمونه های اولیه طراحی
-
متحرک سازی نمونه های اولیه با Figma 0:00:56
-
کار با فایل های تمرینی 0:01:40
-
بررسی پروژه طراحی 0:02:41
-
پیش نیازهای انیمیشن Figma 0:02:50
-
ترنزیشن های فوری در Figma 0:03:03
-
ترنزیشن های محو شدن در Figma 0:03:42
-
ترنیشن های Smart Animate در Figma 0:02:08
-
ترنزیشن های فشار در Figma 0:01:53
-
ترنزیشن های push در Figma 0:01:09
-
ترنزیشن های حرکت به داخل و حرکت به بیرون در Figma 0:01:04
-
تنظیم مدت زمان ترنزیشن 0:02:41
-
اعمال تعامل تأخیر 0:02:50
-
تنظیم مجدد موقعیت اسکرول 0:02:21
-
متحرک سازی لایه های تطبیقی 0:02:58
-
بررسی ترنزیشن های خطی 0:02:06
-
طراحی جلوه های آسان 0:04:11
-
طراحی جلوه های فنری 0:04:29
-
اعمال پریست های موشن 0:04:10
-
متحرک سازی فشار دادن یک دکمه 0:04:34
-
متحرک سازی سوئیچ toggle 0:03:29
-
متحرک سازی یک دکمه پر انرژی 0:04:32
-
سیم کشی یک نوار پیشرفت به متغیرها 0:08:21
-
استفاده از انیمیشن های همپوشانی 0:08:10
-
ایجاد یک نشانگر حلقه ای 0:07:14
-
راه اندازی از صفحه نمایش اصلی 0:06:27
-
ایجاد حالت های صفحه نمایش اسپلش 0:05:34
-
متحرک سازی حالت های صفحه نمایش اسپلش 0:03:10
-
استفاده از ویدئوها برای افزودن موشن 0:03:06
-
طراحی با فایل های GIF متحرک 0:04:38
-
گام های بعدی برای انیمیشن در Figma 0:00:47
مشخصات آموزش
فیگما: متحرک سازی نمونه های اولیه طراحی
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:30
- مدت زمان :1:46:54
- حجم :573.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
-
سطح دوره:
-
زبان: دوبله فارسی