آموزش ایجاد یک سیستم طراحی چند برند با استفاده از Design Tokens، Auto Layout و استفاده از Atomic Design

Creating a multi-brand design system using Design Tokens, Auto Layout and applying Atomic Design

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

در طول این دوره، هنگام ایجاد یک سیستم طراحی از ابتدا با استفاده از نشانه های طراحی، اصول اولیه را مرور خواهم کرد.

ما کار تعریف و ایجاد متغیرهای رمزی خود، ایجاد مؤلفه های واقعی خود و دسته بندی آنها را با استفاده از اصول طراحی اتمی انجام خواهیم داد. پس از ایجاد اولین برند خود، دومین مجموعه توکن مارک دار خود را کپی کرده و ایجاد می کنیم تا بتوانیم بین این دو جابجا شویم.

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

در این پروژه شما یاد خواهید گرفت که چگونه:

  • تعریف و ایجاد متغیرهای نشانه
  • ایجاد اجزا با استفاده از اصول طراحی اتمی
  • ایجاد یک مجموعه نشانه دوم
  • بین برندها تعویض کنید

نحوه استفاده از فایل های پروژه:

  • فایل MB-Offbeacon.fig را می توان به سادگی با استفاده از Figma
  • باز کرد
  • فایل توکن MB-Offbeacon.json را می توان با فشار دادن دکمه "Load" در افزونه Figma Tokens بارگیری کرد. فایل را انتخاب کنید و تنظیم نهایی توکن در Figma Tokens بارگذاری می شود.

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

درس ها Lessons

  • تایپوگرافی Typography

  • چند برند تعریف و ایجاد متغیرهای توکن ما تعریف و ایجاد متغیرهای توکن ما Multi brand Defining and creating our token variablesDefining and creating our token variables

  • ایجاد اجزای ما با استفاده از طراحی اتمی Creating our components using Atomic Design

  • نمادها Icons

  • کاربرد ساختار Applying structure

  • معرفی Introduction

  • فراداده Metadata

  • ایجاد مجموعه توکن های چند برند Creating multi-brand token sets

  • دکمه ها Buttons

نمایش نظرات

نظری ارسال نشده است.

آموزش ایجاد یک سیستم طراحی چند برند با استفاده از Design Tokens، Auto Layout و استفاده از Atomic Design
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
55m
9
Skillshare (اسکیل شیر) skillshare-small
11 اسفند 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
10
- از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Sander Marskamp Sander Marskamp

طراح UX و UI در Offbeacon

به‌عنوان یک طراح رابط کاربری UX، هدف من ارائه کارآمدترین، روان‌ترین و دوستانه‌ترین تجربه برای کاربر، هر کسی که باشد، است. کاربر همیشه نقطه مرکزی کار من است.

این در کار تدریس من تفاوتی ندارد زیرا می‌خواهم دوره‌های روشن و الهام‌بخشی را برای دانش‌آموزانم فراهم کنم که آنها واقعاً بتوانند در زمینه کاری خود استفاده کنند.

دوره‌های من بر روی UX، UI، سیستم‌های طراحی و اتوماسیون طراحی از طریق نشانه‌های طراحی تمرکز دارند.

من همیشه آماده سوالات و بحث هستم، بنابراین در شروع مکالمه در برگه بحث دوره های من تردید نکنید.

خوش بگذرانید،

سندر

Skillshare (اسکیل شیر)

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

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