web前端设计规范

hi,这里写出一点自己对web产品开发的一点粗浅的规范认识，一切为了敏捷开发哈哈。

1.流程。

  （1） 当产品给出原型和产品文档。

  （2）设计师更据原型，开始设计产品的效果图。

  （3）设计师设计完毕后，产品，设计，开发开始评审效果图。（效果图一旦评审完毕，一般情况下不改设计）

  （4）  设计图评审完毕，设计师给出效果图安和尺寸图。

  （5） 开发在指定时间内完成项目的开发。

  （6）开发的产品开始部署测试环境，开始测试。

2.单位。虽然web中用到了px,em,rem等，但是我们经常使用的px足够，距离，字体大小都用px来表示。

3.标注：（1）字体（默认微软雅黑）（2）字体大小，颜色（3）容器的宽高，还有定位距离上边，距离左边或者右边多少px。

           （4）居中的内容，水平居中和垂直居中，都不需要标注。

           （5）对于一些插件比如下拉框还有日期的插件的，前端会给出对应的需要信息或者截图。

4.如果一些提示框或者开发熟练使用的一些效果的插件，需要提早给设计师截图，看设计师是否采纳，或者重新开发。

5.响应式。整体的页面遵从1200,1440,1920这三个尺寸就行。

转载于:https://www.cnblogs.com/coding4/p/6554630.html