在正式開發(fā)網(wǎng)站之前，一般會(huì)先畫出網(wǎng)頁(yè)完成后的最終界面視覺效果，這是一張沒有網(wǎng)頁(yè)功能的圖片，我們稱之為頁(yè)設(shè)計(jì)稿或網(wǎng)頁(yè)設(shè)計(jì)效果圖。在正式開發(fā)的時(shí)候，會(huì)依據(jù)這個(gè)效果圖做出真正的網(wǎng)頁(yè)。每一個(gè)網(wǎng)頁(yè)都有它的尺寸和規(guī)格，即網(wǎng)頁(yè)的內(nèi)容區(qū)的寬度，高度一般是可以無限延長(zhǎng)的。網(wǎng)頁(yè)的規(guī)格實(shí)際上并沒有一個(gè)標(biāo)準(zhǔn)，主要是以目前流行的顯示器分辨率和客戶需求為依據(jù)。

　　2000年左右，17英寸顯示器是主流，使用量最多的分辨率寬度是1024像素、1280像素、1440像素，那時(shí)的移動(dòng)端網(wǎng)頁(yè)還沒有普及，所以只需要考慮電腦端的需求。考慮到瀏覽器左右兩側(cè)占用的寬度，于是1004像素網(wǎng)頁(yè)內(nèi)容區(qū)寬度成為當(dāng)時(shí)頁(yè)設(shè)計(jì)最常采用的規(guī)格。

PC端顯示器使用量排行
（本圖摘自網(wǎng)絡(luò)）

　　現(xiàn)在，19英寸顯示器幾乎已經(jīng)淘汰，20英寸、22英寸甚至更大的顯示器成為主流，據(jù)權(quán)威統(tǒng)計(jì)，在包括電腦、平板、手機(jī)、電視等所有分辨率中，1920 X 1080是目前使用量最多的分辨率，占比達(dá)23.89%。隨著移動(dòng)互聯(lián)網(wǎng)的到來，設(shè)計(jì)網(wǎng)頁(yè)時(shí)，不得不考慮移動(dòng)端用戶的使用情況，因此，響應(yīng)式布局技術(shù)迅速普及，至今幾乎所有網(wǎng)站都同時(shí)具備了PC端和移動(dòng)端瀏覽的能力。因此，在網(wǎng)頁(yè)設(shè)計(jì)規(guī)格上也發(fā)生了區(qū)大的變化。為了適應(yīng)所有不同尺寸的瀏覽器，1200像素和1500像素規(guī)格的網(wǎng)頁(yè)內(nèi)容區(qū)規(guī)格成為我們?cè)O(shè)計(jì)網(wǎng)頁(yè)的主要參考標(biāo)準(zhǔn)，如下圖所示：

網(wǎng)頁(yè)設(shè)計(jì)效果圖的尺寸規(guī)格示意圖

　　以1920像素分辨率的電腦為參考，主體內(nèi)容區(qū)控制在中間1500像素以內(nèi)，同時(shí)采用響應(yīng)式布局技術(shù)，實(shí)現(xiàn)根據(jù)不同瀏覽設(shè)備尺寸進(jìn)行自適應(yīng)的能力。也可以這樣理解，當(dāng)用戶設(shè)備分辨率大于1500像素時(shí)，網(wǎng)頁(yè)內(nèi)容區(qū)最大寬度為1500像素，哪怕是在分辨率高于1920像素的屏幕下。當(dāng)用戶設(shè)備分辨率小于1500像素時(shí)，自適應(yīng)機(jī)制自動(dòng)啟動(dòng)，將根據(jù)用戶設(shè)備分辨率進(jìn)行適應(yīng)性改變網(wǎng)頁(yè)的排版，從而實(shí)現(xiàn)一個(gè)網(wǎng)站多端適應(yīng)的能力。

　　就像本文一開始強(qiáng)調(diào)的，網(wǎng)頁(yè)設(shè)計(jì)效果圖并沒有一個(gè)既定的標(biāo)準(zhǔn)，應(yīng)該結(jié)合當(dāng)前主流設(shè)備的分辨率及用戶需求進(jìn)行設(shè)計(jì)。盡管當(dāng)前主流分辨率為1920 X 1080像素，但是內(nèi)容區(qū)寬度規(guī)格也并不一定要設(shè)計(jì)成1200像素或1500像素，只要你喜歡，可以設(shè)計(jì)成任何你想要的規(guī)格，當(dāng)然，最好還是聽一聽網(wǎng)頁(yè)設(shè)計(jì)師的專業(yè)建議。