|
在網(wǎng)頁(yè)設(shè)計(jì)中有一些通用的交互設(shè)計(jì)模式。網(wǎng)站導(dǎo)航各種各樣的通用和大家熟知的設(shè)計(jì)模式，可以用來(lái)作為為網(wǎng)站創(chuàng)建有效地信息架構(gòu)的基礎(chǔ)。這篇指南涵蓋了流行的站點(diǎn)導(dǎo)航設(shè)計(jì)模式。對(duì)于每一種網(wǎng)站導(dǎo)航欄設(shè)計(jì)模式，我們將討論它的一般特征，它的缺點(diǎn)，以及什么時(shí)候使用它最好。
頂部水平欄導(dǎo)航
頂部水平欄導(dǎo)航是當(dāng)前兩種最流行地網(wǎng)站導(dǎo)航菜單設(shè)計(jì)模式之一。它最常用于網(wǎng)站的主導(dǎo)航菜單，且最通常地放在網(wǎng)站所有頁(yè)面的網(wǎng)站頭的直接上方或直接下方。
頂部水平欄導(dǎo)航設(shè)計(jì)模式有時(shí)伴隨著下拉菜單，當(dāng)鼠標(biāo)移到某個(gè)項(xiàng)上時(shí)彈出它下面的二級(jí)子導(dǎo)航項(xiàng)。
頂部水平欄導(dǎo)航一般特征
- 導(dǎo)航項(xiàng)是文字鏈接，按鈕形狀，或者選項(xiàng)卡形狀
- 水平欄導(dǎo)航通常直接放在鄰近網(wǎng)站logo的地方
- 它通常位于折疊之上
頂部水平欄導(dǎo)航的缺點(diǎn)
頂部水平欄導(dǎo)航最大的缺點(diǎn)就是它限制了你在不采用子級(jí)導(dǎo)航的情況下可以包含的鏈接數(shù)。對(duì)于只有幾個(gè)頁(yè)面或類別的網(wǎng)站來(lái)說(shuō)，這不是什么問(wèn)題，但是對(duì)于有非常復(fù)雜的信息結(jié)構(gòu)且有很多模塊組成的網(wǎng)站來(lái)說(shuō)，如果沒(méi)有子導(dǎo)航的話，這并不是一個(gè)完美的主導(dǎo)航菜單選擇。
何時(shí)使用頂部水平欄導(dǎo)航
頂部水平欄導(dǎo)航對(duì)于只需要在主要導(dǎo)航中顯示5-12個(gè)導(dǎo)航項(xiàng)的網(wǎng)站來(lái)說(shuō)是非常好的。這也是單列布局的網(wǎng)站的主導(dǎo)航的唯一選擇（除了通常用于二級(jí)導(dǎo)航系統(tǒng)的底部導(dǎo)航）。當(dāng)它與下拉子導(dǎo)航結(jié)合時(shí)，這種設(shè)計(jì)模式可以支持更多的鏈接。
豎直/側(cè)邊欄導(dǎo)航
側(cè)邊欄導(dǎo)航的導(dǎo)航項(xiàng)被排列在一個(gè)單列，一項(xiàng)在一項(xiàng)的上面。它經(jīng)常在左上角的列上，在主內(nèi)容區(qū)之前——根據(jù)一份針對(duì)從左到右習(xí)慣讀者的導(dǎo)航模式的可用性研究，左邊的豎直導(dǎo)航欄比右邊的豎直導(dǎo)航表現(xiàn)要好。
側(cè)邊欄導(dǎo)航設(shè)計(jì)模式隨處可見(jiàn)，幾乎存在于各類網(wǎng)站上。這有可能是因?yàn)樨Q直導(dǎo)航是當(dāng)前最通用的模式之一，可以適應(yīng)數(shù)量很多的鏈接。
它可以與子導(dǎo)航菜單一起使用，也可以單獨(dú)使用。它很容易用于包含很多鏈接的網(wǎng)站主導(dǎo)航。側(cè)邊欄導(dǎo)航可以集成在幾乎任何種類的多列布局中。
出處：rockux
責(zé)任編輯：moby
上一頁(yè) 下一頁(yè) 網(wǎng)站導(dǎo)航設(shè)計(jì)模式指南 [2]
|
第 1 頁(yè) 網(wǎng)站導(dǎo)航設(shè)計(jì)模式指南 [1]
第 2 頁(yè) 
