1.“T”形布局

所謂“T”形布局就是指頁(yè)面頂部為橫條網(wǎng)站標(biāo)志與廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似，英文字母“T”，所以我們稱之為“T”形布局，這是網(wǎng)頁(yè)設(shè)計(jì)中用得廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明，是初學(xué)者容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意加工，很容易讓人“看之無(wú)味”。

2.“口”形布局

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

3.“三”形布局

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

4.對(duì)稱對(duì)比布局

顧名思義，采取左右或者上下對(duì)稱的布局，一半深色，一半淺色，般用于設(shè)計(jì)型站點(diǎn)，優(yōu)點(diǎn)是視覺(jué)沖擊力強(qiáng)，缺點(diǎn)是對(duì)兩部分進(jìn)行有機(jī)的結(jié)合比較困難。

5.POP布局

POP引自廣告術(shù)語(yǔ)，就是指頁(yè)面布局像一張宣傳海報(bào)，以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心。這種布局常用于時(shí)尚類站點(diǎn)，優(yōu)點(diǎn)顯而易見(jiàn)：漂亮，吸引人。缺點(diǎn)就是速度慢。

對(duì)于全屏展示的網(wǎng)頁(yè)，又分為自適應(yīng)和響應(yīng)式。

成都建站公司認(rèn)為自適應(yīng)是根據(jù)瀏覽器的分辨率大小自動(dòng)適配尺寸布滿全屏，它所呈現(xiàn)的樣式一直都是一個(gè)終端的(如PC端)效果，通常前端會(huì)給這種網(wǎng)頁(yè)設(shè)定一個(gè)最小值(min-width)，當(dāng)瀏覽器的分辨率小于這個(gè)值的時(shí)候，瀏覽器會(huì)出現(xiàn)橫向滾動(dòng)條。

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

響應(yīng)式布局網(wǎng)頁(yè)固然有很大的優(yōu)勢(shì)，但是在很多約束的現(xiàn)實(shí)情況，后臺(tái)設(shè)計(jì)(一般指信息/數(shù)據(jù)型的管理系統(tǒng))并不會(huì)采取這種方式，而是選擇自適應(yīng)的PC端設(shè)計(jì)，當(dāng)然如果產(chǎn)品需要，一般開(kāi)發(fā)上會(huì)分開(kāi)做成兩種形式，PC端和移動(dòng)端。正因?yàn)槭荘C端的后臺(tái)，它的分辨率(瀏覽器分辨率)仍然有大有小，全屏自適應(yīng)的布局會(huì)根據(jù)分辨率的大小而改變。PC端后臺(tái)界面會(huì)設(shè)計(jì)一個(gè)最小寬度min-width，如果瀏覽器小于這個(gè)值，那么只能用滾動(dòng)條拖動(dòng)了。

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

成都建站公司對(duì)于后臺(tái)設(shè)計(jì)，布滿全屏的網(wǎng)頁(yè)尺寸在當(dāng)下的環(huán)境顯得更為主流，因?yàn)楹笈_(tái)的更新優(yōu)化實(shí)在是太頻繁了，固定寬度有時(shí)候很難滿足交互需求。

網(wǎng)頁(yè)題目：常見(jiàn)網(wǎng)站建設(shè)布局結(jié)構(gòu)主要方面
文章路徑：http://aaarwkj.com/news/238800.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)