设计系统：它们是什么，你需要一个吗？

最后更新于 2019 年 11 月 21 日

网络上的统一具有负面含义。 它通常是无聊、非原创甚至抄袭的代名词。 但是，当涉及到您的网站一致性时，情况就完全不同了。 可靠性，远见，关怀和组织之一。 设计每年都扮演着越来越重要的角色。 因此，保持产品的各种元素的设计相互协调可能成为一项艰巨的任务。 为此，出现了设计系统的概念。 但什么是设计系统？ 我的公司甚至需要一个吗？ 这与风格指南有何不同？ 所有这些问题（以及更多）都将在本文中得到解答。

什么是设计系统？

设计系统只是一种可扩展的方式，可以通过您的产品在各种元素上实施设计。 它应该有明确的文档、原则和规则来定义要在整个产品中使用的元素的目的、外观、感觉和使用。

设计系统的目的是帮助您创建最终产品。 考虑到这一点，使用可重用和模块化的预定义元素应该使您或您的团队更容易做到这一点。这样您就可以以不同的方式组合元素以创建具有一致感觉的产品，即使它们可能有不同的用途.

这不是你想急于求成的事情。 您的设计系统应该是为您的企业构建当前和未来项目的指南，因此您需要花时间制作它。

这并不意味着你的设计系统一旦完成就一成不变。 它应该被视为一个你正在进行的项目，看看哪些有效，哪些无效并改进它。 这意味着它不会在几天内完成。 它需要深入分析您作为一家公司的目标以及您将采取的向客户交付产品的步骤。

设计系统 VS 风格指南

到目前为止，设计系统似乎只是样式指南的新名称。 样式指南涵盖了许多相同的元素，例如颜色、样式和排版。 那么区别是什么呢？ 与其将它们相互对立，不如将它们视为设计系统的一部分。 虽然它概述了设计中的许多元素，但它缺少制作它们的过程、创建它们的工具以及所有这些元素如何协同工作。

设计系统以风格指南没有的方式为您的设计提供上下文。 使用您的设计系统，您可以通过遵循概述的规则、流程和工具来创建产品的构建块。 这与元素遵循的基本属性集不同。 您可以将您的风格指南视为您的设计系统的副产品，只涵盖大图的一小部分。 让我们考虑这个例子：

今天制造的乐高积木仍然与 1958 年制造的乐高积木兼容。它们是可互换部件的最佳示例之一，可用于构建各种令人惊叹的事物。 乐高公司在过去一年中制作了各种套装，让您几乎可以拼搭出您心中想要的任何东西。 样式指南可以比作每个包中的积木清单。 它会告诉您包含多少块砖、它们的颜色、尺寸和零件编号。 设计系统就像构建你的集合应该是什么的指导指南。 它概述了哪些部件去哪里以及如何将它们拼凑在一起以构建您的创作，除了告诉您如何构建一个东西之外，它向您展示了如何使用完全相同的一组砖块构建几个不同的结构。 了解它们如何组合在一起以及它们为什么组合在一起，甚至可以帮助您从相同的部分制作出全新的东西。

虽然相关，但风格指南和设计系统是两个不同的东西，在设计方面扮演着非常不同的角色。

为什么需要设计系统？

既然我们知道了设计系统是什么以及它们与样式指南之间的区别，您可能想知道您是否真的需要一个。 毕竟，您可能只建立一个或两个网站，或者可能只有一个核心产品。 建立一个设计系统绝对是一个很大的时间投入； 你能真正证明所花费的时间是合理的吗？ 如果您想改进以下任何一项，它可能只适合您。

一致性

如果您希望在您的产品或网站上拥有一致的外观和感觉，您可以从设计系统中受益。 想象一个使用多个框架来构建的站点。 它们可能具有不同的按钮样式、标题字体和其他几个不一致的元素。 感觉非常拼凑，这会使客户感觉网站质量非常低。 使用设计系统，您的团队将获得更多关于元素外观、感觉和行为的确切方式的指导。

效率

无论您是拥有由设计师和开发人员组成的大型团队，还是只有您自己，设计系统都可以让您更有效率。 拥有可以拼凑的预制元素将节省您的时间并帮助您更快地工作。 当您计划构建一个新项目时，更是如此。 无需再浪费时间查看框架、颜色、排版，这些都在您的设计系统中。

团队中的团结

如果您与团队合作，则设计系统可以作为设计指南，而不是每个人都自己制作。 使用它可以减少关于如何实现设计的问题。 每个人都有一个中心资源可以参考，这将指导他们对产品做出的决定。 这对于需要快速跟上节奏的人尤其有用，例如新员工、远程工作者和自由职业者。

如果您想增加这些领域中的任何一个，为您的公司创建一个设计系统可以被认为是物有所值。

谁在使用设计系统？

有了这些关于设计系统及其重要性的讨论，还有谁在使用它们？ 许多大型知名公司使用设计系统，甚至将其提供给公众查看。 这里仅仅是少数：

• 微软的流利
• 谷歌的材料设计
• Shopify 的北极星
• 火狐的光子

甚至美国政府也有自己的设计体系。 请注意，它不仅仅是一个组件库，还包括塑造设计系统本身的原则和目标。

您不必成为一家大公司就可以创办一家。 即使在你很小的时候也有一个，将帮助你在成长过程中实施和维护它。 它是您的组织保持一致、有条理和高效的日常工具。 因此，不要再浪费时间为每个项目重新发明轮子，并认真考虑构建设计系统。

作者：Taj R.