编辑指南:设计系统是近年来的热门话题之一，因为人们对产品流畅体验的要求越来越高，这让公司意识到设计的重要性。然而，扩大设计团队并不能从根本上解决问题。为了带来良好的用户体验，设计系统是其中重要的一部分。本文将重点介绍设计系统的七个方面，希望对你有所帮助。

设计系统是近年来的热门话题。我最近参加了一个设计系统项目，今天就和大家分享一下我的经验和知识。

设计系统是一个巨大的课题。今天，我将主要围绕以下内容对设计系统进行深入介绍，并继续更新关于设计系统的其他话题:

为什么我们需要设计系统什么是Design SystemDesign System和Style Guide以及Pattern Library的区别我们对Design System的误解Design System的重要性什么时候开始Design System设计系统项目中可能会面临的挑战

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

随着电子创新的发展，人们对产品或服务的要求越来越高。他们期望即使在同一家公司开发的不同平台上的不同产品上也能获得流畅的体验。用户的这种变化使得越来越多的互联网公司意识到设计的重要性。

公司开始扩大内部设计团队，优化设计流程和工具。但是，设计团队的扩大会带来良好的用户体验吗？答案不一定。

对设计的关注和投入也会带来很多挑战。比如如何保证用户体验的流畅和一致？如何管理设计债和技术债？如何帮助公司扩大规模等等。

举一个我工作的例子，去年我的上一家公司成立了内部的设计团队。但是当我们真正开始设计的时候，我们发现一个产品至少有三种不同的设计语言，我们的参与带来了新的设计决策。无论是对于设计团队还是开发团队，每次引入新的设计决策都会引起相应的设计债或技术债，限制设计规模的扩大。

今年2月，Forrester发表了一篇题为《解锁设计& # 8217；S Full Business Potential指出，有三分之一参与调查的设计团队负责人表示，他们仍在努力为用户提供一致、流畅的体验。

所以无论公司在设计组投入多少资源，只有当所有的产品和服务都能为用户解决问题，带给用户一致的体验，公司的竞争力才会得到提升。

设计系统是战略的重要组成部分。这就是为什么越来越多的公司开始建立设计系统。在Forrester的研究报告中研究的385家企业中，40%已经推出了自己的设计系统，其他项目团队也在使用，46%正在扩大设计系统的利用率。

近年来，许多知名公司也推出了他们的设计系统，包括Adobe、Altassian、Salesforce、Airbnb等。

Adobe的设计系统频谱

二、什么是设计体系

设计系统是一系列可重用的组件及其说明文档。使用这些组件可以快速开发不同平台的产品。在制作这些组件的过程中，公司的设计理论和品牌(颜色、文案、字体等。)会被考虑，所以它们通常包含在设计系统中。设计系统为公司的各种产品提供构件和指导。

设计系统是由明确标准指导的可重用组件的集合，这些组件可以组装在一起构建任意数量的应用程序

——设计更好

三、设计系统与风格指南和模式库的区别

样式指南和Pattern库实际上是设计系统的两个组成部分，但除此之外，设计系统还包括一系列指导设计的标准。这些标准记录了设计团队所达成的一系列决策，比如如何选择控件以及如何在不同的控件中进行选择。正是因为有了这些标准，设计方案不仅可以解决一个问题，还可以重用。标准也是用户能获得一致体验的原因。

第四，我们对设计系统的误解

在我目前参与的设计系统项目中，我大部分时间都和不同岗位的同事在一起& # 8221；销售& # 8221；设计系统，为了得到他们的支持或者说服他们成为第一个使用设计系统的项目团队。

我的感觉是，设计系统最具挑战性的部分不是制作过程，而是其他同事、项目、公司的支持。在“卖”的过程中，我也发现大家对设计系统都有这样那样的误解，导致项目推广受阻。

以下三点是对设计系统的常见偏见:

1)设计系统限制了设计师的创造力

令人惊讶的是，这是许多设计师对设计系统的看法。他们觉得设计系统会限制他们的表现，让他们无法探索一些新的风格和交互方式。我个人认为作为设计师，不能为了创意而引入新的风格或者交互方式。我们的设计应该解决业务或用户问题。对于那些产品不成熟的公司来说，组件库中的创意带来的好处是非常小的。所以我觉得设计师的创意应该用来提升整体体验。

