網(wǎng)頁設(shè)計尺寸規(guī)范及標(biāo)準(zhǔn)詳解，入門必看！

更新時間:2023年11月13日15時05分來源:傳智教育瀏覽次數(shù):

網(wǎng)頁設(shè)計尺寸是指在設(shè)計界面時的寬度和高度。在設(shè)計網(wǎng)頁時要考慮計算機(jī)屏幕的分辨率，以及瀏覽器的有效可視區(qū)域。當(dāng)下比較流行的屏幕分辨率分為1024x768px、1366x768px、1440x900px和1920x1080px等。

在設(shè)計網(wǎng)頁時，頁面的寬度盡量不要超過屏幕的分辨率，否則頁面將不能完全顯示(響應(yīng)式布局頁面除外)。

網(wǎng)頁設(shè)計尺寸一般根據(jù)寬度1920px的分辨率進(jìn)行設(shè)計，高度可根據(jù)內(nèi)容調(diào)整設(shè)置(普通企業(yè)網(wǎng)站3個屏幕高度以內(nèi)最好）。在確定頁面寬度后，還要考慮版心尺寸。
版心是指頁面的有效使用面積，是主要元素以及內(nèi)容所在的區(qū)域。在設(shè)計網(wǎng)頁時，頁面尺寸寬度一般為1200~1920px。但是為了適配不同分辨率的顯示器，一般設(shè)計版心寬度為1000~1200px。例如，屏幕分辨率為1024×768px的瀏覽器，在瀏覽器內(nèi)有效可視區(qū)域?qū)挾葹?000px，所以最好設(shè)置版心寬度為1000px。設(shè)計師在設(shè)計網(wǎng)站時盡量適配主流的屏幕分辨率。下圖所示為某甜點(diǎn)網(wǎng)站頁面的版心和頁面寬度。

頁面寬度