Web前台的布局設計

網站前台的版面設計是網頁(yè)制作(zuò)的**步，版面設計就像傳統報刊雜志(zhì)的編輯一樣，我們把網頁(yè)作(zuò)為(wèi)報紙、雜志(zhì)進行版面設計。動态網頁(yè)技(jì )術的發展，網頁(yè)制作(zuò)開始向場景編劇傾斜，但固定的網頁(yè)布局基礎仍然需要學(xué)習和掌握。

布局是指通過浏覽器看到的完整頁(yè)面，因為(wèi)每台計算機的顯示分(fēn)辨率不同。同一頁(yè)的大小(xiǎo)可(kě)能(néng)為(wèi)640×480像素、800×600像素和1024×不同大小(xiǎo)，例如768像素。布局是将屏幕和文(wén)本放置在頁(yè)面不同位置的一種适合參考的方法。

布局分(fēn)辨率設置，一般頁(yè)面結構類型科(kē)學(xué)的頁(yè)面結構，可(kě)以更好地顯示站點信息，方便任務(wù)完成，更直接地訪問内容。網頁(yè)結構的科(kē)學(xué)性和藝術性使信息更易于管理(lǐ)。

常見的網頁(yè)布局結構主要包括：。

1.“T”形布局

“T”形布局是指頁(yè)面上部為(wèi)橫紋站點标志(zhì)和廣告欄，下方左側為(wèi)主菜單，右側為(wèi)顯示内容的布局，由于菜單欄背景較深，整體(tǐ)效果相似，英文(wén)由于文(wén)字的“T”，我們稱之為(wèi)“T”形布局這是頁(yè)面設計中(zhōng)廣泛使用(yòng)的布局之一。該布局的優點是頁(yè)面結構清晰，主次分(fēn)明，是初學(xué)者易于使用(yòng)的布局方法。缺點是死闆，如果細節顔色不注意加工(gōng)，很(hěn)容易讓人覺得“看起來乏味”。

2.“口”形狀布局

這是象形的說法，一般頁(yè)面上下各有(yǒu)一個廣告條，左邊是主菜單，右邊放友情鏈接等，中(zhōng)間是主要内容。這個布局的優點是利用(yòng)布局，信息量大。難點是頁(yè)面太擁擠，不靈活。也可(kě)以僅用(yòng)中(zhōng)窗口形的布局空出4邊。

3.“三”形布局

這種布局在國(guó)外網站上使用(yòng)較多(duō)，在國(guó)内使用(yòng)較少。特點是頁(yè)面上的橫向兩條色塊，将整頁(yè)分(fēn)割成三個部分(fēn)，色塊中(zhōng)多(duō)放置廣告條。

4.對稱比較布局

顧名(míng)思義，采用(yòng)左右或上下對稱的布局，一半深色，一半淺色，一般用(yòng)于設計型場地，優點是視覺沖擊力強，缺點是難以将兩部分(fēn)有(yǒu)機結合。

5.POP布局

POP引用(yòng)自廣告用(yòng)語，意思是頁(yè)面布局就像宣傳海報一樣，以精(jīng)美的圖片作(zuò)為(wèi)頁(yè)面設計中(zhōng)心。這個布局在時尚類網站上很(hěn)常用(yòng)，優點顯而易見。很(hěn)漂亮，很(hěn)吸引人。缺點是速度慢。

/wangzhansheji/374.html Web前台的布局設計