让我们回顾一下2020年将占据主导地位的10个设计系统。看看它们的功能、特点和成就。
1.谷歌材料设计
Material Design 可能是最流行的设计系统，包含用于为互联设备（iOS、Android）和网络构建优雅解决方案的指令、工具和组件。 它由 Google 于 2014 年发布，支持最佳 UI/UX 实践，并帮助开发团队更快、更轻松地创建现代产品。
Material Design 的第一个版本有一个缺点，这对于想要使其适应自己风格的品牌来说很重要。 所有材料设计应用程序都非常相似。 因此，谷歌在2018年发布了Material Design 2.0。这个版本就是对上述批评的回应。 凭借各种风格、布局、深层效果和炫酷的动画，他们有能力制作出真正独特的品牌主题。
我们非常了解这个设计系统，因为我们日常生活中使用的所有应用程序都是用 Material Design 制作的：YouTube、Gmail、Google Drive、文档、幻灯片等。
2. Akveo的Eva设计系统
Eva Design System于2019年推出，其主要优势在于品牌适配灵活性强。 Eva 由 Akveo 团队发明，基于原子设计原则。 目前有两种实现方式印刷在线设计源码网站，两种分别是针对联通设备的UI Kitten（React Native UI库）和针对互联网的Nebular（Angular UI库）。 这两种解决方案都是开源的并且免费提供。
Eva 包括 258 种视口样式、约 400 种文本样式、480 多个图标和 800 多个符号。 它能够生产具有高可用性和引人入胜的用户体验的中国联通品牌产品和网络产品。 重要的是，Eva 可在 Sketch 和 Figma 中使用，并且具有密度模式。
它允许公司通过确保所有平台的一致性并消除重复的工作来极大地自动化软件开发。 因此，您将获得高质量的应用程序/网站或节省时间和精力。
尽管 Eva 很年轻，但它已被证明是一个强大且可靠的数字产品解决方案。 例如，Eva 用于 UI Bakery 的核心，这是一个用于原型设计和创建应用程序的低代码平台。 它还采用了先进的 Eva Colors 深度学习算法，因此可以在几秒钟内生成定制设计系统。
截至 2020 年 1 月，Eva 在 Gumroad 上的下载量为 15,000 次，在 UI Kitten 和 Nebular Github 存储库上拥有超过 5,700 颗星。
3.IBM的Carbon
Carbon 由 IBM 推出，是一个流行的开源设计系统，它提供了一组用于创建高质量数字解决方案的规则、标准和教程。 通过遵循视觉、用户界面和编码指南，开发团队可以轻松地制作出引人入胜的设计。 使用大量元素（表单、按钮、图标、表格、选项卡、滑块等）将帮助您根据您的品牌进行定制，并确保卓越的用户体验。
Carbon 还提供许多其他很酷的功能，包括图表类型、图表解剖、基本图表、轴、标签等等。 因此，它特别适合构建不需要支持数据分析和数据可视化功能的软件。
截至 2019 年 12 月，Carbon Design System 在 GitHub 上拥有 2,400 颗星。
4.液体
Liquid 为 UX/UI 专家和非技术人员提供了一套制作出色技术产品的工具、指南和要素。 包含各种颜色、插图、排版、网格和组件，以确保所有设备上一致的 UI 和高品质外观。
如今，Liquid 包含超过 1,500 个 UI 资产、42 个元素、18 个组件、14 个模块和 9 个模板。 借助设计和开发套件，您可以更快地构建完美适合您品牌的出色数字解决方案。
5. Shopify 的北极星
Polaris是跨国电商公司Shopify几年前推出的一款软件设计系统。 该解决方案允许 UI/UX 设计师和工程师为 Shopify 商家创建用户友好的应用程序。 它为团队提供丰富的工具、样式和元素，帮助他们构建在每种设备、每种操作系统和每种语言上运行的引人入胜的用户体验。
Polaris 的一大优点是它提供了关于构建优秀应用程序的内容、原因和方式的极其全面的指导。 在该产品的官方网站上，您可以找到有关内容（语音和语调）、版式、组件、插图等的大量章节。
截至 2020 年 1 月，Polaris 在 Github 上拥有 3,100 颗星
6. Adobe 的光谱
Spectrum 是一个 Adobe 项目，包含创建 Adobe 应用程序和服务所需的所有必要工具、组件和手册。 与其他领先的软件设计系统一样印刷在线设计源码网站，它使开发团队能够确保在所有屏幕和平台上呈现自然的外观。
通过 Spectrum，您可以访问各种资源（UI 套件、字体、图标）、组件（数据可视化元素、按钮、版式、导航等）、模式（卡片、标题、表格）以及其他使真正有用的产品。
Spectrum 设计语言有一个 CSS 实现 - Spectrum CSS，供 Adobe 平台上的内部或第三方使用。 它是一个开源、可定制的解决方案，包括强大的文档和生成完全交互式组件的能力。
截至 2019 年 12 月，Spectrum CSS 在 GitHub 上拥有大约 500 颗星。
7.微软流利
Fluent 设计系统是 Google 于 2017 年发明的一种开放设计语言。Fluent 代表了对 Microsoft 设计语言 2 的重新思考，它包含针对所有支持 Windows 10 的设备和平台创建的软件中使用的视觉效果、效果和交互的指令。 值得注意的是，该系统正在根据客户的实际需求进行完善。
基于 5 个主要组件 - 光、比例、深度、运动和材质 - Fluent 允许创建适用于 Web、Windows、iOS 和 Android 的应用程序。 用它制成的产品看起来很自然，并确保在每个设备和平台上的一致性。
截至2020年1月，它在Github上拥有6,600个star
8.阿特拉斯
Atlassian 是一种软件设计语言，在 Sketch 中提供设计原则、代码元素和 UI 资产的库。 借助清晰的手册（例如彩色打印、动态）、预构建模板和演示套件，您可以更快地设计产品。
Atlassian 由各种组件组成，包括图标、字体、按钮、徽章、横幅、分页、选项卡、标签、表格、旋转器等，有助于打造卓越的体验。值得注意的是，83% 的财富 500 强公司使用 Atlassian 产品，Atlassian 在 190 多个国家拥有 150,000 名客户
2017 年 9 月 12 日，Atlassian 成为 ProductHunt 上当天的第二个产品和本周的第五个产品。 到目前为止，它已获得 2,301 票赞成。
9.清晰度
Clarity 是一个开源设计系统，于 2016 年首次发布，由 UX 指南、HTML/CSS 框架、Angular 和 Web 组件组成。 它还提供详尽的文档、模式（应用程序布局、调色板、主题、排版、导航、国际化）和组件（例如警报、徽章、按钮、复选框、卡片、表单、网格、列表、标签、进度条、表格）） 。 创建产品时，您可以下载 Clarity 的图标，而不用制作自己的图标。
该系统正在不断构建和更新。 2019年5月23日，Clarity 2.0发布。 新版本包括许多新功能、错误修复以及对 Angular 8 的支持。添加了垂直选项卡、手风琴组件、步进器组件以及对鼠标交互的支持。
目前，Clarity 在 GitHub 上拥有超过 5,400 颗星
10.蚂蚁设计
作为一种设计语言，Ant 为 UI/UX 专家和开发人员提供了构建出色产品所需的所有必要资源（Sketch 和 Axure）。 该系统主要用于内部桌面应用程序，旨在改善用户体验并确保不同设备之间的一致性。
Ant 包含许多很酷的开箱即用功能：一组 React 组件、可预测的静态类型、国际化支持、主题自定义等等。
到目前为止，Ant 在 GitHub 上获得了大约 54,500 颗星。
最后的想法
设计系统提供了许多有用的东西，使企业和个人能够自动化软件开发、更快地发布应用程序以及启动品牌应用程序和网站。 为了实际执行和完成所有这些事情，设计系统必须包含一定的功能列表。 根据 2019 年设计系统调查，最重要的特征是：
调色板布局 表单组件 导航组件 CSS 代码 HTML 代码 用户手册
您认为哪些功能最重要？
（本文翻译自文书千玺Alexei Malashkevich的文章《Top 10 best Design Systems for 2020》，转载时请注明出处。）
