10 سیستم طراحی سال 2020

ترجمه و تالیف : ارسطو عباسی
تاریخ انتشار : 22 اسفند 98
خواندن در 3 دقیقه
دسته بندی ها : گرافیک

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

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

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

۱. Material

10 سیستم طراحی سال 2020

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

 ۲. Fluent

10 سیستم طراحی سال 2020

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

3. Shopify Polaris

10 سیستم طراحی سال 2020

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

4. Mailchimp

10 سیستم طراحی سال 2020

Mailchimp همواره به عنوان یکی از مثال‌های بسیار مناسب برای سیستم طراحی و ارائه تعاملات مناسب معرفی می‌کنند. شما می‌توانید در صفحه سیستم طراحی این مورد راهنمایی‌های کاملی در ارتباط با رنگ‌ها، دکمه‌ها، هشدارها، پترن‌ها و… بدست بیاورید. در کنار تمام توضیحات و راهنماها، شما می‌توانید مثال‌های بسیار زیادی را مشاهده کنید که هر کدام زمینه‌ساز الهام‌بخشی شما هستند.

5. Atlassian

10 سیستم طراحی سال 2020

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

6. Apple

10 سیستم طراحی سال 2020

سیستم طراحی Apple به سازندگان اپلیکیشن‌ها کمک می‌کند تا بتوانند با راهکارهای بهتر و ساده‌تری مشغول توسعه اپلیکیشن باشند. البته ساختار سیستم طراحی اپل نسبتاً متفاوت‌تر از موارد دیگر است به همین دلیل ممکن است تفاوت‌هایی را در کار با این مورد مشاهده کنید. برای افرادی که تازه‌کار هستند این سیستم مجموعه‌ای از آیکون‌های SF را در نظر گرفته که در‌واقع کامل کننده سیستم مربوط به دستگاه‌های اپل هستند. در کنار این مورد می‌توانید راهنماهایی برای بهبود تجربه کاربری و دسترسی‌پذیری اپلیکیشن‌ها را نیز مشاهده کنید. 

7. IBM Design Language

10 سیستم طراحی سال 2020

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

8. AirBnB

10 سیستم طراحی سال 2020

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

9. Uber

10 سیستم طراحی سال 2020

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

10. Lightning Design System

10 سیستم طراحی سال 2020

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

در پایان

 در این مطلب از وبسایت راکت تلاش داشتیم تا شما را با ۱۰ مورد از بهترین سیستم‌های طراحی آشنا کنیم. بکار بردن هر کدام از این موارد مطمئناً به بهبود تجربه کاربری و سازگاری محصولات شما کمک می‌کند.

منبع

گردآوری و تالیف ارسطو عباسی
آفلاین
user-avatar

من ارسطو‌ام :) کافی نیست؟! :)

دیدگاه‌ها و پرسش‌ها

برای ارسال نظر لازم است ابتدا وارد سایت شوید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید