آموزش Figma: اجزای تعاملی
Figma: Interactive components
هی!
به این آموزش خوش آمدید! در اینجا نحوه ایجاد کامپوننت های تعاملی در Figma را یاد خواهید گرفت. یک ویژگی جدید است که به شما امکان می‌دهد در داخل یک مؤلفه تعامل داشته باشید، بنابراین وقتی آن مؤلفه را در یک قاب قرار می‌دهید یا یک نمونه اولیه در حال کار، انیمیشن‌ها یا حالت‌های خود را تعبیه می‌کند.
ما اجزای تعاملی را برای دکمه‌ها، ورودی‌ها، دکمه‌های رادیویی، چرخنده‌ها، نوارهای بارگیری و نحوه متحرک کردن یک تصویر می‌سازیم.
اگر می خواهید جهان اجزای تعاملی را به منظور بهبود گردش کار خود در Figma کاوش کنید، به این دوره بپیوندید!
در اینجا می‌توانید سند Figma را ببینید:
https://www.figma.com/file/N7FzMtJkFqfrabgk65l2L6/Interactive-components?node-id=21%3A2249
برای دنبال کردن این آموزش نیازی به تجربه زیادی در Figma ندارید، اگرچه اگر در Figma تازه کار هستید، پیشنهاد می کنم با دوره های دیگر شروع کنید، باید اصول اولیه را یاد بگیرم و سپس به این دوره بازگردم.
یک سیستم طراحی از ابتدا ایجاد کنید:
https://www.skillshare.com/classes/Figma-create-a-Design-System/894614838
انواع اصلی در Figma
https://www.skillshare.com/classes/Figma-using-Variants/962464417
نمونه‌های دیده‌شده در آموزش را تکرار کنید و موارد بیشتری را برای مثال یک کلید (روشن/خاموش)، یک منوی کشویی با ردیف‌های تعاملی یا هر چیزی که به ذهنتان می‌رسد ایجاد کنید!
درس ها Lessons
-
07 لغزنده 07 Slider
-
02 دکمه 02 Buttons
-
دکمه رادیویی 03 03 radio button
-
08 تصویر 08 Illustration
-
01 مقدمه 01 Intro
-
05 اسپینر 05 spinner
-
نوار بارگیری 06 06 loading bar
-
09 Outro 09 Outro
-
ورودی 04 04 input
https://donyad.com/d/864c
Bruno Sáez López
طراح UX/UI و توسعه دهنده Front-end
هی، من برونو هستم!
طراح UX/UI با بیش از 20 سال تجربه در حال حاضر در یک شرکت داده بزرگ کار می کند و محصولات پیچیده را ساده می کند.
Figma، Sketch و Adobe XD ابزارهای مورد علاقه من هستند.
من عاشق رفتن به کوه و ضبط موسیقی هستم.
اگر کلاس‌های من را دوست دارید، من را دنبال کنید تا با ورود محتوای جدید به‌روزرسانی شود!
به سلامتی!
نمایش نظرات