编辑导读：设计系统是连年来热门的话题之一，因为人们对产物流通性体验的要求越来越高，促使公司意识到设计的重要性。可是，扩张设计团队并不能基础办理问题，想要带来精采的用户体验，设计系统是个中重要的一环。本文将环绕设计系统展开七个方面的阐明，但愿对你有辅佐。

设计系统近几年来一直是较量热门的话题，我最近参加到了一个Design System的项目，本日把所学到的履历和常识分享给各人。

Design system是个较量复杂的话题，本日主要会环绕以下内容深入先容Design System，我接下来也会一连更新其他关于Design System的话题：

为什么我们需要设计系统

什么是Design System

Design System和Style Guide以及Pattern Library的区别

我们对Design System的误解

Design System的重要性

什么时候开始Design System

设计系统项目中大概谋面对的挑战

一、为什么我们需要设计系统？

跟着电子创新的成长，人们对产物或处事的要求越来越高。他们期望纵然在同一个公司开拓的差异的平台上的差异的产物中都能有流通的体验。用户的这种变革，使得越来越多互联网公司开始意识到设计的重要性。

公司开始扩张内部的设计团队，优化设计流程和东西。然而，设计团队局限的扩大必然能带来好的用户体验吗？谜底是不必然。

对设计的重视和投资，也会带来很多挑战。好比，如何担保用户体验的流通性和一致性？如何打点设计债务和技能债务？如何能辅佐公司扩大局限等等。

举一个我事情中的例子，我上一家公司去年创立了in-house的设计团队。可是真正开始做设计的时候才发明，一个产物至少有3套差异的设计语言，而我们的插手又带来新的设计决定。不管对付设计团队照旧开拓团队来说，每一次引入新的设计决定，城市造成相应的设计债务可能技能债务，这些债务城市限制到设计局限的扩大。

Forrester在本年2月宣布的一篇名为《Unlocking Design’s Full Business Potential》的研究陈诉中指出，有3分之一参加调研的设计团队率领暗示他们还在勉力为用户提供一致的流通的体验。

所以无论公司为设计集体投入多大的资源，只有当所有的产物处事可以或许为用户办理问题，为他们带来连贯一致的体验，公司的竞争力才会晋升。

Design System即是计谋上重要的一环。这也是为什么越来越多的公司开始搭架Design System。Forrester的研究陈诉中所研究的385企业中有40%的的公司已经推出了它们本身的设计系统，而且被其他的项目团队所用，有46%的公司正在扩大设计系统利用率的路上。

许多我们熟知的公司也在近几年推出了他们的Design System，包罗像Adobe，Altassian，Salesforce，Airbnb等等。

Adobe的设计系统Spectrum

二、什么是设计系统

设计系统是一系列可重用的组件和它们的利用指导文档，利用这些组件可以或许快速地开拓差异平台的产物。在建造这些组件的进程中会思量到公司的设计理论和Branding(颜色，文案，字体等等)，所以它们也凡是包罗在设计系统里。设计系统为公司的各类产物提供了基石(building blocks)和指导。

A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications

——Design better

三、Design System和Style Guide以及Pattern Library的区别

Style guide和Pattern library其实是设计系统的两个构成部门，但除了它们，设计系统外还包罗了一系列的尺度来指导设计。这些尺度记录了设计团队告竣一致的一系列抉择，好比我们如何选择控件，如安在差异的控件中选择。正是因为这些尺度才确保了设计方案不只仅只办理一个问题，而是能被复用。尺度也是为什么用户能得到一致的体验的原因。

四、我们对Design System的误解

在我今朝所参加的Design System的项目中，大部门时间是在跟差异地位的同事”推销”Design System，为了能获得他们的支持或是说服他们成为之一批利用Design System的项目组。

我的一个感觉即是Design System更具挑战的并不是建造进程，而是获得其他同事和项目以及公司的支持。在”销售“的进程中，我也发明人们都Design System都有这样那样的误解，导致项目标敦促受阻。

以下三点是较量常见的对设计系统的成见：

1）Design System限制了设计师的缔造力