آموزش Variants در فیگما برای طراحی المان‌های چندحالته

Variants یکی از ویژگی‌های بسیار کاربردی و قدرتمند فیگما است که به طراحان امکان می‌دهد المان‌هایی مانند دکمه، کارت و غیره را با تمامی حالت‌های مورد نیازشان طراحی کنند.

با استفاده از Variants می‌توانید مثلاً یک دکمه را با حالت‌های فعال، غیرفعال، هاور و فشرده شده طراحی کنید. سپس در هر بخش از طرح، کافیست حالت مورد نظر را انتخاب کنید تا دکمه بلافاصله ظاهر مناسب را به خود بگیرد.

علاوه بر این، می‌توانید برای هر حالت رنگ‌ها و جزئیات مختلفی را تعریف کنید تا دکمه‌ها در کنار هم هماهنگ باشند.

مزایای Variants:

طراحی سریع‌تر المان‌های چندحالته
دسترسی آسان به تمام حالت‌ها از یک مکان
حفظ یکپارچگی بصری المان‌ها در حالت‌های مختلف
امکان تغییر سریع حالت المان‌ها در نمونه نهایی
صرفه‌جویی قابل‌توجه در زمان و هزینه طراحی
و …

پس با استفاده از ویژگی Variants می‌توانید به طراحی سریع‌تر و باکیفیت‌تر المان‌ها دست پیدا کنید.

برای آشنایی با آموزش‌های بیشتر درباره فیگما می‌توانید به صفحه آموزش فیگما در وبلاگ یا کانال یوتیوب مراجعه کنید.

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

آموزش Variants در فیگما برای طراحی المان‌های چندحالته – قسمت 6

آموزش‌های تخصصی طراحی UI/UX

اگر می‌خواهید مهارت‌های خود را در زمینه‌های طراحی رابط کاربری و تجربه کاربری افزایش دهید، می‌توانید از طریق سایت Learnuix.com در دوره‌های آموزشی زیر ثبت‌نام کنید:

این دوره‌ها به شیوه‌ای عملی و کاربردی طراحی UI/UX را آموزش می‌دهند تا بتوانید مهارت‌های خود را ارتقا دهید.

کانال تلگرام آموزشی طراحی UI/UX

کانال تلگرام AsteriXarts محتواهای آموزشی و کاربردی مفیدی در زمینه طراحی رابط کاربری و تجربه کاربری منتشر می‌کند.

از طریق این کانال می‌توانید به آخرین اخبار، آموزش‌های ویدیویی، معرفی کتاب، نکات کاربردی و دیگر مطالب آموزشی مرتبط با UI/UX دسترسی داشته باشید.

با عضویت در کانال تلگرام AsteriXarts همواره در جریان دانش روز طراحی رابط و تجربه کاربر باشید.

گروه تلگرام جامعه طراحان UI/UX

گروه تلگرامی UIXFamily بستری برای ارتباط و تعامل طراحان UI/UX فراهم می‌کند.

اعضای این گروه می‌توانند درباره موضوعات مختلف طراحی رابط کاربر و تجربه کاربر بحث و تبادل نظر کنند، سوالات خود را مطرح کنند و از تجارب یکدیگر بهره ببرند.

با پیوستن به گروه تلگرام UIXFamily به جامعه بزرگ طراحان رابط کاربر ملحق شوید.

دیگر آموزش های مرتبط:

آموزش جامع Figma – کار با ابزارها و محیط فیگما – قسمت اول (learnuix.com)

آموزش جامع Figma – کار با پنل Design در فیگما – قسمت دوم (learnuix.com)

آموزش جامع فیگما – Constraints و ریسپانسیو دیزاین – قسمت سوم (learnuix.com)

آموزش ساخت پروتوتایپ در فیگما برای طراحی UI/UX – قسمت چهارم (learnuix.com)

آموزش قدم‌به‌قدم Auto Layout در فیگما – قسمت پنجم | LearnUIX

آموزش فیگما – 5 پلاگین فوق العاده کاربردی Figma – قسمت اول (learnuix.com)

آموزش فیگما – 5 پلاگین فوق العاده کاربردی Figma – قسمت دوم (learnuix.com)

آموزش فیگما – 7 پلاگین فوق العاده کاربردی Figma – قسمت سوم (learnuix.com)