建立产品一致性设计规范在一定程度上体现了公司对产品成熟度的要求、设计者的专业度、产品用户体验的质量

一致性设计规范的重要性

建立产品一致性设计规范在一定程度上体现了公司对产品成熟度的要求、设计者的专业度、产品用户体验的质量。一致性不仅仅体现在界面视觉和交互上的标准是统一的，在其他方面，同样占据了很重要的位置：

1. 从产品本身上来说：一致性设计规范是基于产品用户体验的主流趋势和标准，以及业务本身的属性去制定的，因此使得产品在销售过程中更有说服力。
2. 从团队内部协作上来说：输出一致性设计规范，可以让设计团队的成员都遵循统一专业的一致性原则，不仅设计输出效率更高，也让产品的一致性更强。同时降低了设计师以个人喜好和经验的标准输出设计物的情况。
3. 从团队间协作上来说：可以帮助业务和研发团队更加清晰的认识和理解用户体验设计，了解设计师在工作中思考的维度和方向，提升双方间的信任感和合作效率。
4. 从公司品牌维度上来说：相关产品间，或产品内部建立一致性设计规范，会让公司在商业竞争中取得更加有利的地位。
5. 从客户的角度来说：可以让客户站在产品和设计师的角度去了解产品设计的一些问题，进而在后续用户沟通环节中，增加客户对产品的理解度。

三、建立一致性设计规范

由上述可见，一致性设计规范涵盖了很多方面，小到色彩、文字、间距，大到操作体验、界面交互等。同时，一致性设计规范的重要性不言而喻。

B端产品业务复杂，设计创新成本高，但B端产品界面类似度很高，大部分都是表单、表格的场景。界面上的操作、交互、通用性文案、导航、排版、组件等都是可以被抽象出来的，而且业界有成熟的设计体系已经抽象出了一部分（比如Ant Design）。我们要做的就是在了解行业标准的前提下，分析自家的产品，建立符合我们面临环境下的一致性设计规范。

在笔者经历了数个月的企业级B端产品设计体系从0到1的建立过程中 ，遇到了很多困难（以下4个困难会在下一篇文章中去阐述如何解决的，本文就不细细去说了）：

1. 一致性与用户需求是相反的，如何将一致性落地到实际的产品中呢？
2. 建立了一致性设计规范后，如何有效的迭代升级呢？
3. 如何去推动企业级一致性设计规范让业务部的专家们认可呢？而不是你的一致性阻碍了产品本身的发展。
4. 一套一致性设计规范最终如何去产品中验证 ，并且切实提升了产品的用户体验呢？

这些困难让笔者经常问自己，我们的一致性设计规范边界到底在哪儿。单个产品的一致性好做，那企业级产品的一致性从哪些维度去考虑，如何去建立呢？笔者从以下几个方面去思考和实施的：

1. 原子级

• 颜色（主题色、功能色、中性色等）
• 文字（标题、正文、辅助文字等）
• 图标（导航图标、组件图标、表格图标等）
• 分割线（页面分割线、面板分割线、文字分割线等）

2. 分子级

• 表格（基础表格、分组表格等）
• 输入框（基础输入框、文本框、文本域等）
• 单选选择器（基础单选、双列单选、图标单选等）
• 树选择器（单选树、多选树等）

3. 区块级

• 卡片列表（横向、纵向等）
• 浮层菜单（瀑布流、平铺等）
• 折叠面板列表（文字域、表格域等）

4. 页面级

• 表格页（全局表、导航表等）
• 详情页（基础详情页、高级详情页等）
• 监控页（监控页、工作台等）

5. 导航级

• 顶部导航条、左侧导航栏

6. 间距级

• 模块间间距、组件间间距、横向间距、纵向间距等