آموزش فیگما - طراحی یک عنصر با بینهایت حالت با Variants در Figma

آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma
آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma

در این آموزش ویژگی خیلی مفید و بسیار کاربردی Variants در Figma را به شما آموزش می دهم که بوسیله آن قادر هستید یک عنصر را با بینهایت حالت های مختلف طراحی کنید و همه را با یک نمونه استفاده کنید.

به عنوان مثال فرض کنید که یک دکمه حالت های زیر را دارد

  1. حالت نرمال
  2. غیر فعال
  3. قرار گرفتن موس روی آن
  4. دکمه فشرده شده

و حالا این حالت های مختلف دکمه را در نوع های مختلف دکمه نیز ترکیب کنید

  1. دکمه اصلی
  2. دکمه ثانویه

و در ادامه قصد دارید حالت Dark Mode یا تاریک را نیز به دکمه ها اضافه کنید که تعداد آن ها دوبرابر می شود.


در آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma چه چیزهایی یاد می گیریم؟

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

‌ Variants در Figma دقیقا این مشکل را به زیبایی حل می کند و شما همه ی حالت ها را یکبار طراحی و از یک نمونه آن در سراسر طراحی UI خود استفاده می کنید. برای تغییر حالت آن فقط کافیست از لیستی که خود شما .آن را نامگذاری کردید خیلی راحت حالت مورد نظرتان را انتخاب کنید تا سریع شکل آیتم یا دکمه تغییر پیدا کند


به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.
آموزش طراحی یک عنصر با بینهایت حالت با Variants در Figma‌ ‎‌‌

‌‌ ‌

قسمت های دیگر آموزش Figma را در کجا ببینیم؟

شما می توانید تمام قسمت های آموزش Figma را در بخش آموزش Figma وبلاگ و یا اینکه در لیست پخش آن در یوتیوب ببینید.

شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.

لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلی
این پست اولین بار در وبلاگ شخصی من منتشر شده است.