动效给程序员用什么格式_如何做界面设计规范？

如何做界面设计规范？

最近为了设计提高效率和质量，我开始研究如何做规范。看了一圈别人做的设计规范，又回想了一下自己以前做的，发现了有趣之处。

设计规范的共性

不同的规范虽然内容差别很大，但是对比一下它们的目录，却又很多相似之处，通常包含：布局、组件、配色、图标这四部分。组件里的分类无非是导航、菜单、表单、列表、表格、按钮、弹出框诸如此类，我就不一一列出了。

设计规范有哪几类

总体看来，我发现这三类设计规范出现概率很高：

1、给产品经理看的

iOS和早些年的Android(现在已经统一改用Material Design)设计规范就属于给产品经理看的，里面写的东西大多围绕如何选择大的方向、哪种处理方式更加合理展开的，界面细节却没有详细介绍。

这种规范适合用来做演讲，内容不多，都很有道理，参杂这很多创新的功能。而拿着它做设计却很痛苦，因为它不告诉你如何才能达到理念中所勾勒的那个目标，图标、尺寸、陪色、字体……很多东西都不明确。

2、给设计师看的

这种规范通常的好处是内容很丰富、图例很多、建议比较详细，能够让设计师以此为基础发挥自己的创造力。Material Design就属于这一类，而且里面很多1:1的范例可以直接拿来做参考这点非常感人。

但这种规范也有不足之处。一是它缺乏针对具体场景的规则，常常把所有可能用到的元素都拿出来一一细说，然而却不告诉你应该在什么场合使用什么。二是容易理想化，因为做这种规范的人通常是纯粹的设计师，所以里面很多设计想法未必有足够的可实现性，或是一些创意未必经得过实践的考验。Material Design里面很多