طراحی مانند یک حرفه ای: توکن های Figma برای سازگاری و کارایی

Design Like a Pro: Figma Tokens for Consistency and Efficiency

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

قدرت توکن‌های طراحی Figma را باز کنید و نحوه ساخت و مقیاس‌سازی سیستم‌های طراحی را متحول کنید! در این دوره آموزشی، نحوه ایجاد و مدیریت توکن های طراحی را برای اطمینان از ثبات، کارایی و انعطاف در پروژه های خود خواهید آموخت. چه یک طراح باتجربه باشید و چه تازه شروع کرده اید، این دوره بینش عملی در مورد استفاده از نشانه های Figma برای کنترل بهتر روی تایپوگرافی، رنگ ها، فاصله گذاری و حالت های اجزا در اختیار شما قرار می دهد.

آنچه خواهید آموخت:

  • نحوه راه اندازی نشانه های طراحی در Figma برای مدیریت طراحی یکپارچه.
  • بهترین روش‌ها برای نام‌گذاری، سازمان‌دهی و اعمال نشانه‌ها در سیستم طراحی شما.
  • راه هایی برای بهبود گردش کار طراحی با ایجاد نشانه های قابل استفاده مجدد برای تایپوگرافی، رنگ ها و فاصله.

طرح کلی دوره

  • نشانه های اولیه
  • نشانه های خود را جابجا کنید
  • نشانه معنایی
  • تمرین نشانه معنایی
  • نام گذاری نشانه های طراحی
  • نشانه‌های تایپوگرافی
  • فاصله نشانه ها
  • مدیریت رمز
  • نشانه های شعاع
  • نشانه‌های طراحی کامپوننت
  • توکن های مؤلفه ایجاد کنید

چرا در این کلاس شرکت کنید: این دوره به شما کمک می کند تا فرآیند طراحی خود را ساده کنید و یکپارچگی را در پروژه ها و تیم های متعدد حفظ کنید. با توکن‌های طراحی، می‌توانید راه‌حل‌های مقیاس‌پذیر ایجاد کنید که به‌روزرسانی و نگهداری طرح‌ها را آسان‌تر از همیشه می‌کند.

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

مواد مورد نیاز: دسترسی به Figma همراه با هر ابزار طراحی اولیه ای که قبلاً استفاده می کنید مورد نیاز است. تمام مطالب و الگوها در طول دوره ارائه خواهد شد.


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

درس ها Lessons

  • توکن های اولیه Primitive Tokens

  • نشانه های تایپوگرافی Typography Tokens

  • توکن های کامپوننت ایجاد کنید Create Component Tokens

  • تمرین نشانه معنایی Semantic Token Practice

  • نوع و اندازه Variant and Sizing

  • نشانه معنایی Semantic Token

  • راه حل حرکت نشانه ها Move Tokens Workaround

  • نام گذاری رمزی Token Naming

  • مدیریت توکن Token Management

  • توکن های شعاع Radius Tokens

  • متشکرم Thank you

  • مقدمه Introduction

  • تغییر نام انبوه Bulk Rename

  • توکن های طراحی کامپوننت Component Design Tokens

  • پروژه کلاس شما Your Class Project

  • فاصله توکن ها Spacing Tokens

  • Design Tokens چیست؟ What is Design Tokens

نمایش نظرات

طراحی مانند یک حرفه ای: توکن های Figma برای سازگاری و کارایی
جزییات دوره
59m
17
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
1
- از 5
ندارد
دارد
دارد
Anand Padia
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Anand Padia Anand Padia

Sr طراح تجربه کاربری