آموزش انیمیشن دکمه تغییر حالت شب و روز (UI Toggle) در فیگما - طراحی رابط کاربری تعاملی - آخرین آپدیت
دانلود Animate a Day-Night UI Toggle in Figma - Interactive UI in Figma
آیا میخواهید یک المان جذاب و تعاملی به طراحیهای موبایل یا وب خود اضافه کنید؟ در این دوره سطح مقدماتی، شما یاد میگیرید که چگونه یک سوئیچ تغییر حالت شب و روز را در فیگما طراحی و متحرک کنید—آن هم کاملاً از صفر و بدون استفاده از هیچ پلاگینی!
این کلاس عملی که برای مبتدیان UI/UX ایدهآل است، به شما نشان میدهد که چگونه از اشکال ساده و تکنیکهای هوشمند پروتوتایپینگبرای ایجاد یک dکمه سوئیچ حالت روشن/تاریکزیبا و کاربردی استفاده کنید. در پایان، شما یک توگل متحرک و روان خواهید داشت که بین حالتهای روز و شبجابجا میشود —افزونهای عالی برای پورتفولیوی طراحی یا هر رابط کاربری اپلیکیشن!
در این دوره خواهید آموخت:
-
نحوه طراحی یک سوئیچ حالت شب و روزبا استفاده از اشکال پایه در فیگما
-
نکاتی برای چیدمان، ترازبندی و وضوح طراحی در کامپوننتهای کوچک
-
نحوه متحرکسازی سوئیچ با استفاده از تنظیمات پروتوتایپ فیگما
-
راهنمای گامبهگام برای جابجایی بین حالتها با تعاملات هوشمند (Smart Animate)
-
نحوه خروجی گرفتن یا به اشتراکگذاری پروتوتایپ تعاملی خود
مناسب برای:
-
مبتدیان فیگما و علاقهمندان به یادگیری طراحی UI/UX
-
طراحانی که به دنبال افزودن میکرو-تعاملات (Micro-interactions)به پروژههای خود هستند
-
هر کسی که میخواهد طراحی سوئیچ حالت روشن/تاریکرا بیاموزد
-
خلاقانی که عاشق کامپوننتهای UI صیقلخورده و متحرک هستند
ابزارهای مورد نیاز:
-
یک حساب کاربری رایگان فیگما
-
بدون نیاز به پلاگین یا ابزارهای خارجی —فقط مبانی فیگما!
آموزش سوئیچ فیگما، حالت شب و روز فیگما، فیگما برای مبتدیان، طراحی دکمه Light/Dark Mode، انیمیشن UI در فیگما، نحوه پروتوتایپ در فیگما، میکرو-تعامل فیگما، انیمیشن فیگما برای beginners، ساخت توگل در فیگما.
درس ها Lessons
-
Introduction
-
Basic Practices
-
Design the Day Button
-
Design the Night Button
-
Animate the Switch
https://donyad.com/d/d4d3d0
Shivangi Dubey
طراح گرافیک
سلام، من شیوانگی هستم - طراح گرافیک هندی هنرمند دیجیتال.
من در سال 2018 از کالج طراحی 4 ساله فارغ التحصیل شدم. از آن زمان، من به صورت آزاد کار کرده ام و در تمام دنیای دیجیتال کار کرده ام. چه برندسازی، طرحهای بستهبندی، حضور آنلاین مشتریان در وبسایت - من همه اینها را انجام دادم.
من میدانم چه احساسی در هنگام یادگیری استفاده از این تکنیکها در دنیای واقعی ایجاد یک کسبوکار از آن به میان میآید. و به من اعتماد کنید، واقعاً واقعاً سخت است! اگر شما یکی از آنها هستید ممکن است در این مورد با من موافق باشید.
بنابراین، من تصمیم گرفتم به شما بچهها کمک کنم، کسانی که در صورت داشتن شغل یا انتخاب شغل آزاد، به سختی میتوانند مهارت خود را در هنر دیجیتال توسعه دهند و نمونه کارهای خود را ایجاد کنند.
واقعاً وقت زیادی نمیگیرد، چند چیز از شما میپرسم -
- آیا علاقه مند به راه اندازی کسب و کار و شغل آزاد
هستید- می خواهید مربی دستی مفید و تمام وقت پشت سرتان باشد تا با مهارت ها و نکات واقعاً کاری به شما کمک کند
اگر ذهن شما بگوید بله! حتماً من را در اینجا دنبال کنید تا بیشتر کلاس های من را دریافت کنید
همچنین من را دنبال کنید و پیشنهادات و بازخورد شما همیشه پذیرفته می شود!
نمایش نظرات