怎样给自己的产品制作一套交互设计规范

各行各业都有规范，可以说我们每天都是生活在各种条条框框中，那么对我们手上的设计工作来说，如何制定设计规范来帮助我们更高质高效的完成设计工作。

最近在做工作的项目文件整理，其中一部分工作内容就是维护更新之前产出的设计规范。

一、设计规范什么时候做？做到什么程度？ 先有产品还是先有规范？

听起来好像有点像先有鸡还是先有蛋，先做产品后总结规范，or先出规范再做产品，or一边出产品一边整理规范，其实每种方法都没有错。

不过在我来看，我比较中意第三种方式，即一边出产品一边出规范。

对于新的产品来说，需要在产品的初期先制定能够主导产品体验大方向性的、主要组件的设计规范，先让小车的轮子转起来，随后在产品的研发和迭代的过程中，不断去完善。

对于大部分常见的设计组件基本上在产品的一个版本的迭代中就可以全部涉及到，所以在产品从0-1的这个阶段是最合适的。

制定交互规范对我们工作中有什么帮助呢？

我们先来看看如果不制作交互规范的话，日常的设计工作中会遇到哪些问题：

同一类型的交互方式在不同页面显示的方式不一样 对于明明可以复用的组件，每次出交互方案时都要重新画组件，费时费力 与工作上下游伙伴的沟通效率低 …… 那么设计规范做到什么程度才可以呢？

现在大部分的互联网公司都是敏捷研发的模式，所以在产品起步的初期，我们最重要的事情不是制作各种交互组件，最重要的是定义整个产品最基础的交互框架。

网易UEDC设计组对web页面的框架层级做了如下的梳理：即底层、内容层、导航层、全屏操作层、插件层和模态弹窗层（熟悉前端的同学应该知道，前端同学在写页面时会把页面划分的三层：结构层、表示层、行为层，我们制定设计的主要是围绕这三个方向展开，即页面框架、页面样式和交互动作设计）。

当我们制定好这框架之后，设计的工作就会变得更加的清晰，有条理，绝大部分的设计工作都可以依附在在这个设计框架内完成，和前端的同学沟通效率也会更高。