ساخت سیستم های طراحی در فیگما

گام به گام راهنمای در مورد چگونگی ایجاد تمام قسمت های سیستم طراحی با استفاده از FiGMA - اصول طراحی، نشانه ها و تشیین

عنوان اصلی : Building Design System in Figma from Scratch - UI UX Mastery

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

مقدمه ای بر سیستم های طراحی :
بیانیه هدف در سیستم طراحی چیست
اصول طراحی و نحوه ارائه آنها
چگونه رابط کاربری را حسابرسی کنیم؟ ساخت فهرست UI
اجزای خوب در یک سیستم طراحی چیست؟
سلسله مراتب اجزا در سیستم طراحی
دانلود منابع سیستم طراحی + یادداشت‌های PDF
اجازه می دهد دانش خود را در مورد سیستم های طراحی آزمایش کنیم
اجزای سیستم طراحی :
تایپوگرافی در سیستم طراحی شما
سیستم فاصله گذاری عمودی و افقی
سیستم رنگ و آنچه باید در مورد آن انجام دهید
سیستم شبکه و چیدمان - تفاوت با مثال ها چیست
نحوه کار قالب‌بندی و سطح موضوعی در سیستم طراحی شما
سیستم طراحی ساختمان در Figma - گام به گام:
ایجاد اصول طراحی + بیانیه هدف
تکلیف - اصول طراحی و سند بیانیه هدف را ایجاد کنید
Figma Auto Layout and Variants Part 01
Figma Auto Layout and Variants Part 02
پنجره مودال پاسخگو در Figma - طرح‌بندی خودکار پیشرفته
چیدمان خودکار و تغییر اندازه - آنها را به خوبی در Figma درک کنید
سیستم تایپوگرافی - مقیاس تایپوگرافی و سبک های نوع 02
تکلیف - ایجاد سیستم تایپوگرافی با مقیاس نوع و سبک
سیستم رنگ - ایجاد مقیاس ها و سبک های رنگی برای استفاده مجدد در Figma 01
سیستم رنگ - ایجاد مقیاس ها و سبک های رنگی برای استفاده مجدد در Figma 02
تکلیف - ایجاد سیستم رنگی با مقیاس ها و سبک های رنگی
دکمه ها و نمادها - نحوه تعویض نمادها در اجزای دکمه 01
دکمه ها و نمادها - نحوه تعویض نمادها در اجزای دکمه 02
تخصیص - دکمه ها، تراشه ها و اجزای کوچکتر
سیستم گرید خود را در Figma تعریف کنید
ایجاد اجزای تایپوگرافی بزرگتر
استفاده از نمادها در فیلدهای ورودی فرم 01
استفاده از نمادها در فیلدهای ورودی فرم 02
ایجاد اجزای بزرگتر در Figma 01
ایجاد اجزای بزرگتر در Figma 02
تکالیف - نمادها، تصاویر و سیستم شبکه
سیستم فاصله ساختمان در Figma 01
سیستم فاصله ساختمان در Figma 02
پیمایش، پیوندها و پیوند دادن صفحات در Figma
تکلیف - یک سیستم طراحی کامل ایجاد کنید
بعدش + متشکرم
سخنرانی جایزه