由於導航欄太過常用，所以它漂亮與否並沒有得到太多的重視，實際上，導航作為網站設計的基礎組成部分，其可用性的要求并不低。那麼，怎樣設計導航欄讓你的網頁錦上添花呢?

1、超大菜單欄

儘管很多設計師都不喜歡這樣的世界，但它依然是一個客戶反響很好的設計方案，而實際上這樣的設計可能會為用戶帶來一些困擾，並且沒有提供真正有用的功能。

一般來說，只有極少數的電商類網站才能真正適合使用超大導航欄的，因為他們確實需要足夠的空間來承載大量的導航欄目。

2、加入顯眼的搜索框

強大的搜索引擎是讓用戶留存的重要影響因素，當搜索引擎的可用性較差的時候，網站的可訪問性就會收到影響，所以搜索框應該突出展示，和主導航欄一起出現在每個頁面上。

網站的頁面一次展示的內容是相當有限的，一旦用戶在頁面中無法直接獲取想要的內容，下一步就需要考慮藉助搜索引擎來達成目標。所以用戶對搜索的需求是剛性的，不要試圖打破這種客觀存在的規律。

3、限制導航內條目數量

作為設計師，你需要預測用戶經常訪問，且最重要最常用的條目至於導航欄當中。一般情況，網站導航欄要包括搜索、關於我們、首頁，而電商類網站通常還會包含購物車、會員、購買等。

但無論如何，都一定要將最關鍵最重要的導航類目讓用戶看到，這才是製作導航欄的目的。

4、更聰明的導航機制

好的導航設計，能讓用戶能在頁面和頁面之間合理快速切換，網站不同的內容和功能之間是有一定的自然邏輯，這個自然邏輯可以作為導航設計的一個重要參考。

在這個用戶體驗度高度個性化的時代，網頁導航同樣玩出更多花樣。將導航欄從通用的條目設計得更貼近用戶個性化使用的樣式，這樣會讓網站在用戶的心目中增添好感。

5、正確地排布導航內的條目

導航內的元素排布順序和條目內容同樣重要，導航欄兩頭的條目最吸引人，所以通常都會選擇用戶點擊量最多的或者是網站最重要的條目內容。

6、長滾動頁面上使用懸浮導航

無論導航欄是在頂部、側邊欄還是底部，最好能夠懸浮制定，不論用戶滾動到哪裡都時刻存在于界面上。這樣用戶就能輕鬆自然地和網站進行交互，交互設計越方便，用戶在網站的停留時間就越長。

7、不要隱藏導航欄

超小的漢堡圖標或時隱時現的懸浮菜單，都會讓用戶難以掌握，這些被隱藏的導航元素會讓用戶難以與之進行交互。時刻存在的導航欄會讓用戶更加安心，讓用戶時刻都擁有離開跳轉的安全通道。

8、使用描述性標籤文本

導航欄中每個條目都會有個文本標簽，它們會告訴用戶這個鏈接中所包含的內容。如果使用圖標作為導航欄標籤，UI界面中每個交互元素都應該明確的指引用戶，所以一定要使用普片認知的圖標。

9、嘗試全頁面導航

導航這件事玩法有很多，如果你真的想做的更醒目一些，不妨采用全頁面式的導航，絕對不會讓用戶錯過。

10、垂直導航

垂直導航設計也是目前越來越流行的設計之一，而目前最常見的是垂直導航就是是側邊欄導航。側邊欄導航通常爲常駐式的，讓用戶可以隨時定位，快速跳轉，並且其中所能承載的元素相對比頂部導航更多。