1.“T”形布局

所謂“T”形布局就是指頁面頂部為橫條網站標志與廣告條，下方左面為主菜單，右面顯示內容的布局，因為菜單條背景較深，整體效果類似，英文字母“T”，所以我們稱之為“T”形布局，這是網頁設計中用得廣泛的一種布局方式。這種布局的優點是頁面結構清晰，主次分明，是初學者容易上手的布局方法。缺點是規矩呆板，如果細節色彩上不注意加工，很容易讓人“看之無味”。

2.“口”形布局

這是一個象形的說法，一般就是頁面上下各有一個廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內容。這種布局的優點是充分利用版面，信息量大。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中窗口形布局。

3.“三”形布局

這種布局多為國外站點使用，國內用得不多。特點是頁面上橫向兩條色塊，將頁面整體分割為三部分，色塊中大多放廣告條。

4.對稱對比布局

顧名思義，采取左右或者上下對稱的布局，一半深色，一半淺色，般用于設計型站點，優點是視覺沖擊力強，缺點是對兩部分進行有機的結合比較困難。

5.POP布局

POP引自廣告術語，就是指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。這種布局常用于時尚類站點，優點顯而易見：漂亮，吸引人。缺點就是速度慢。

對于全屏展示的網頁，又分為自適應和響應式。

成都建站公司認為自適應是根據瀏覽器的分辨率大小自動適配尺寸布滿全屏，它所呈現的樣式一直都是一個終端的(如PC端)效果，通常前端會給這種網頁設定一個最小值(min-width)，當瀏覽器的分辨率小于這個值的時候，瀏覽器會出現橫向滾動條。

另外一種就是近幾年超流行的人們常說的H5響應式布局(柵格化布局)，一般把瀏覽器分辨率三等分，在每個等分區間展示的布局都不盡相同，也就是我們說手機端、平板、PC端的展示，并且在每一個區間的分辨率的縮放也應包括了自適應。因此在設計這種網頁時，通常要做三種尺寸的設計。

響應式布局網頁固然有很大的優勢，但是在很多約束的現實情況，后臺設計(一般指信息/數據型的管理系統)并不會采取這種方式，而是選擇自適應的PC端設計，當然如果產品需要，一般開發上會分開做成兩種形式，PC端和移動端。正因為是PC端的后臺，它的分辨率(瀏覽器分辨率)仍然有大有小，全屏自適應的布局會根據分辨率的大小而改變。PC端后臺界面會設計一個最小寬度min-width，如果瀏覽器小于這個值，那么只能用滾動條拖動了。

既然是布滿全屏的網頁，那么新建的畫布尺寸就可以更主觀了，一般就按照自己使用的顯示器的更佳 分辨率來設置，至于在什么樣的尺寸展示什么樣的布局，那是前端的技術，設計只提供各個分辨率展示的效果圖，但是，你必須理解其中的原理，否則前端直接跟你說做不了你也沒轍。

成都建站公司對于后臺設計，布滿全屏的網頁尺寸在當下的環境顯得更為主流，因為后臺的更新優化實在是太頻繁了，固定寬度有時候很難滿足交互需求。

新聞名稱：常見網站建設布局結構主要方面
網址分享：http://www.js-pz168.com/news0/238800.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