پرش به محتوا

به ایده‌تان یک زبان بصری بدهید.

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

از توضیح تا نتیجه.

01

یک جهت تعیین کنید

مخاطب، مراجع بصری، فرمت‌ها و محدودیت‌ها را توصیف کنید.

02

یک بسته منسجم بسازید

دارایی‌های طراحی و اطلاعات استایل‌دهی قابل‌استفاده مجدد را با هم تولید کنید.

03

خروجی‌ها را بررسی کنید

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

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

از یک جهت بصری تا یک سیستم طراحی قابل‌استفاده مجدد.

هویت، اجزا و فایل‌هایی که طراحی را به پروژه بعدی شما منتقل می‌کنند را ببینید.

زبان بصری را پیدا کنید

هویت را متعلق به ایده خودتان کنید.

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

  • به هوش مصنوعی مراجع بصری و محدودیت‌های عملی بدهید.
  • نشان، تایپوگرافی و پالت را به‌عنوان یک هویت واحد بررسی کنید.
  • پیش از بردن دارایی‌ها به مرحله تولید، تغییرات در جهت را درخواست کنید.
نمونه هویت یک ژورنال فضای باز با یک واژه‌نشان، نماد برگ، پالت رنگی و نمونه‌های تایپوگرافی

سیستم را بسازید

کاری کنید جزئیات با هم کار کنند.

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

  • دکمه‌ها، فیلدها و دیگر اجزای قابل‌استفاده مجدد را بررسی کنید.
  • حالت‌های فوکوس، غیرفعال و خطا را در کنار ظاهر پیش‌فرض بررسی کنید.
  • از توکن‌های مشترک برای انتقال همان استایل به پیاده‌سازی استفاده کنید.
نمونه برگه اجزا با دکمه‌ها، حالت‌های ورودی، تب‌ها و یک کارت مقاله هماهنگ

کار را جلو ببرید

دارایی‌ها را پشت طراحی نگه دارید.

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

  • لیست فایل‌ها و کاربرد مورد نظر هر تحویلی را بررسی کنید.
  • دارایی‌ها و توکن‌های قابل استفاده مجدد را وارد جریان کاری طراحی یا توسعه خود کنید.
  • قبل از اینکه یک فایل یا یکپارچه‌سازی را تحویل‌شده در نظر بگیرید، گزارش خروجی را بررسی کنید.
نمونه تحویل طراحی با آثار برداری (vector)، توکن‌های طراحی و چیدمان‌های قابل‌استفاده مجدد متناظر

جریان کار

کار را متصل نگه دارید.

  1. نتیجه را توصیف کنید

    مخاطب، خروجی مطلوب و محدودیت‌ها را توضیح دهید. قبل از ادامه، جهت کار را اصلاح کنید.

  2. کار را بررسی کنید

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

  3. نسخه بعدی را بسازید

    درخواست تغییرات دهید، سپس از جریان کار خروجی یا تحویل پشتیبانی‌شده توسط آن پروژه استفاده کنید.

پرسش و پاسخ

کمی شفافیت قبل از شروع.

یک پک طراحی چه چیزی می‌تواند شامل شود؟+
یک پک می‌تواند شامل دارایی‌های برند، آیکون‌ها، پالت‌های رنگی، تایپوگرافی، تصویرسازی، شیت‌های کامپوننت و دارایی‌های سه‌بعدی پشتیبانی‌شده باشد. بریف تعیین می‌کند کدام تحویلی‌ها در پک قرار می‌گیرند.
در بریف طراحی چه چیزی باید بنویسم؟+
مخاطب، حال‌وهوا، مراجع بصری، فرمت‌های مورد نظر و هرگونه محدودیت برند موجود را توصیف کنید. مشخص کنید دارایی‌ها کجا استفاده می‌شوند تا پک متناسب با آن زمینه شکل بگیرد.
آیا می‌توانم پیش از استفاده، طراحی را پیش‌نمایش کنم؟+
پک شامل یک خلاصه است و در صورت نیاز تحویلی، شیت کامپوننت هم دارد. پیش از استفاده، دارایی‌های بصری، توکن‌های قابل استفاده مجدد و حالت‌های مرتبط کامپوننت را بررسی کنید.
بررسی طراحی چه چیزی را چک می‌کند؟+
بررسی‌ها فایل‌های فهرست‌شده، توکن‌های طراحی، جفت‌های کنتراست مرتبط، حالت‌های کامپوننت و خروجی‌های پشتیبانی‌شده را بازرسی می‌کنند. یک بازبینی طراحی همچنین بررسی می‌کند که آیا پک منسجم است و از بریف پیروی می‌کند.
آیا می‌توانم دارایی‌ها را خروجی بگیرم؟+
فایل‌های تولیدشده برای پک را بررسی و دانلود کنید. تحویلی‌های پشتیبانی‌شده شامل خروجی‌های تصویر، PDF و سه‌بعدی در صورت درخواست است؛ فایل‌های دقیق به دارایی‌های انتخاب‌شده و جریان کاری در دسترس بستگی دارد.
آیا یک پک طراحی شامل یک وب‌سایت یا اپلیکیشن کارکردی می‌شود؟+
یک پک طراحی، دارایی‌های خلاقانه و اطلاعات طراحی قابل استفاده مجدد ارائه می‌دهد. وقتی به یک محصول کارکردی نیاز دارید، Website Builder یا App Builder را انتخاب کنید و جهت‌گیری طراحی را در بریف آن ساخت بگنجانید.

چه چیزی می‌سازید؟

یک ساخت ایجاد کنید، یا یک تیم متخصص را روی وظیفه بعدی خود به کار بگیرید.