說起網(wǎng)頁界面設(shè)計(jì)，也許大部分人首先想到的是前端代碼和后臺(tái)程序，但在做這兩件事之前，還有一件事要先做。就是設(shè)計(jì)圖。沒有設(shè)計(jì)圖，前端工程師就沒有實(shí)現(xiàn)的依據(jù)。下面我們就來詳細(xì)了解一下，網(wǎng)頁設(shè)計(jì)圖的設(shè)計(jì)規(guī)范有哪些？

　　一、尺寸大小

　　不管設(shè)計(jì)什么，我們必須有一個(gè)畫布才能開始設(shè)計(jì)，那么我們這個(gè)畫布應(yīng)該做多大呢？這正是我們?cè)诰W(wǎng)頁界面設(shè)計(jì)時(shí)遇到的第一個(gè)問題。

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

　　如果我們?cè)谠O(shè)計(jì)時(shí)使用1920px寬度的屏幕，那么，我們應(yīng)該把我們的內(nèi)容弄得多大，和整個(gè)寬度一樣大嗎？一般不會(huì)有人這樣做。

　　我們有時(shí)會(huì)做1920px的寬度，但有的電腦寬度只有1440px，看不到最邊上的內(nèi)容，所以我們需要一個(gè)內(nèi)容區(qū)域的大小。為了使任何顯示器都能完全顯示所有內(nèi)容，這個(gè)內(nèi)容區(qū)域的大小一般在1000左右，以前的設(shè)置比較小，但是1000還是保險(xiǎn)點(diǎn)。具體大小可以根據(jù)自己的要求調(diào)整。

　　二、字體大小

　　網(wǎng)頁界面設(shè)計(jì)對(duì)字體的要求也很多。通常設(shè)計(jì)標(biāo)題的大小為16px或14px，注意不要設(shè)置為15px，以免出現(xiàn)單數(shù)值。

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

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

　　網(wǎng)頁界面設(shè)計(jì)除了以上這兩個(gè)方面的規(guī)范需要遵循之外，還有網(wǎng)頁的格柵也是需要遵循一定的規(guī)范的。但是今天因?yàn)闀r(shí)間關(guān)系，我們就不做詳細(xì)介紹了。