首頁  >  文章  >  web前端  >  web網頁設計尺寸規格介紹

web網頁設計尺寸規格介紹

王林
王林原創
2020-05-09 15:22:066379瀏覽

web網頁設計尺寸規格介紹

web網頁設計尺寸規格

製作網頁時,我們選用的解析度是72像素/英寸,使用的畫布尺寸1920px* 1080px。

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

網頁的佈局主要有兩種,左右型佈局和居中型佈局。佈局的不一致,使得可設計的空間也不相同。

1、左右佈局

靈活性強, UI的限制小。

左邊通欄為導覽欄,寬度沒有特定的限制,可依實際情況調整;右側為內容版塊範圍,是網站內容的展示區域。

web網頁設計尺寸規格介紹

2、居中佈局

#中間的藍色部分為有效的顯示局域,用於網站內容的展示。

換句話說,兩邊皆為留白,沒有實際用途,只是為了適配而存在;

web網頁設計尺寸規格介紹

一般網站內容顯示的區域為996px ;國內網站大部分還是以1000個像素為界限,因超過1000像素適合在大螢幕上瀏覽,小螢幕會顯得擁擠。所以網站寬度在1000像素以內可以確保大部分使用者舒適的瀏覽網頁。

以上是web網頁設計尺寸規格介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn