在網(wǎng)頁(yè)設(shè)計(jì)中有一些通用的交互設(shè)計(jì)模式。各種常見(jiàn)和眾所周知的網(wǎng)站導(dǎo)航設(shè)計(jì)模式可以作為創(chuàng)建有效的網(wǎng)站信息體系結(jié)構(gòu)的基礎(chǔ)。本指南涵蓋了流行的站點(diǎn)導(dǎo)航設(shè)計(jì)模式。對(duì)于每種導(dǎo)航欄設(shè)計(jì)模式，我們將討論其一般特征、缺點(diǎn)以及何時(shí)地使用它。

頂部橫欄導(dǎo)航是目前兩種網(wǎng)站導(dǎo)航菜單設(shè)計(jì)模式之一。它最常用于網(wǎng)站的主導(dǎo)航菜單中，最常用于直接放置在網(wǎng)站所有頁(yè)面的網(wǎng)站標(biāo)題上方或下方。

頂部水平欄導(dǎo)航設(shè)計(jì)模式有時(shí)會(huì)伴隨一個(gè)下拉菜單。當(dāng)鼠標(biāo)移到某個(gè)項(xiàng)目上時(shí)，它下面的輔助子導(dǎo)航項(xiàng)目將彈出。

頂部水平條導(dǎo)航的一般功能

導(dǎo)航項(xiàng)是文本鏈接、按鈕形狀或選項(xiàng)卡形狀

單條導(dǎo)航通常直接放置在站點(diǎn)徽標(biāo)附近

頂部的水平條導(dǎo)航非常適合只需要在主導(dǎo)航欄中顯示5-12個(gè)導(dǎo)航項(xiàng)的網(wǎng)站。這也是單欄網(wǎng)站主導(dǎo)航的選擇（通常用于輔助導(dǎo)航系統(tǒng)的底部導(dǎo)航除外）。這種設(shè)計(jì)模式與下拉式子導(dǎo)航相結(jié)合，可以支持更多的鏈接。

側(cè)欄導(dǎo)航的導(dǎo)航項(xiàng)排列在一列中，一列在另一列之上。它通常位于左上欄，在主要內(nèi)容區(qū)域之前——根據(jù)一項(xiàng)針對(duì)習(xí)慣性讀者的從左到右導(dǎo)航模式的可用性研究，左側(cè)的垂直導(dǎo)航欄比右側(cè)的垂直導(dǎo)航欄性能更好。

側(cè)邊欄導(dǎo)航設(shè)計(jì)模式隨處可見(jiàn)，幾乎出現(xiàn)在各類網(wǎng)站上。這可能是因?yàn)榇怪睂?dǎo)航是目前最常見(jiàn)的模式之一，可以適應(yīng)大量的鏈接。

它可以與子導(dǎo)航菜單一起使用，也可以單獨(dú)使用。它很容易用于一個(gè)網(wǎng)站的主導(dǎo)航與大量的鏈接。側(cè)邊欄導(dǎo)航可以集成到幾乎任何類型的多欄布局中。

側(cè)邊欄導(dǎo)航的一般功能

文本鏈接通常作為導(dǎo)航項(xiàng)（帶或不帶圖標(biāo)）

因?yàn)槟憧梢蕴幚砗芏噫溄?，有時(shí)用戶可能會(huì)下沉?xí)r，垂直菜單太長(zhǎng)。嘗試限制可以引入的鏈接數(shù)量，而不是使用彈出式子導(dǎo)航菜單來(lái)提供有關(guān)站點(diǎn)的更多信息。同時(shí)，考慮將鏈接放入直觀的類別中，幫助用戶快速找到感興趣的鏈接。

垂直導(dǎo)航適用于幾乎所有類型的網(wǎng)站，尤其是有一堆主導(dǎo)航鏈接的網(wǎng)站。

標(biāo)簽導(dǎo)航可以設(shè)計(jì)成任何你想要的樣式，從真實(shí)的和有觸覺(jué)的標(biāo)簽到圓滑的標(biāo)簽，以及簡(jiǎn)單的本地側(cè)標(biāo)簽。它存在于各種各樣的網(wǎng)站中，可以融入任何視覺(jué)效果。

與其他類型的導(dǎo)航相比，標(biāo)簽有一個(gè)明顯的優(yōu)勢(shì)：它們對(duì)用戶有積極的心理影響。人們通常將導(dǎo)航與選項(xiàng)卡相關(guān)聯(lián)，因?yàn)樗麄冊(cè)诠P記本或文件夾中看到了選項(xiàng)卡，并將它們與切換到新章節(jié)相關(guān)聯(lián)。這個(gè)真實(shí)世界的比喻使得標(biāo)簽導(dǎo)航非常直觀。