OnlyRoom

创建产品设计规范库是提高设计团队效率和质量，非常必要且有效的方式。起初的建立需要有明确的目的和计划性，需要花费大量的人力和时间资源，所以需要分阶段进行，创建阶段、改善阶段、重构阶段，这三个阶段和我们在做产品设计时是一致的。规范库主要包含为三部分：元件（通用和创新）、模块（通用和产品）、框架体系。产品设计规范库也根据职能，可以划分为三个类型的库：交互设计资源库、视觉设计资源库、前端开发资源库（CSS），这三个职能库相互关联，前后对应。文案设计也是很重要的一部分，尤其在表单效验中具有很多的规则，所以还可以单独创建一个表单效验规则库（通用和产品），作为参

考资料。

整理和分类的工作很繁琐细致，一般都是由部门内的设计师完成。这里有三种方法适用：

一. 分工配合：

优点，速度快，覆盖面广；

缺点，进度不一致、内容整合分散不统一，版本控制难；

二. 专人主导：

优点，版本统一，风格一致，进度可估计；

缺点，速度慢，有局限性容易遗漏；

三. 专人专时专项：

优点，快速、全面、统一；

缺点，成本高(人力、财力、时间)；

前两种方式各有利弊，可以根据团队特性选择适合的方式。第三种对企业在设计方面重视度和投入资源的意愿都有较高的要求。
在我进行设计规范库的建立过程中，一开始是用第一种方式分工配合，但因为团队成员的时间、各自的水准差异等因素，最终造成了文件混乱，风格各异，整合成本非常高，所以最终选择尝试第二种方式专人主导，虽然时间较长，但最终完成的库可用性和规范性都比较好，风格、规则、标准等都形成了规模，之后通过团队一次次的Review和改进，还是非常有成效的。

以下是规范库的三个阶段：

第一阶段“元件库”是我们设计制作时的零件库。

（举例，这个阶段就好比我们去宜家买家具，一般都会提供所有的零配件，木板、钉子、螺丝等。）

• 分类，有计划系统的进行分类。以便日后的添加、查找、存档、管理，保持资源库的更新。

• 命名，准确及形象的命名方式便于记忆，对于沟通时的准确性也有帮助。（如，导航栏有个样式Accordion，有被称作风琴褶，也叫折叠式。）

• 描述，根据上下文情景进行描述，描述其本身，同时也描述运用时应满足的条件。

可以根据自身需要做成静态元件和动态元件，以便适应不同保真原型。

第二阶段“模块”，根据产品类型，将元件组合成常用模块。前端开发可以开始评估，视觉规范此时可以开始创建。（举例，这个阶段就可以根据需要用零件组装家具了。）

• 应用场景，根据产品特性和应用场景，组装出通用的模块并清晰的表达出交互行为。

• 定制模块，产品各有特性，如理财类和航旅类的，同样有导航有搜索，但是运用在不同的产品里，就需要特别定制适合该产品的应用模块。

如部门内设计师是按照产品线在划分职责，那么建议先创建一个通用元件库，然后由各个产品线的设计师分别创建产品线的模块库。

第三阶段“框架体系”的结构与设计模式类似，是我们构建一系列成熟解决方案的必经步骤。完成的模块搭配后加入设计模式，再加上其他元素和信息，组合成用于指导完整的系统或站点的设计资源库。
（举例，这个阶段就好比装修房子，家具买好组装好，然后根据想要的风格，摆放布局，搭配出适合自己风格，并且遵循一定的规律和规则。）