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

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

但是這并不代表著我們可以在整個畫布上作圖。

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

1、左右布局

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

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

2、居中布局

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

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

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