چگونه یک سایدبار جمعشونده را در فیگما طراحی و انیمیت کنیم؟
✅ سرفصل و جزئیات آموزش
در این کلاس به شما نشان میدهیم چگونه یک سایدبار جمعشونده را در فیگما طراحی و انیمیت کنید.
چرا این کلاس را بگذرانید؟
این کلاس بسیار عملی است و به شما یاد میدهد چگونه از فیگما برای طراحی چیزی استفاده کنید که قطعاً در مسیر شغلی طراحی خود روبهرو خواهید شد. همچنین بهترین ابزارها و تکنیکهای سریع و کارآمد برای ایجاد آن را به شما نشان میدهیم.
بررسی کلاس
در این کلاس شما با برخی از قویترین ویژگیهای فیگما آشنا خواهید شد. ما به شما نشان میدهیم چگونه با طرحبندی خودکار، همه چیز را به طور کامل تراز کنید، چگونه با متغیرها و layer styles در زمان صرفهجویی کرده و چگونه با کامپوننتها و واریانتها، گردشکار خود را ساده کنید. علاوه بر این، به تکنیکهای پیشرفته نمونهسازی اولیه میپردازیم تا بتوانید این سایدبار را بدون مشکل بین حالات جمعشونده و بازشونده انیمیت کنید.
آنچه یاد خواهید گرفت:
- چگونه آیکونها را برای پروژه طراحی انتخاب کنید؟
- چگونه با متغیرها و layer styles برای صرفهجویی در زمان کار کنید؟
- چگونه رنگهای مناسب را انتخاب کرده و مطابق دستورالعملهای برند، طراحی کنید؟
- چگونه با طرحبندی خودکار فیگما کار کنید؟
- چگونه کامپوننتها را با واریانتهای چندگانه ایجاد کنید؟
- چگونه یک نمونه اولیه را بهصورت هموار انیمیت کنید؟
پروژه کلاسی
این کلاس فقط در مورد تئوری نیست. شما میتوانید از 3 وایرفریم و 3 دارایی برند تخیلی انتخاب کنید. بر اساس آنها، سایدبار جمعشونده خود را طراحی خواهید کرد.
شما میتوانید فایل پروژه کلاسی را دانلود کنید.
آیا این کلاس برای شما مناسب است؟
کاملاً! این کلاس برای مبتدیان کامل مفید خواهد بود اما طراحان باتجربه هم میتوانند بهرهمند شوند. نیازی نیست تجربه وسیعی در فیگما داشته باشید، اما آشنایی با رابط کاربری فیگما باعث میشود کلاس را راحتتر دنبال کنید.
این کلاس تماماً درباره تمرین و طراحی در فیگما، بدون توجه به سطح مهارت شما است.
آنچه نیاز دارید؟
ما صرفاً در فیگما کار میکنیم، بنابراین همه مواردی که لازم دارید یک مرورگر و حساب رایگان فیگما است. چه در لپتاپ یا کامپیوتر دسکتاپ، چه در مک، ویندوز یا لینوکس، آمادهاید به این کار بپردازید.
بیایید شروع به کار کنیم!
آیا آمادهاید سایدبار جمعشونده را در فیگما طراحی کنید؟ پس به ما بپیوندید.
چگونه یک سایدبار جمعشونده را در فیگما طراحی و انیمیت کنیم؟
-
به کلاس خوش آمدید 0:01:46
-
پروژه کلاسی 0:01:15
-
انتخاب آیکونها 0:15:12
-
طراحی آیتمهای منو 0:16:25
-
طراحی دو سایدبار 0:21:19
-
انیمیت کردن سایدبار 0:07:31
-
نتیجهگیری و نکات پایانی 0:01:20
مشخصات آموزش
چگونه یک سایدبار جمعشونده را در فیگما طراحی و انیمیت کنیم؟
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:همه سطوح
- تعداد درس:7
- مدت زمان :1:04:48
- حجم :292.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy