網(wǎng)站前臺(tái)的布局設(shè)計(jì)是網(wǎng)頁(yè)制作的第一步是版面布局設(shè)計(jì)就像傳統(tǒng)的報(bào)紙雜志編輯一樣，我們將網(wǎng)頁(yè)當(dāng)做一張報(bào)紙、一本雜志來(lái)進(jìn)行排版布局。雖然動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的發(fā)展使得頁(yè)面制作開始趨向于場(chǎng)景編劇，但是固定的網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)依然是必須學(xué)習(xí)和掌握的。

版面指的是通過(guò)瀏覽器看到的完整的一個(gè)頁(yè)面因?yàn)槊總€(gè)電腦的顯示器分辨率不同，所以同一個(gè)頁(yè)面的大小可能出現(xiàn)640×480像素、800×600像素以及1024×768像素等不同尺寸。而布局就是以適合瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。

版面分辨率的設(shè)置，常見(jiàn)的網(wǎng)頁(yè)結(jié)構(gòu)類型科學(xué)的網(wǎng)頁(yè)結(jié)構(gòu)能夠更好地展現(xiàn)網(wǎng)站信息，讓任務(wù)的完成更容易，對(duì)內(nèi)容的存取更直接。網(wǎng)頁(yè)結(jié)構(gòu)的科學(xué)性和藝術(shù)性，可易于信息的管理。

常見(jiàn)的網(wǎng)頁(yè)布局結(jié)構(gòu)主要有以下幾種：

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)就是速度慢。

分享文章：網(wǎng)頁(yè)前臺(tái)的布局設(shè)計(jì)
轉(zhuǎn)載注明：http://www.rwnh.cn/news23/244523.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站導(dǎo)航、虛擬主機(jī)、軟件開發(fā)、手機(jī)網(wǎng)站建設(shè)、小程序開發(fā)

廣告

聲明：本網(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)