web網(wǎng)頁(yè)設(shè)計(jì)尺寸規(guī)范

制作網(wǎng)頁(yè)時(shí)，我們選用的分辨率是72像素/英寸，使用的畫(huà)布尺寸1920px*1080px。

但是這并不代表著我們可以在整個(gè)畫(huà)布上作圖。

網(wǎng)頁(yè)的布局主要有兩種，左右型布局和居中型布局。布局的不一致，使得可設(shè)計(jì)的空間也不相同。

1、左右布局

靈活性強(qiáng)， UI的限制小。

左邊通欄為導(dǎo)航欄，寬度沒(méi)有具體的限制，可根據(jù)實(shí)際情況調(diào)整；右側(cè)為內(nèi)容版塊范圍，是網(wǎng)站內(nèi)容的展示區(qū)域。

2、居中布局

中間的藍(lán)色部分為有效的顯示局域，用于網(wǎng)站內(nèi)容的展示。

換句話說(shuō)，兩邊均為留白，沒(méi)有實(shí)際用途，只是為了適配而存在；

一般網(wǎng)站內(nèi)容顯示的區(qū)域?yàn)?96px；國(guó)內(nèi)網(wǎng)站大部分還是以1000個(gè)像素為界限，因超過(guò)1000像素適合在大屏幕上瀏覽，小屏幕會(huì)顯得擁擠。所以網(wǎng)站寬度在1000像素以內(nèi)可以保證大部分用戶舒適的瀏覽網(wǎng)頁(yè)。