【产品经理修炼之道】- 如何理解B端设计的视觉通用规范？

如何有效地搭建B端产品？在搭建设计策略时，也许你可以将产品看作一个“房子”，并从房屋打造的视角，来理解产品的整体设计思路。本篇文章里，作者用相对具象化的方式，讲述了他对B端产品设计的思考，一起来看看吧。

前言

前面几篇文章主要讲了关于产品知识的部分，从这篇开始就是回顾B端设计本身的设计知识。

如果说一个B端产品相当于是一个房子，每个1级页面相当于一个小的房间。那接下来我就以产品具象化为房子进行讲解，方便读者理解。

一、设计图纸——如何学习设计规范

1. 作用

设计规范常见的作用主要体现在3个部分。

1）保证设计的一致性

主要是从2个角度进行拆解。

1. 对内角度：多设计师合作，依然能保证设计风格的统一。
2. 对用户：提高用户体验，加深对产品的记忆，提升操作效率。

2）提升开发效率

对于前端同学沟通的有效的工具，能够提高设计的还原度，降低对接的成本。在开发侧可以建立公共组件库，可以有效地提高开发效率。在开发完成4分之3的时候，走查小组进行还原度测试的时候，能减少问题的发生。

3）方便产品迭代

随着产品在不同的阶段和业务的变化，能够发现一些问题，或者优化用户体验的时候，可以一键修改，十分便捷与高效。

建立之后，设计规范的协作流程：先判断是否需要进行设计？需要的话组件搭建页面，新增组件交给开发，最后是有页面开发。不需要的话可以直