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这三个尺寸就行。

posted @ 2017-03-15 15:49  飘然离去  阅读(295)  评论(0编辑  收藏  举报