網頁設計中的網頁布局一般來說包括以下幾種類型:
1、“國”字型
也可成為“同”字型,一般的大型網站都喜歡使用這種類型的網頁布局,也是網上最常見的網頁布局結構類型。在網頁上方是網站標題和橫幅廣告條;然后是網站主要內容,左右各分列兩小條內容,中間則是主要部分,一起羅列到底;最下方則是網站一些基本信息、聯系方式、版權聲明等。
2、“口”型布局
指頁面上下各有一個廣告條,左邊是主菜單,右邊是友情鏈接等,中間是主要內容。
這種布局的優點是頁面充實、內容豐富、信息量大,是綜合性網站常用的版式,特別之處是頂部中央的一排小圖標起到了活躍氣氛的作用。缺點是頁面擁擠,不夠靈活。也有將四邊空出,只用中間的窗口型設計,例如網易壁紙站使用多幀形式,只有頁面中央部分可以滾動,界面類似游戲界面。使用此類版式的有多維游戲娛樂性網站。
3、“三”型
“三”型布局是國內網站用得不多,但國外網站用得多。其特點是頁面上橫向兩條色塊,將頁面整體分割為4個部分,色塊中大多放廣告條。
4、“T”結構布局
所謂“T”結構布局,就是指網頁上邊和左邊相結合,頁面頂部為橫條網站標志和廣告條,左下方為主菜單,右面顯示內容,這是網頁設計中用得最廣泛的一種布局方式。在實際設計中還可以改變“T”結構布局的形式。如左右兩欄式布局,一半是正文,另一半是形象的圖片、導航或正文不等兩欄式布置,通過背景色區分,分別放置圖片和文字等。
這樣的布局有其固有的優點,因為人的注意力主要在右下角,所以企業想要發布給用戶的信,大都能被用戶以最大可能性獲取,而且很方便,其次是頁面結構清晰,主次分明、易于使用。缺點是規矩呆板,如果細節色彩上不注意,很容易讓人“看之無味”。
5、標題正文型
標題正文型在最上方是標題或一些類似信息;下方則是正文信息,即文章頁面或注冊頁面等。
6、拐角型
拐角型與國字型設計很相近,只是形式上的區別。在網頁上方是網站標題和廣告橫幅;然后左側是一窄列鏈接或導航鏈接,右側是網站正文;最下方也是一些網站輔助信息。
7、左右框架型
左右框架型是一種左右為分別兩頁的框架結構布局,這種類型業非常清晰且一幕了然。一般左側是導航鏈接,在最上方有個小標題或標志;右側則是正文。
8、上下框架型
上下框架型是一種上下為分別兩頁的框架結構布局。一般上方是導航鏈接,下方則是正文。
9、封面型
封面型基本上是一些網站首頁的設計布局,大部分出現在企業網站和個人主頁上。多數是一些精美平面設計結合一些小的動畫設計,再配上幾個簡單的鏈接或是設計一個”進入“鏈接,也可以直接再網站首頁圖片上做鏈接。
10、Flash型
Flash型是采用目前非常流行的Flash,它的功能強大且網頁信息表達豐富,若好好設計,其視覺效果及聽覺效果是不會低于傳統多媒體的。
11、對稱對比型
對稱對比型采取左右或上下對稱的布局,一半深色,一半淺色,一般用于設計型網站。而其優點是視覺沖擊力強,缺點是將兩部分進行有機結合較難。
12、POP布局
POP型是源自廣告術語,指頁面布局像一張宣傳海報,以一張精美圖片作為頁面設計中心。一般常用于時尚類網站,優點是漂亮吸引人,缺點則是速度慢。
其他的歡迎大家進行補充。
財社 名
特有
Bai Wan Zhan . Com申明:本資料由百萬站會員提供,轉載請注明出處,資料來源百萬站網站知識庫:http://www.lipidomics.net/site/t206785/.