设计系统的存在可以减少许多不必要的工作，如调整间距、调整其元素等。设计师有更多的时间去关注更全球化的设计策略。

2)设计系统只是关于设计，可以由设计师独立完成

对Design System的另一个误解是，它只是设计软件中可重用的组件，所以可以由设计人员独立完成。

作为公司设计语言的唯一来源，设计系统需要不同角色的支持和参与。包括前端工程师、品牌营销、无障碍专家、动态设计师。

3)设计系统一劳永逸

很多人认为设计系统的价值在于，一旦完成，就完成了。

但事实上，如果我们想让设计系统成功，我们需要把它当成一个产品来对待，我们需要维护和改进它。这可以包括两个方面，一个是针对项目团队和内部使用设计系统的同事，另一个是针对用户。设计系统项目组应定期收集内部使用设计系统的同事和产品用户的反馈，并确保他们的反馈能够不断更新到设计系统中。

动词 （verb的缩写）设计系统的重要性

1)提高设计和开发的效率

这是设计系统最明显的好处之一。由于组件库的可重用性，设计人员和开发人员不需要从头开始设计和开发一个组件。

设计系统还使我们能够更高效地完成原型制作，并更快地获得用户反馈。还记得几年前在日常工作中，经常会做很多重复性的工作。有了设计系统，任何改变只需要在设计系统中进行，减少了很多不必要的工作。

2)确保设计一致性，为用户提供一致的用户体验

设计系统的两个组件，组件库和标准文档，都为公司的各种产品提供了唯一的真实来源。因此，用户在公司产品中不会看到不同风格的按钮或不同交互模式的搜索框。设计的一致性使用户能够缩短学习使用产品的周期，并使他们能够预见其操作带来的变化。

3)设计系统促进公司内部的合作和沟通

一个成功的设计系统需要跨职能团队的参与，如设计师、开发团队、营销和品牌、文案和可访问性专家。只有这样，我们才能确保设计系统能够解决产品设计和开发中遇到的问题。

因此，设计系统促进了公司内部不同职位的合作和沟通，这种文化的建立也将有助于公司更有效地推出新产品或服务。

6.设计体系什么时候创建？

设计系统是有价值的，但并不意味着所有公司都需要设计系统。设计系统的出现是为了扩大设计的规模，提供一个设计标准给不同的设计师参考。

如果公司有以下两个特点，就意味着我们可以开始提出设计体系了:

公司有不同的产品，且都需要长期的开发和迭代越来越的设计师加入公司

但是，如果你的公司长期没有产品要开发，或者你是公司唯一的设计师，那么在这个阶段，模式库和风格指南应该就足够了。

七、设计系统项目可能面临的挑战

相信每个设计师和前端工程师都能看到Design System的价值，但在实际项目中会面临各种挑战。

1)设计系统是一个非常繁琐和耗时的项目

只有把设计部门作为一个项目来对待，它才有更大的成功机会。我们需要战略性地“销售”它，用路线图来指导团队，用相应的计划让更多的项目看到它的价值。设计系统形成后，需要定期收集内部用户和产品用户的反馈。这些都只是工艺层面的，设计师开始做组件的时候也是一个非常费时的工作。为了确保所设计的控件能够解决一系列问题，设计人员需要考虑不同的使用场景，以确保设计软件中制作的控件是可扩展的，可以被其他设计人员使用。

2)设计系统需要支持者

很多大公司成熟的设计体系都是从旁站项目开始的。因为公司在投入大量资源之前，想看看Design System能给公司带来什么。因此，设计系统项目的初始阶段实际上是非常困难的，因为一方面，它需要各种资源来启动项目，另一方面，它需要证明设计系统的价值来获得更多的资源。

所以在项目开始的时候，得到不同项目、不同岗位的同事的支持是非常重要的。让他们看到设计系统的价值，让他们愿意参与设计系统的早期生产，让他们成为设计系统的支持者。只有这样，设计系统才能得到更快的推广，从而被其他项目使用，展示其价值。

一些公司发布的设计系统:

亚特兰蒂斯设计系统

闪电设计系统

光谱，Adobe的设计系统

微软设计

底漆设计系统

购物北极星

参考链接:

设计系统手册

弗雷斯特报告:解锁设计& # 8217；的全部商业潜力| Adobe XD创意

感谢阅读。下一篇文章会讲如何开始一个系统设计项目。