文章内容由 Leo 设计周刊参考翻译自 Paula Borowska 文章

无障碍 - Microsoft 和 Quickbooks 都包含有关可用性的整个章节。微软通过不同实例和特别详细的必要性解释其产品可用性，以便任何人都可以轻松使用。他们提到对比度，键盘功能，间距，清晰的导航等等。可用性的目标是确保UX一致且无缝。 Quickbooks 还包括有关移动设备可用性部分。Microsoft包含的实例也非常有用。

语气和声音 - 信不信由你，可视组件并不是设计系统中唯一重要的东西。语气和语音也很重要，因为它们有助于确定沟通的质量和一致性。它可能很简单，例如在所有品牌材料中使用的句子。虽然它通常更深入的讨论如何以适当的消息传递方式进行最佳通信，写作或说话。Monzo 拥有全面的语音指南，甚至包括整体原则。MailChimp 涵盖了诸如撰写博客文章和翻译到简单的UI副本。

标志和颜色 - 每个设计系统的两个最基本的组成是标志和颜色选择。看看 Atlassian 团队如何使用该商标。或者访问 Lonely Planet 的系统，了解他们如何处理颜色。这两个例子都非常好！毕竟，当大多数人想到样式指南或品牌时，首先想到的是标志和颜色。绝不能将它们排除在设计系统之外。事实上，它们对于保持不同渠道的一致性至关重要。

对齐 - 我喜欢 Ant Design 的设计系统。他们有一个完整章节定义对齐！这看似是一个无关紧要的细节。但对保持一致非常重要。为什么还包括文字，表格和数字的对齐？因为它很重要！

常见 UI 元素 - 如果没有包含最常见的 UI 元素，任何设计系统都不会完整。比如按钮，表格，复选框等。 Salesforce 拥有从按钮到卡片，从数据表格到菜单和进度条的各种元素。它就在那里，详细说明了如何使用它以及提供了代码片段。 Mapbox 对表单，文本块和表格也一样。

手势 - 谷歌的 Material 设计指南第一个包括了手势，诠释了设计系统应该是什么样的。它们包含了很多有用的信息，这有点夸张。但话说回来，他们是谷歌。包括一整章节关于手势，这对拥有众多移动用户的公司尤为重要！

动效 - 动效和动画往往是被遗忘的设计元素，他们可以积极影响用户体验，你不觉得吗？ IBM’s Carbon 设计系统包含了一个动效细节的章节。如果你在设计中使用动效和过渡动画可以看看。Trello 在其设计系统中加入了动效。它们包括有关何时使用动效以获得最佳结果以及如何使用它的指导。他们有关于如何执行动效的详细标准。

你如何看待设计系统？你认为应该包括哪些内容以保持团队和平台之间的一致性？

想学习更多新内容在知识星球「Leo 设计周刊」https://t.zsxq.com/RNrjqfu 或微信公众号关注「Leo设计周刊」，每周都有最新干货分享！