设计规范何时高效落地，助力业务提效。纷传付费社群工具链接会员社群经济

本文来自微信公众号 “ 江鸟的设计生活 ”，作者：江鸟的设计生活，纷传经授权发布。

B端设计都离不开设计规范。提到产品设计规范，有同学认为它可以增强用户对产品的信任感；有同学认为它提升了开发过程的效率和减少不必要的工作量；还有同学认为它为团队提供了共同的语言和准则，有助于促进更顺畅的交流和合作…

设计规范作为设计基础中的基础，好处一大堆，实在太重要了。

那我们在产品的什么阶段引入设计规范？是不是所有团队都需要那种大而全的规范？以及在引入的过程中需要注意些什么呢？今天将跟大家一起来讨论下这个，一起来看看吧~

设计规范的组成

很多人都说规范可以提升协作效率，特别是在项目周期紧的时候，开发可以根据规范先搭建页面或者产品在原型设计阶段就直接运用组件规范进行设计。而当探讨是否需要为咱们的产品团队引入设计规范时，了解规范的各个组成部分则是一个重要的起点。

设计规范是一份指南，每家公司都有着自己的不同特色，它确保了产品在不同团队成员之间的一致性与友好性。

它由多个不同模块组成，每个模块都起到不一样的作用。总的来说有设计原则、品牌标识、样式指南、组件库、文案、动效、页面布局、栅格等，了解这些组成部分，有助于我们在什么阶段以及什么场景中规范的应用做出判断。在接下来的文章中，我们可以深入探讨是否你的产品究竟需要什么样的设计规范。

02.

时间阶段

产品设计规范可以在不同的阶段制定，选择哪种方法取决于公司的目标、产品的阶段以及市场的要求。以下是两种常见的方法：

从头开始制定规范

在产品设计的早期阶段，可能公司还没有具体的产品，但我们有一些关于产品愿景和目标的想法。该阶段制定设计规范有着显著的优势，特别是在初创阶段或者公司希望在新产品中打造独特形象。但也需要注意，规范制定的过程中仍要保持与用户需求和市场趋势的联系。

该阶段制定设计规范需要注意以下4点：

明确品牌定位，当前阶段我们需要先了解产品的定位，它是塑造产品形象、吸引目标用户以及在市场中建立独特性的关键要素。例如产品定位为专业、现代化的解决方案，注重用户体验和效率；
用户研究，明确使用者当前的问题以及需求是什么，这样可以确保自己的设计规范符合用户期望；
基于品牌定位和用户研究制定一些设计原则，例如：简洁、直观、易用等；
定义基础元素，如适用的颜色、字体和按钮样式。确保这些元素能够在未来的设计中保持一致；

2.2 从现有产品中提炼设计规范

如果公司已经有一些现有的产品，那我们可以从中提取共同的设计元素和模式，形成一套设计规范。已有的产品往往已经经过精心设计和测试，提取设计规范可以确保新产品与现有产品在外观和交互方面保持一致。这种一致性有助于用户在不同产品之间获得连贯的体验。

这对于成熟的公司来说可能更为实际，但也需要注意，提取规范时要根据新产品的业务特点进行调整。有些元素可能不适用于新产品，有些地方可能需要进行调整以适应新的功能和用户需求。

该阶段制定设计规范需要注意以下3点：

分析现有产品，对公司现有产品进行分析，找出复用率高的设计组件、元素以及风格样式；
整理现有规范，将从现有产品中提取的设计元素整理成一份设计规范文档，包括颜色、图标、界面元素和布局等；
定义设计规范，寻找当前产品被证明有效的设计和交互模式，结合产品未来的发展需求，需要让规范具备可扩展性；

在实际情况中，往往会根据产品的特点和发展阶段来决定使用哪种方法，甚至可以在两种方法之间做出折中。例如在初期，重点可能更多地放在概念验证、用户研究和原型制作上。随着产品逐渐成型，设计规范可以逐步引入，以确保后续的开发和设计工作更加高效和一致。最终目标是确保产品设计规范能够支持产品的成功发展，提供一致性的用户体验，并满足公司的品牌和市场要求。

团队规模

不同规模的团队在引入设计规范时可能有不同的切入点和需求。以下是根据不同团队规模引入产品规范时的建议：

3.1 小型团队

小型团队的定义可能因组织和行业的不同而异，但通常情况下，对于较小的团队（一般少于10个人），特别是在开始阶段，可能不需要过于详细和繁琐的设计规范。这是因为小团队通常更灵活，可以更快地做出决策和调整，而过于详细的规范可能会限制他们的创意和创新（毕竟才开始，很多东西不一定想的清楚）。

针对小型团队引入设计规范时需要注意以下3点：

设计原则的建立：产品设计规范最核心的功能是打造可持续、可遵循、可扩展的设计指导。对于一个小团队而言，统一基本的设计原则可以做到用最少的规则实现视觉样式的统一，同时保证不同产品的扩展性。
避免大而全：不要陷入大厂的陷进，此时产品设计规范避免参照大厂的那些规则做的大而全（产品规范在范围以及形态上没有绝对的标准）而是应该结合当前自己团队以及业务的诉求针对性的设计合适的设计规范。
规范与标注的关系：这里千万不要以为有了规范就代表设计师没有创新空间了，规范和创新不是对立关系。规范作为最顶层的指导原则是不能违反的，它有助于团队内部形成统一的视觉语言。标注则可以针对不同的产品线去调整，它的功能是通过不同的参数辅助规范像素级的还原，确保产品与设计意图的一致。举个例子，设计规范可能规定了品牌的主要颜色和字体样式，而规范参数则会具体指定每种颜色的十六进制值和字体的大小。对于规范中没有包含的场景还是有创新的空间的。

3.2 中大型团队

对于中大型团队，引入产品设计规范非常重要。它确保了一致性、提高效率，构建品牌形象，促进跨团队协作。中大型团队在引入设计规范时可以考虑引入更完整的设计系统，包括核心组件、交互模式等（包括更详细的样式指南、细化的组件库以及用户流程和用户故事的指导。）。

除了网上可以搜到的一大堆设计系统外，这里介绍3个中大型团队制作设计规范时需要做到的点：

开发团队的参与：开发团队对产品规范的可实现性上更具有发言权。他们可以帮助评估设计的可实现性，并在设计规范中加入技术细节，使其更具体和可执行。开发可根据前期的规范样式进行封装，更改的时候可以做到少量调整达到全局更改的目的，缩短整体开发流程。
规范的扩展性：设计规范的抽象程度需要考虑业务的变化。特别是B端场景下，如果过于针对特定业务场景定制的规范可能在业务变化时没法再次使用。合适的方法是创建更通用的、基于设计原则的规范，这样即使业务变化，规范仍需要迭代优化与维护更新。
及时跟进流程：保证组内设计应用最新的产品设计规范，并对开发后的界面及时的验收和检查，保证产品设计规范的一致性。在灰度测试阶段需要收集产品以及业务方等多渠道反馈，根据实际情况调整设计规范并保证组件的落地。

写在最后

产品设计规范在确保一致性和提升用户体验方面具有重要作用，但团队在引入过程中应保持理性，根据实际情况进行筛选和评估。结合项目需求、团队特点以及用户期望，制定出最适合的设计规范，为产品创造出优秀的用户体验。

以上只是我对设计规范何时引入的粗略总结，希望该文章对你有所启发，也欢迎感兴趣的同学一起探讨~

今年的Flag就是要输出交互设计系列课程，也期待大家对我的关注与监督。

我是江鸟，一个爱学习爱分享的设计师。

咱们下期见~