Web端設計規範
設計規範，不管是對於小白，還是工作多年的「老油條」都是很重要的，對於小白則是起到引導入門的、發散的作用，對於「老油條」則是對這個項目進行初步的了解，更好、更快的進入項目。
我本身是UI設計師，所以我是從設計的角度，將自己所知道的知識或者說是新的寫出來，告訴大家，說的不對的地方也請指出來喲！每個公司的習慣或者說所處的環境都是不一樣的，所以要舉一反三，做到活學活用。另外，技術的迭代也是很迅速的，可能今天寫的這些內容，過段時間就滯后，所以處在信息快速發展的時代，我們還是要多去學習。
首先要了解下主流瀏覽器的界面參數與份額
來源百度統計
系統分辨的統計數據
解析度數據
網頁寬度與首屏高度
一般網站寬為996px，國內網站大部分還是以1000個像素為界限，因超過1000像素適合在大屏幕上瀏覽，小屏幕會顯得擁擠。國內尺寸設置比較保守，這樣可以保證大部分用戶舒適的瀏覽網頁。
設計稿的尺寸大小
在2017版后的PS中新建文檔都有預設，如下圖：
這也極大的方便了設計Web網頁是的思考時間，目前我在公司一般設計網頁的內容區域一般是為1000px，整體寬度為1920px，所有的設計文檔寬1920px主體內容根據具體情況而定（主體內容要是想要適應所有用戶必須低於1000px）。
常用字體及字型大小
字體設計的總原則是：可辨識性和易讀性。
中文建議使用微軟雅黑字體，英文則建議使用arial 字體。常用的字體大小號有以下幾種：
12px是用於網頁的最小字體，適用於突出性的日期，版權等註釋性內容。
14px則適用於非突出性的普通正文內容。
16px或18px適用於突出性的標題內容。
網站的字體大小並沒有硬性規定具體的字型大小，根據實際情況可以酌情考慮，但是要有限適用偶數字型大小。
字體規格也不需要太多，最好適用三種混搭，如果需要更多
層次的區別，可以改變字體顏色或加粗來體現。
字體間距舒適範圍
相鄰兩個文字的間距，其實不需要太過介意，除了特殊的需求之外，都可以使用默認數值的間距。
行間距，推薦以字體大小的1.5-2倍作為參考；
段間距，推薦以字體大小的2-2.5倍作為參考。
當選用14px字體時，行間距：21-28px; 段間距：8px-35px
字體顏色設計技巧
一般用色有下圖所示
標題字的顏色，建議使用#2e3233，可增加可辨識性和層級；
正文字體顏色，保險起見，選用易讀性的深灰色，建議選用#333到#666之前的顏色
輔助性的，註釋類的文字，則可以選用#999999之類的比較淺的顏色。