web前端設計規範

hi,這裏寫出一點本身對web產品開發的一點粗淺的規範認識,一切爲了敏捷開發哈哈。前端

1.流程。web

  (1) 當產品給出原型和產品文檔。測試

  (2)設計師更據原型,開始設計產品的效果圖。字體

  (3)設計師設計完畢後,產品,設計,開發開始評審效果圖。(效果圖一旦評審完畢,通常狀況下不改設計)插件

  (4)  設計圖評審完畢,設計師給出效果圖安和尺寸圖。設計

  (5) 開發在指定時間內完成項目的開發。開發

  (6)開發的產品開始部署測試環境,開始測試。rem

2.單位。雖然web中用到了px,em,rem等,可是咱們常用的px足夠,距離,字體大小都用px來表示。文檔

3.標註:(1)字體(默認微軟雅黑)(2)字體大小,顏色(3)容器的寬高,還有定位距離上邊,距離左邊或者右邊多少px。部署

           (4)居中的內容,水平居中和垂直居中,都不須要標註。

           (5)對於一些插件好比下拉框還有日期的插件的,前端會給出對應的須要信息或者截圖。

4.若是一些提示框或者開發熟練使用的一些效果的插件,須要提前給設計師截圖,看設計師是否採納,或者從新開發。

5.響應式。總體的頁面聽從1200,1440,1920這三個尺寸就行。

相關文章
相關標籤/搜索