近年来，“设计规范”逐渐被“设计系统”的概念所重塑，新的设计方法可以帮助产品设计团队更好地在整体层面上构建解决方案。

“设计规范”已经存在很长时间了，它在产品甚至公司的品牌识别效果的构建中起着重要作用。今天，作为升级版本，设计系统将这一概念提升到了新的高度。

过去，UI设计人员创建了结构松散的设计文档，包括颜色方案，字体，按钮样式或图标的样式定义。这些文档通常安静地保存在硬盘驱动器上，只考虑新设计人员加入团队或外部设计代理需要了解规范时。

在日常工作中，这些文件可能没有太大的实用价值。设计人员通常依靠内存来确定是否使用了某些设计模式。从长远来看，一致性问题将会积累，最终难以清理的情况也很可能。

近年来，“设计规范”逐渐被“设计系统”或“设计语言”的概念所重塑，新的设计方法可以帮助产品设计团队更好地站立。在整体层面构建一个程序。基于一套严谨统一的系统框架，产品性能水平的设计工作可以逐步实现模块化操作。来自Invision的Brand.ai或Craft等工具在一定程度上满足了标准化，模块拖放设计要求，团队合作过程的一致性得到了提高，视觉设计工作变得更加高效，有时甚至更高效可以跨越传统的低保真原型制作阶段。

本文的目的是讨论设计系统的目标，价值和原则，而不涉及具体的施工方法。

在过去的几年里，我参与了公司的许多设计系统项目，包括初创团队和具有高度可见性和成熟度的组织。我最近的一个项目是为Qstream创建一个设计系统。

当我第一次加入Qstream团队时，我意识到有必要尽快建立一个新的实用设计系统。产品设计缺乏一致性，随着功能复杂性的增加和设计团队的扩展，问题将越来越激烈。 –通过详细，完整且易于理解的设计系统控制设计工作，并稳定整个设计方向。这件事不能拖延。

在这种背景下，我们开始创建自己的设计系统，即QUIK– Qstream用户界面套件。

第1步：解决不一致问题

同样，本文并未深入研究创建设计系统的细节，但我将简要介绍一般过程。

我们要做的第一件事就是彻底调查产品中现有的界面组件。 Brad Frost（“Atomic Design”一书的作者）撰写了一篇关于如何进行UI库存的优秀指南文章< ;; Interface Inventory"，建议阅读（http://bradfrost.com/blog/post/interface-inventory /）。

这个会议可能很难，你可能需要花费很多时间，而且这个过程很无聊，但这是值得和必要的。通过UI检查，您可以：

完全了解当前产品中存在不一致之处。

了解在全球范围内使用某些关键要素。

快速掌握产品的信息架构和操作。

向团队介绍现有问题，并反映出对标准统一设计系统的需求。

我们的平台UI库存文档，现有设计的不一致性一目了然。

第2步：创建元素

我们的设计系统由三部分组成。

品牌：产品品牌识别由许多关键的视觉元素组成，包括配色方案，字形，图标等。

界面元素：包括可全局重用的最小粒度的元素，如按钮，文本输入框等。

组件：组件由多个界面元素组成。多个组件协同工作以形成通用设计模式，例如对话框，列表，卡片等。

我们需要根据UI清单的结果确定设计系统组件的优先级，以查看在产品的全局范围内最广泛使用的元素。

在我们开始处理按钮和文本输入框等特定元素之前，我们首先要定义样式和样式规则，包括颜色，字形，图标，间距等。

根据我们的执行顺序，设计系统的构造越深，产品所涉及的元件的重量就越低。但无论如何，它们都是系统的一部分;所有元素对于确保设计语言的完整性和一致性是必不可少的。

我们还有一个正在进行插图设计风格的设计系统项目，本文不会详细解释，如果您有兴趣，可以到我们的Behance了解更多（https://www.behance.net/gallery/49205497/Illustration - 指南）。

第三步：完美

我们目前处于这个阶段。坦率地说，我们可能永远无法真正完成这个阶段。在你接受设计系统的挑战之前，最好先了解一下–这是一个永无止境的过程。您正在构建的产品更像是产品，而不是定义明确的项目。 &ndash的;随着产品的发展，设计系统需要不断发展壮大。

您可能需要建立一个团队来负责维护设计系统，或者成为一名全职设计师。严格的标准化设计系统可以为产品设计工作带来不可或缺的核心价值，使工作流程更加集中和清晰，并且可以显着提高设计模式和产品开发速度的一致性。

综合系统

在产品的全球层面创建和维护有效的设计系统只是标准化和系统化的一部分;我们还在为产品建立品牌规格和设计原则。

我们认为，在产品设计的复杂性达到一定水平之前，坚定地奠定基础框架非常重要。否则，各种潜在的问题将一直积累，直到无法解决。建立一系列规范，原则和系统将确保我们在扩展产品和团队规模时走上正轨。

我们计划继续创建一套设计规范，定义QUIK进入实际阶段后产品的个性化。我们将建立的综合系统包括：

品牌指南：用于描述品牌个性和特征的一系列文档，包括文案音调，颜色匹配样式和徽标使用限制的定义。

QUIK：设计系统，在全球范围内集成设计概念，方法和界面组件，并在一个地方标准化。

设计原则：帮助我们坚持产品设计方向，专注于我们团队和客户的最重要目标，并最大限度地实现两者的统一。

下一步

我们将继续努力在全球范围内的产品平台上实现统一的设计标准。面对这一目标，我们还有很长的路要走。产品团队中的每个人都明白这是一个巨大的挑战，但我们也理解这个问题对于产品的顺利开发的重要性。