UI设计规范

这是一个容易被忽略的规范类型。笔者就深受其苦，我们公司初期没有所谓的设计规范，这就导致他们设计出来的产品前后不统一，多个应用之间的组件不能复用。这搞得我们不得不浪费时间，写很多定制化样式和组件。

关于UI设计规范的重要性有兴趣的读者可以看这篇文章：开发和设计沟通有多难？ - 你只差一个设计规范open in new window.

简单总结一下UI设计规范的意义：

• 提供团队协作效率(产品和开发)
• 提高组件的复用率. 统一的组件规范可以让组件更好管理
• 保持产品迭代过程中品牌一致性

建立一个定义良好的设计规范需要UI设计和开发的紧密配合，有时候也可以由我们前端来推动。

比如很多开源的UI框架，一开始都是开发者YY出来的，并没有设计参与，后来组件库慢慢沉淀成型，UI设计师才介入规范一下。

关于UI规范推荐使用现成的开源组件库：

• Ant Designopen in new window
• Material-UIopen in new window
• Element UIopen in new window
• WeUIopen in new window
• Microsoft Fabricopen in new window

这些开源组件库都经过良好的设计和沉淀, 而且配套了完善的设计原则、最佳实践和设计资源文件（Sketch 和 Axure），可以帮助业务快速设计出高质量的产品原型。