انواع سیستم های دیزاین


30 مهر 1399

webmehr-shape
webmehr-shape
webmehr-shape
webmehr-shape
webmehr-shape
webmehr-shape
webmehr-shape
webmehr-shape

وب مهر

2020-10-21T18:03:35+03:30
انواع سیستم های دیزاین

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

 دیزاین سیستم عناصر طراحی را در خود گنجانده است که تیم ها به وسیله آن محصول خود را طراحی کرده و توسعه میدهند. تفاوتی که بین سیستم طراحی و کتابخانه الگو وجود دارد، تفاوت میان استانداردها و اسنادی است  که دارایی ها (assets) را همراهی میکنند. به وسیله رهنمودها درباره چرا و چگونه استفاده کردن از ابزار طراحی، میتوانید به راحتی از آن ها استفاده کرده و تشخیص آن ها واضح تر میباشد. که در ادامه تعدادی از انواع دیزاین سیستم ها معرفی شده اند که راحت تر بتوانید راجع به دیزاین سیستم پروژه خود تصمیم گرفته و کار خود را شروع کنید.

انواع سیستم های دیزاین

  1. Polaris از شرکت Shopify

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

  1. Material Design از شرکت Google

Material Design به عنوان یک زبان طراحی در سال 2014 توسط گوگل معرفی شد و از آن زمان به یک سیستم سازگار و مناسب که دارای راهنمایی ها، مولفه ها (components) و ابزارهایی است، تبدیل شده است که از بهترین شیوه های طراحی رابط کاربر پشتیبانی می کند. Material Design بر اساس کد منبع باز (open-source code) است، همکاری بین طراحان و توسعه دهندگان را تسهیل می کند و به تیم ها در ساخت سریع محصولات کمک می کند.

  1. Atlassian Design

Atlassian یک شرکت سرمایه گذاری و نرم افزاری استرالیایی است که دارای یک سیستم طراحی بوده که اولین بار با عنوان Atlassian Design Guidelines (ADG) در سال 2012 منتشر شد. این سیستم بسیار دقیق است و تشکیل شده از الگوهای طراحی (design patterns)، مولفه های کد (code components) و یک کتابخانه ی بسته های رابط کاربری ((UI assets در Sketch میباشد.

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

انواع سیستم های دیزاین

  1. IBM Design

سیستم طراحی IBM ممکن است به اندازه دیگر سیستم های دیزاین از لحاظ ظاهری زیبا و شیک نباشد اما نسبتا زیبا، کاربردی و دقیق است و به خوبی کار را جلو میبرد. نمونه های استفاده از این سیستم را میتوان به مرور منطقی بسیاری از انیمیشن ها، ایکونوگرافی (iconography) یا شمایل شناسی، رنگ ها، کدهای قابل استفاده مجدد و بسیاری از موارد دیگر دید.

  1. Airbnb Design

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

  1. Fluent از شرکت Microsoft

 Fluent Design System در سال 2017 توسط مایکروسافت ساخته شد. علاوه بر اینکه دستورالعمل های Fluent Design برای هر پلتفرمی قابل استفاده است، UWP (پلتفرم جهانی ویندوز) برای پشتیبانی از Fluent Design نیز ایجاد شده است. ویژگی های آن نیز در UWP قرار دارد. بعضی از این ویژگی ها از جمله پیکسل های موثر و سیستم ورودی جهانی، خودکار هستند. برای استفاده از این ویژگی ها حتی نیازی به نوشتن کد اضافه نیست. ویژگی های دیگر مثل آکریلیک (acrylic)، انتخابی هستند؛ با نوشتن کد آن ها را برای برنامه خود انتخاب میکنید.

  1. MailChimp Designe

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

  1. Buffer Designe

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

انواع سیستم های دیزاین

  1. Lightning از شرکت Salesforce

Salesforce بسیار قدرتمند بوده و جزئی از نرم افزارهای مبتنی بر iCloude میباشد و شامل CRM، خدمات به مشتری، بازاریابی خودکاری، دارای قابلیت تجزیه و تحلیل و توسعه اپلیکیشن است. شرکت آمریکایی سیستم طراحی Lightning را ارائه داده است که بسیار دقیق و کامل است. این سیستم منبع باز (open source) است که روی اپلیکیشن های تجاری تمرکز دارد. سیستم طراحی Lightning یک راهنمای حرفه ای و جامع را برای دسترسی، مولفه ها (components)، الگوها (patterns)، برنامه های کاربردی، نشانه های طراحی و موارد دیگر را تهیه میکند. 

مراحل کلیدی برای ساخت یک سیستم طراحی

  • انجام دادن یک حسابرسی بصری

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

  • ایجاد کردن یک زبان طراحی بصری

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

  • ایجاد یک کتابخانه الگو (Pattern library) / UI

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

  • مستند کنید که هر جز component چیست و چه زمانی از آن استفاده میشود

این مرحله مهم است. مستندات و استانداردها مواردی هستند که یک کتابخانه الگو (Pattern library) را از یک سیستم طراحی واقعی جدا می کنند.

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

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

image

بدون نظر

    اولین نفری باشید که نظر می دهد!

نظر بدهید

آدرس ایمیل شما منتشر نخواهد شد. موارد ستاره دار الزامی است. *