آموزش Figma: نمونه اولیه و انیمیشن ها
Figma: Prototype and Animations
در این دوره، همه چیز را در مورد نمونه سازی figma، انیمیشن ها و نحوه استفاده از آنها به منظور ایجاد یک نمونه اولیه واقعی از ابتدا یاد خواهید گرفت.
توضیحات محتوا:
- فرآیند طراحی: در این ویدیو، من با شما به اشتراک می‌گذارم که چرا نمونه‌سازی در فرآیند تجربه کاربر مهم است و چگونه می‌توانیم روش مناسب را برای پروژه نمونه‌سازی خود انتخاب کنیم.
- نمونه سازی: در این ویدیو، توضیح یا نمایش سریعی در مورد نمونه سازی داریم، و برای نمونه سازی به چه چیزی نیاز دارید؟
- نسخه ی نمایشی پروژه: در این ویدیو، نتیجه نهایی پروژه را ارائه خواهیم داد.
- افزودن نمونه اولیه: در این ویدیو، ما شروع به اضافه کردن پیوندها بین صفحات مختلف و سفارشی کردن جزئیات تعامل برنامه خواهیم کرد.
- افزودن انیمیشن هوشمند: در این ویدیو، انیمیشن‌ها را به اجزای صفحه اضافه می‌کنیم.
- ایجاد Spinner: در این ویدیو، ما یاد خواهیم گرفت که چگونه می توانیم یک نشانگر بارگذاری مانند اسپینر ایجاد کنیم.
- نمای کلی نهایی: در این ویدیو، نتیجه نهایی برنامه خود را ارائه خواهیم داد.
قبلاً از Figma استفاده نکرده‌اید؟
اگر اولین بار است که از Figma استفاده میکنید، توصیه می‌شود قبل از گذراندن این دوره، ابتدا دوره مقدمه‌ای بر Figma را بررسی کنید (مرحله اختیاری):
در این پیوند کلیک کنید:
در این دوره، همه چیز را در مورد نمونه سازی figma، انیمیشن ها و نحوه استفاده از آنها به منظور ایجاد یک نمونه اولیه واقعی از ابتدا یاد خواهید گرفت.
همچنین می‌خواهید یک گردش کار، نکات پیشرفته و ویژگی‌های نمونه‌سازی اولیه در figma را بیاموزید.
توضیحات محتوا:
- فرآیند طراحی: در این ویدیو، من با شما به اشتراک می‌گذارم که چرا نمونه‌سازی در فرآیند تجربه کاربر مهم است و چگونه می‌توانیم روش مناسب را برای پروژه نمونه‌سازی خود انتخاب کنیم.
- نمونه سازی: در این ویدیو، توضیح یا نمایش سریعی در مورد نمونه سازی داریم، و برای نمونه سازی به چه چیزی نیاز دارید؟
- نسخه ی نمایشی پروژه: در این ویدیو، نتیجه نهایی پروژه را ارائه خواهیم داد.
- افزودن نمونه اولیه: در این ویدیو، ما شروع به اضافه کردن پیوندها بین صفحات مختلف و سفارشی کردن جزئیات تعامل برنامه خواهیم کرد.
- افزودن انیمیشن هوشمند: در این ویدیو، انیمیشن‌ها را به اجزای صفحه اضافه می‌کنیم.
- ایجاد Spinner: در این ویدیو، ما یاد خواهیم گرفت که چگونه می توانیم یک نشانگر بارگذاری مانند اسپینر ایجاد کنیم.
- نمای کلی نهایی: در این ویدیو، نتیجه نهایی برنامه خود را ارائه خواهیم داد.
قبلاً از Figma استفاده نکرده‌اید؟
اگر اولین باری است که از Figma استفاده میکنید، توصیه می‌شود قبل از گذراندن این دوره، ابتدا دوره مقدمه‌ای بر Figma را بررسی کنید (مرحله اختیاری):
در این پیوند کلیک کنید:
لطفاً رندرهای نهایی و تصاویر پیشرفت خود را با آپلود آنها در بخش "پروژه شما" با کلاس به اشتراک بگذارید. اگر سوالی دارید یا به نکات بیشتری نیاز دارید، لطفاً به من بگویید! خوشحال می شوم کمک کنم!
درس ها Lessons
-
روند طراحی Design process
-
نسخه ی نمایشی پروژه Project demo
-
نمونه سازی Prototyping
-
یک اسپینر ایجاد کنید Create a Spinner
-
انیمیشن هوشمند اضافه کنید Add smart animation
-
بررسی اجمالی نهایی Final overview
-
تریلر دوره Trailer of the course
-
اضافه کردن نمونه اولیه Add prototype
درس ها Lessons
-
نمونه سازی Prototyping
-
یک اسپینر ایجاد کنید Create a Spinner
-
اضافه کردن نمونه اولیه Add prototype
-
نسخه ی نمایشی پروژه Project demo
-
روند طراحی Design process
-
انیمیشن هوشمند اضافه کنید Add smart animation
-
بررسی اجمالی نهایی Final overview
-
تریلر دوره Trailer of the course
https://donyad.com/d/314e2a
Amine ABDELKEBIR
طراح UI/UX
هی، من آمینه هستم!
طراح UI/UX با بیش از 3 سال تجربه در طراحی، کار بر روی پروژه های متعدد در برنامه های موبایل و وب.
Figma، Adobe XD و Sketch ابزارهای مورد علاقه من هستند. .
اگر کلاس‌های من را دوست دارید، من را دنبال کنید تا با ورود محتوای جدید به‌روزرسانی شود.
نمایش نظرات