ویرگول
ورودثبت نام
رضا بختیاری
رضا بختیاری
خواندن ۴ دقیقه·۲ ماه پیش

دیزاین سیستم چیست و چرا باید از اون استفاده کنیم؟

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

مزایای سیستم های طراحی

  • یکپارچگی در تایپوگرافی و فاصله بین المان های رابط کاربری تضمین میکند و این یکپارچگی را در دستگاه های مختلف گسترش میدهد.
  • فرایند طراحی رو بسیار ساده میکند و با استفاده از کامپوننت ها (اجزای قابل استفاده مجدد) باعث کاهش زمان طراحی میشه و همچنین توسعه در front-end رو سرعت میده.
  • همزمان با رشد پروژه میشه به راحتی رابط کاربری رو اصولی و یکپارچه گسترش دادو از بی نظمی در پروژمون جلوگیری میکنه.
  • کیفیت رو در طراحی بالا نگه میداره و کمک میکنه به راحتی بتونیم پروژه رو جلو ببریم ، ارتقا بدیم و به راحتی از اون نگهداری کنیم.
  • هویت برند رو تقویت میکنه و با استفاده مداوم از عناصر موجود در طراحی این مورد تشدید میشه.

عناصر ضروری یک سیستم طراحی

عناصر ضروری یک سیستم طراحی
عناصر ضروری یک سیستم طراحی

کتابخانه کامپوننت

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

  • توسعه front-end سریعتر پیش برود.
  • تجربه کاربری را افزایش میدهد.
  • ثبات طراحی رو در محصول حفظ میکند.

کتابخانه الگوها

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

راهنمای استایل برند

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

ارزش های برند

ارزش های برند
ارزش های برند


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

اصول طراحی

اصول طراحی همان ایده های اساسی هستند که فرایند طراحی را هدایت میکنند. اصول طراحی تصمیمات ما در طراحی را به یک محصول کاربردی و کاربر پسند هدایت میکنند.

کتابخانه نماد

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

دستورالعمل های محتوا

دستورالعمل های محتوا لحن، سبک و زبان محتوای متنی را تعیین میکنند. این موارد به حفظ صدای یکنواخت برند کمک میکنند.

دستورالعمل های دسترسی

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

طراحی توکن

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

چه زمان هایی نباید از دیزاین سیستم استفاده کنیم؟

اینهمه در ستایش دیزاین سیستم گفتیم ولی دلیل نمیشه در هر پروژه ای استفاده کنیم مثالش در پروژه های کوچیک هستش چون روند پیشرفت رو بسیار کند میکنه و برای این پروژه ها صرفا یک راهنمای استایل یا کتابخانه الگوی ساده هم کفایت میکنه.

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

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

تفاوت بین دیزاین سیستم و راهنمای استایل

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


resources:

  • interaction-design.org/literature/topics/design-systems#essential_elements_of_a_design_system-2
  • figma.com/blog/design-systems-101-what-is-a-design-system/
دیزاین سیستمرابط کاربریتجربه کاربریبرند
دانشجوی مهندسی کامپیوتر ، طراح رابط کاربری و تجربه کاربری . علاقه مند به پادکست و کتاب. اینجا هر چیزی که حس کنم مفید هستش رو میگم.
شاید از این پست‌ها خوشتان بیاید