آموزش Figma: ایجاد یک سیستم طراحی
Figma: create a Design System
مبانی یک سیستم طراحی را بیاموزید و بیاموزید که چگونه با استفاده از Figma برای پروژه های خود سیستم خود را ایجاد کنید.
در این دوره آموزشی نحوه ایجاد شبکه‌ها و طرح‌بندی، انتخاب رنگ‌ها، انتخاب تایپوگرافی و تنظیم ریتم عمودی صحیح را خواهید آموخت. همچنین یاد خواهید گرفت که چگونه اجزای پرکاربرد را به عنوان ورودی ها، قسمت های متنی، چک باکس ها، دکمه های رادیویی، برچسب ها ایجاد کنید...
در این دوره به من بپیوندید و Figma و برخی از اصول UI را بیاموزید و در عین حال نحوه ایجاد یک سیستم طراحی عالی را مشاهده کنید!
برای افرادی که مشتاق یادگیری Figma هستند و در عین حال اصول یک سیستم طراحی را می دانند، ایده آل است!
سیستم طراحی خود را پس از کلاس ایجاد کنید. رنگ های خود، تایپوگرافی خود را انتخاب کنید و اجزاء را آنطور که می خواهید بسازید تا بینش کاملی در مورد نحوه عملکرد یک سیستم طراحی به دست آورید.
منابع:
Eggplore:
Design+Code:
رابط کاربری طوفان فکری:
فایل کلاس:
درس ها Lessons
-
تایپوگرافی Typography
-
ورودی ها Inputs
-
کشویی Dropdowns
-
رابط Figma Figma interface
-
پایان. تبریک می گویم! The end. Congratulations!
-
دکمه ها Buttons
-
برخی از سیستم های طراحی Some design systems
-
اشتباهات و ورودی های جدید Mistakes and new input
-
چک باکس ها و دکمه های رادیویی Checkboxes and radiobuttons
-
رنگ ها Colors
-
سیستم طراحی چیست و چرا What is and why a design system
-
تغییر نام و افزونه ها Renaming and plugins
-
مقدمه دوره Course intro
-
Textarea Textarea
-
چیدمان ها و شبکه ها Layouts and grids
-
دکمه های پایان Finishing buttons
-
سوئیچ ها و برچسب ها Switchs and tags
https://donyad.com/d/430a
Bruno Sáez López
طراح UX/UI و توسعه دهنده Front-end
هی، من برونو هستم!
طراح UX/UI با بیش از 20 سال تجربه در حال حاضر در یک شرکت داده بزرگ کار می کند و محصولات پیچیده را ساده می کند.
Figma، Sketch و Adobe XD ابزارهای مورد علاقه من هستند.
من عاشق رفتن به کوه و ضبط موسیقی هستم.
اگر کلاس‌های من را دوست دارید، من را دنبال کنید تا با ورود محتوای جدید به‌روزرسانی شود!
به سلامتی!
نمایش نظرات