设计体系的目标、价值及构成原理

　　我买了一顶新帽子，头顶处绣着一张木讷智障脸。一整天我都把这顶帽子摆在办公桌上，不时瞥上一眼，觉得魔怔又亲切。“帅气”，同事们如是说。

　　我还买了一本Smashing Magazine出版的新书，叫做《Design Systems》，关于如何规划、创建和维护设计模式库/设计体系。上周刚刚在公众号发过一篇“接下来会切入一些Design System方面的话题”，今天便看到这本书，感到很开心。

　　“如此这般体现着体系性与逻辑性的，需要你一方面站在全局去归纳信息、梳理架构，一方面从最基础最细节的层面入手去精雕细琢的系统概念，总是能让人为之着迷不是么。”

　　从前不觉得自己会培养出整理癖;自然也不是处女座。然而上半年捣鼓了一套WireframeKit for Sketch线框稿组件库之后，便慢慢开始倾心于这件事。总之很有趣，无论总体还是细节执行层面也都充满了持久性的挑战。过去在博客中似乎没有涉及过相关话题，今天开始会尽力分配到更多关注度。挑选了一篇泛方法与价值定义方面的文章做译，权且作为暖身。

　　下面进入译文。

　　“设计规范”这一概念早已行之有年，它对于一个产品甚至一家公司的品牌识别效应的构筑起着重要的作用。如今，作为其升级版本，“设计体系”(Design System)又将这一概念提升到了新的高度。

　　过去，UI设计师们会创建一些结构松散的设计说明文档，其中包括配色、字体、按钮样式或是图标一类的风格定义。这些文档通常会被安静地保存在硬盘里，仅在新设计师加入团队或外部设计代理商需要了解相关规范时才会被想到。

　　在日常工作中，这些文档可能没有太多的实用价值，设计师们在很多时候仅会凭记忆来判断某些设计模式是否被使用过。长此以往，一致性方面的问题便会积累起来，最终导致难以收拾的状况也是十有八九。

　　近年来，“设计规范”逐渐被“设计体系”或“设计语言”(Design Language)的概念重塑，与之俱来的新设计方法可以帮助产品设计团队更好地站在整体层面构建方案。基于一套架构严谨、规则统一的体系框架，产品表现层面的设计工作可以逐渐实现模块化运作。诸如Brand.ai或是来自Invision的Craft等工具已经在一定程度上满足了标准化的、模块拖放式的设计需求，团队协作过程中的统一性得到提升，视觉设计工作变得更加高效，有时甚至可以跨过传统的低保真原型设计阶段。

　　本文旨在讨论设计体系的目标、价值及构成原理，而不会深入到具体的构建方法当中。

　　在过去的几年中，我参与了很多公司的设计体系项目，其中既有初创型团队，同时也包括了知名度和成熟度都相当高的组织。我最近的一个项目就是为Qstream打造设计体系。

　　我刚刚加入Qstream团队时就意识到尽快打造一套新型、实用的设计体系是非常必要的一件事。产品设计缺乏一致性，而问题还会随着功能复杂度的提升以及设计团队规模的扩大而愈演愈烈 - 通过详实、完备、易懂的设计体系对设计工作进行把控，从整体上稳定设计航向，这件事刻不容缓。

　　在这样的背景下，我们开始创建自己的设计体系，即QUIK - Qstream User Interface Kit。

　　第一步：解决不一致的问题

　　再次说明，本文不会就创建设计体系的具体方法进行深入探讨，不过我会对大致的流程进行简要说明。