آموزش ساخت کارت آکاردئونی در فیگما (Figma) - آخرین آپدیت

دانلود How to make Accordion Card in Figma

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آیا می‌خواهید یک المان جذاب و تعاملی به طراحی‌های وب یا موبایل خود اضافه کنید؟ در این دوره سطح مبتدی، شما یاد می‌گیرید که چگونه طراحی و انیمیشن کارت‌های آکاردئونی در فیگما را به‌طور کامل از صفر و بدون استفاده از هیچ پلاگینی! انجام دهید.

این کلاس کاربردی که برای مبتدیان طراحی UI/UX ایده‌آل است، به شما نشان می‌دهد که چگونه از مراحل ساده، چیدمان (Layout) و تکنیک‌های پیشرفته پروتوتایپینگ برای ایجاد یک چیدمان کارت آکاردئونی زیبا و کاربردی استفاده کنید. در پایان، شما یک توگل (Toggle) یا هاور (Hover) متحرک و روان خواهید داشت که بین گزینه‌ها، کارت‌ها یا کاروسل‌های مختلف جابجا می‌شود — افزونه‌ای عالی برای پورتفولیو طراحی شما یا رابط کاربری هر اپلیکیشنی!

در این دوره خواهید آموخت:

  • نحوه طراحی یک سوییچ کارت آکاردئونی جذاب با استفاده از اشکال پایه در فیگما

  • نکاتی برای چیدمان، ترازبندی و شفافیت طراحی در کامپوننت‌های کوچک

  • نحوه استفاده از Auto Layout و متحرک‌سازی کارت‌ها و صفحات با استفاده از تنظیمات Prototype در فیگما

  • راهنمای گام‌به‌گام برای جابجایی بین المان‌ها با تعاملات هوشمند (Smart Animate)

مناسب برای:

  • مبتدیان فیگما و علاقه‌مندان به یادگیری طراحی UI/UX

  • طراحانی که به دنبال اضافه کردن میکرو-اینتراکشن‌ها (Micro-interactions) به پروژه‌های خود هستند

  • هر کسی که می‌خواهد طراحی خلاقانه کارت‌های آکاردئونی را بیاموزد

  • خلاقانی که عاشق کامپوننت‌های UI صیقل‌خورده و متحرک هستند

ابزارهای مورد نیاز:

  • یک حساب کاربری رایگان فیگما (Figma)

  • بدون نیاز به پلاگین یا ابزار خارجی — فقط مبانی فیگما!

آموزش سوییچ کارت آکاردئونی فیگما، کارت‌های فیگما، فیگما برای مبتدیان، اسلاید و هاور آکاردئونی در فیگما، انیمیشن UI فیگما، نحوه پروتوتایپ در فیگما، میکرو-اینتراکشن فیگما، انیمیشن فیگما برای شروع، ساخت توگل در فیگما، یادگیری فیگما.


سرفصل ها و درس ها

درس‌ها Lessons

  • مقدمه Introduction

  • طراحی کارت‌های شما Design Your Cards

  • کارت‌ها و کامپوننت‌ها Cards and Components

  • طراحی صفحه وب Designing the Webpage

  • آماده‌سازی فریم‌ها و کارت‌ها Set your Frames and Cards Ready

  • مبانی پروتوتایپینگ در فیگما Prototyping basics in Figma

  • پروتوتایپینگ پیشرفته Advance Prototyping

نمایش نظرات

آموزش ساخت کارت آکاردئونی در فیگما (Figma)
جزییات دوره
25m
7
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
3
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shivangi Dubey Shivangi Dubey

طراح گرافیک

سلام، من شیوانگی هستم - طراح گرافیک هندی هنرمند دیجیتال.

من در سال 2018 از کالج طراحی 4 ساله فارغ التحصیل شدم. از آن زمان، من به صورت آزاد کار کرده ام و در تمام دنیای دیجیتال کار کرده ام. چه برندسازی، طرح‌های بسته‌بندی، حضور آنلاین مشتریان در وب‌سایت - من همه اینها را انجام دادم.

من می‌دانم چه احساسی در هنگام یادگیری استفاده از این تکنیک‌ها در دنیای واقعی ایجاد یک کسب‌وکار از آن به میان می‌آید. و به من اعتماد کنید، واقعاً واقعاً سخت است! اگر شما یکی از آنها هستید ممکن است در این مورد با من موافق باشید.

بنابراین، من تصمیم گرفتم به شما بچه‌ها کمک کنم، کسانی که در صورت داشتن شغل یا انتخاب شغل آزاد، به سختی می‌توانند مهارت خود را در هنر دیجیتال توسعه دهند و نمونه کارهای خود را ایجاد کنند.

واقعاً وقت زیادی نمی‌گیرد، چند چیز از شما می‌پرسم -

- آیا علاقه مند به راه اندازی کسب و کار و شغل آزاد

هستید

- می خواهید مربی دستی مفید و تمام وقت پشت سرتان باشد تا با مهارت ها و نکات واقعاً کاری به شما کمک کند

اگر ذهن شما بگوید بله! حتماً من را در اینجا دنبال کنید تا بیشتر کلاس های من را دریافت کنید

همچنین من را دنبال کنید و پیشنهادات و بازخورد شما همیشه پذیرفته می شود!