說起網頁界面設計，也許大部分人首先想到的是前端代碼和后臺程序，但在做這兩件事之前，還有一件事要先做。就是設計圖。沒有設計圖，前端工程師就沒有實現的依據。下面我們就來詳細了解一下，網頁設計圖的設計規范有哪些？

　　一、尺寸大小

　　不管設計什么，我們必須有一個畫布才能開始設計，那么我們這個畫布應該做多大呢？這正是我們在網頁界面設計時遇到的第一個問題。

　　一般來說，我們設計的時候是根據電腦分辨率大小設計的，根據電腦顯示器的大小，現在使用1920px的寬度居多，以前的版本也使用1440px，比較小的使用1280px，但現在屏幕越來越大，一般設計布局也可以設置得更大一些。

　　如果我們在設計時使用1920px寬度的屏幕，那么，我們應該把我們的內容弄得多大，和整個寬度一樣大嗎？一般不會有人這樣做。

　　我們有時會做1920px的寬度，但有的電腦寬度只有1440px，看不到最邊上的內容，所以我們需要一個內容區域的大小。為了使任何顯示器都能完全顯示所有內容，這個內容區域的大小一般在1000左右，以前的設置比較小，但是1000還是保險點。具體大小可以根據自己的要求調整。

　　二、字體大小

　　網頁界面設計對字體的要求也很多。通常設計標題的大小為16px或14px，注意不要設置為15px，以免出現單數值。

　　正文的大小也是用戶可以接受的最小字體大小12px，沒必要設計得那么大。英文最小尺寸可以設置為9px。這個尺寸已經看得很清楚了。

　　另外，使用什么字體。這個網站設計出來在網上是給別人瀏覽的，所以為了防止部分字體無法正常顯示，所以基本上會選擇系統自帶的字體，比如說中文的微軟雅黑色、黑體、宋體、英文的有Tahoma、Arial等，這些也是我們需要考慮的問題。

　　網頁界面設計除了以上這兩個方面的規范需要遵循之外，還有網頁的格柵也是需要遵循一定的規范的。但是今天因為時間關系，我們就不做詳細介紹了。