頁眉(頁頭):網站的頂部。承載整個網站的主要功能,制作時更突出,放置一些重要的鏈接。
頁腳放置輔助信息。(弱化)
是整個網站信息結構的核心區域。
頁眉區域放置的內容:logo,主導航,副導航及聯系 (主、副導航,實用性鏈接,logo,搜索)
方式、搜索、輔助功能性導航鏈接
界面導航:(功能):明顯、明確、便捷、易用
導航系統常用的類別及形式:
全局導航(主導航)
局部導航(副導航,全局導航的延伸)
實用性導航(標識鏈接,搜索引擎,網站地圖)
導航表現形式:鏈接,按鈕,面包屑,圖片,文字,圖標
鏈接標識,搜索引擎,
頁腳(頁尾):在網站的底部:視覺流的最末
通常頁腳尺寸寬度一般會呼應頁眉去設計。內容區域設計頁眉。
放置的內容:法律條款生命,版權信息,企業名稱,聯系方式,搜索以及關聯性的頁腳導航和輔助信息。
頁腳的導航:采用簡單的文字鏈接。
友情鏈接:其他的站點。放在頁腳不重要的位置。
頁腳鏈接:方便查找內容。
頁腳不可以搶頁眉信息,一般以淡色為主。
輔助性信息。
banner:背景、產品、裝飾、文字
內容區:banner下方,主顯示區域,信息安排從上到下,從左到右的視覺順序來整理。
網頁版式(形式):
一欄版式:一種沒有對頁面做分割的版式,內容區域可占據整個頁面。
兩欄版式:在內容區域的的旁邊分割一塊輔助區域(放導航)。區域導航,輔助性導航或者廣告:增加實用性。
三欄版式:在內容區域,左右側各增加一個輔助區域,將主要內容放在中間區域,適合相對較寬的網站。
版式的使用:采用按鈕來切換二欄和三欄。
1.jpg
2.jpg
3.jpg
4.jpg
5.jpg
6.jpg
7.jpg
8.jpg
9.jpg
10.jpg
11.jpg
12.jpg
13.jpg
14.jpg
15.jpg
16.jpg
17.jpg
18.jpg
19.jpg