2019年10种最佳设计系统

布伦达·斯托克斯·巴伦 通过 布伦达·斯托克斯·巴伦  |  2019年8月02日

如果您只是开始创建自己的设计系统,那么一点视觉灵感就可以发挥很大的作用。因此,在这篇文章中,我们收集了来自世界著名品牌的10种最佳设计系统。

设计系统可帮助您业务中的每个人保持品牌一致性。这是一组指南,解释了如何在日常的交流和营销活动中使用您的品牌资产。

设计系统通常包括一般的品牌准则,颜色使用,品牌色调和声音,版式,图案以及任何其他有助于传达品牌原则的视觉元素。将它们用作灵感和学习材料,以帮助您为自己的企业和品牌创建具有凝聚力的设计系统。

 

1.材料

材料 是Google开发的现代设计系统。设计系统本身是有用的指南和有用的工具的宝库,应用程序开发人员可以使用它们来设计符合Material风格的应用程序以及任何其他想要创建现代时尚设计的应用程序。您将找到调色板选择器,版式设计准则,图标设计最佳实践,创建深色材料主题的能力等等。

材料

 

2.流利

流利的设计系统 是由Microsoft开发的,旨在通过为所有平台开发的开放设计系统来创建简单性和一致性。它专注于统一原则性设计,技术创新和客户需求的基础。该系统基于五个关键组件:灯光,深度,运动,材质和比例。它还列出了为Windows,Android和iOS设备开发应用程序的准则。

流利

 

3. Shopify北极星

Shopify北极星 的开发使所有Shopify商家都可以享受绝佳的体验,并从精美的商店设计中受益。该设计系统具有指导Shopify体验的各个部分的准则;从管理屏幕到产品体验以及Shopify的各种应用。它涵盖了内容,组件,设计和模式准则。您还将找到指向第三方工具的有用链接,这些链接可以作为启发或帮助您学习如何有效地为Shopify设计。

北极星

 

4. Mailchimp

Mailchimp 总是被引用为详细公司的最佳示例之一 品牌语调和语音指导 但是他们也有一个非常全面的设计系统,重点放在模式库上。您可以找到有关颜色,按钮,警报消息以及其营销平台的所有其他方面的详细准则。此外,指南中包含大量示例和解释,这些示例和解释分解了最重要的概念。

Mailchimp

 

5. Atlassian

Atlassian 是一家澳大利亚软件公司,以其问题跟踪应用程序Jira而闻名。他们的设计系统不仅描述了如何使用其徽标,品牌颜色,字体和其他设计元素,还使他们的品牌个性闪耀。颜色名称如 龙之血赫基生涩, 不难看出为什么他们眨眨眼就将自己的风格描述为大胆,乐观和实用。

Atlassian

 

6.苹果

苹果的设计系统 旨在促进应用程序和Apple产品套件的设计,但其样式指南中有很多东西可以学习和欣赏。对于初学者来说,您可以下载SF图标,这些图标旨在补充Apple设备的系统字体。您还将找到有关UX设计,使应用程序更易于访问的指南和说明以及附件。

苹果

 

7. IBM设计语言

背后的指导原则 IBM的设计系统 正在建立联系。他们的设计系统不只是记录其样式准则和品牌资产使用情况;他们还分享了自己的理念,并在画廊中展示了实际运用的设计系统。设计系统本身包括颜色,版式,徽标,图标,象形图,摄影和动作。

IBM设计语言

 

8. 爱彼迎

爱彼迎 通过一系列文章深入分享其设计系统的概述,深入探讨每种设计选择背后的决策以及实际的应用示例和从中汲取的教训。他们的设计语言的主要特点是,每个组件都可以作为一个单独的实体独立生存,甚至可以进一步发展,同时还可以作为一个更大的凝聚力单元的一部分,将它们的设计系统与可呼吸的生物体进行比较。

爱彼迎

 

9.优步

优步 将其品牌描述为一个大胆的新品牌,其设计系统在描绘这些原则方面做得很好。设计系统涵盖了其品牌视觉的全部内容,从徽标使用到颜色,构图,甚至是摄影和动作。 优步的设计系统围绕优雅的简洁性,巧妙地重塑了著名的 U 在任何可能的地方。

优步

 

10.防雷设计系统

最后, 防雷设计系统 由Salesforce开发,是一种使所有内容保持统一且易于为平台设计人员访问的方法。设计系统不再关注像素,而是关注应用程序逻辑,用户体验,交互和流程。您将找到深入的指南和示例,这些指南和示例不仅涵盖设计指南,而且还涉及可访问性问题和组件蓝图。

防雷设计系统