網(wǎng)頁設計尺寸規(guī)范及標準詳解，入門必看！

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

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

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

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

頁面寬度