在網頁設計中有一些通用的交互設計模式。網站導航各種各樣的通用和大家熟知的設計模式，可以用來作為為網站創建有效地信息架構的基礎。這篇指南涵蓋了流行的站點導航設計模式。對于每一種網站導航欄設計模式，我們將討論它的一般特征，它的缺點，以及什么時候使用它最好。    1.頂部水平欄導航 頂部水平欄導航是當前兩種最流行地網站導航菜單設計模式之一。它最常用于網站的主導航菜單，且最通常地放在網站所有頁面的網站頭的直接上方或直接下方。  頂部水平欄導航設計模式有時伴隨著下拉菜單，當鼠標移到某個項上時彈出它下面的二級子導航項。 頂部水平欄導航一般特征導航項是文字鏈接，按鈕形狀，或者選項卡形狀水平欄導航通常直接放在鄰近網站logo的地方它通常位于折疊之上  何時使用頂部水平欄導航 頂部水平欄導航對于只需要在主要導航中顯示5-12個導航項的網站來說是非常好的。這也是單列布局的網站的主導航的唯一選擇（除了通常用于二級導航系統的底部導航）。當它與下拉子導航結合時，這種設計模式可以支持更多的鏈接。  2.豎直/側邊欄導航 側邊欄導航的導航項被排列在一個單列，一項在一項的上面。它經常在左上角的列上，在主內容區之前——根據一份針對從左到右習慣讀者的導航模式的可用性研究，左邊的豎直導航欄比右邊的豎直導航表現要好。  側邊欄導航設計模式隨處可見，幾乎存在于各類網站上。這有可能是因為豎直導航是當前最通用的模式之一，可以適應數量很多的鏈接。  何時使用豎直/側邊欄導航 豎直導航適用于幾乎所有種類的網站，尤其適合有一堆主導航鏈接的網站。  3.選項卡導航 選項卡導航可以隨意設計成任何你想要的樣式，從逼真的，有手感的標簽到圓滑的標簽，以及簡單地方邊的標簽等。它存在于各種各樣的網站里，并且可以納入任何視覺效果。  選項卡比起其它類別的導航有一個明顯的優勢：它們對用戶有積極的心理效應。人們通常把導航與選項卡關聯在一起，因為他們曾經在筆記本或資料夾里看見選項卡，并且把它們與切換到一個新的章節聯系在一起。這個真實世界的暗喻使得選項卡導航非常直觀。  選項卡導航的一般特征樣子和功能都類似真實世界的選項卡（就像在文件夾，筆記本等中看到的一樣）一般是水平方向的但也有時是豎直的（堆疊標簽）  4.面包屑導航 面包屑的名字來源于Hansel和Gretel的故事，他們在沿途播撒面包屑以用來找到加家的路，這可以告訴你在網站的當前位置。這是二級導航的一種形式，輔助網站的主導航系統。  面包屑對于多級別具有層次結構的網站特別有用。它們可以幫助訪客了解到當前自己在整站中所處的位置。如果訪客希望返回到某一級，它們只需要點擊相應的面包屑導航項。  5.標簽導航 標簽經常被用于博客和新聞網站。它們常常被組織成一個標簽云，導航項可能按字母順序排列（通常用不同大小的鏈接來表示這個標簽下有多少內容），或者按流行程度排列。  何時使用標簽 如果你擁有很多主題，為內容打上關鍵詞標記是很有利的。如果你僅有幾個頁面（可能你的網站是一個公司網站），可能就不需要給內容打標簽了。是否結合標簽云或只是將標簽包含在元信息中得取決于你的設計。  6.搜索導航 近些年來網站檢索已成為流行的導航方式。它非常適合擁有無限內容的網站（像維基百科），這種網站很難使用其它的導航。搜索也常見于博客和新聞網站，以及電子商務網站。  搜索對于清楚知道自己想要找什么的訪客非常有用。但是有了搜索并不代表著就可以忽略好的信息結構。它對于保證那些不完全知道自己要找什么或是想發現潛在的感興趣內容的瀏覽者可以查找到內容依然非常重要。  何時使用搜索導航 對于具有無數頁面并且有復雜信息結構的網站來說，肯定必須引入搜索功能。沒有它用戶可能很難通過遍歷鏈接和多層