導航菜單可能是網頁設計中最重要的部分了。每個用戶瀏覽網站時一定有所需，因此導航菜單能夠幫助用戶尋找信息。好的導航菜單像是導游，告訴用戶網站是干什么的，內容分類有哪些，在哪里可以找到什么信息。

而且導航欄也是整體布局的重要組成。

總結一下，導航欄的重要性。

1. 瀏覽完Logo后，導航欄是用戶第一個看到的組件。
2. 導航欄的作用是引導用戶。
3. 導航欄的作用也類似于索引，快速幫助用戶找到所需信息。

想讓導航欄更加優雅、美麗、響應式么？看看導航欄設計的三大要點吧！

相關閱讀：
《導航設計趨勢！關于圖標式導航的改進》
《革命性的創新網頁導航設計》
《大型網站導航設計指南》

1) 別再讓導航胖下去了，給導航減個肥

導航菜單重要性不言而喻。一些設計師往往使用一些繁雜的裝飾來做突出。其實大可不必，通過字體、懸停效果、留白可以設計出簡約、優雅的極簡主義風格導航欄，看看下面的案例。

Design Instruct

Sugar Rush

Mmminimal

AD60

Rhythm

2) 如果有能力，為什么不試試來做響應式設計

設備種類越來越多，如何滿足大部分用戶的閱讀需求?這就必須要使用響應式設計了。根據屏幕尺寸來合理縮放頁面，達到更好的閱讀效果，這里是一些案例。

Inspire Conference

Forefathers Group

These Are Things

Ryan O'Rourke

Stephen Caver

3) 合理放置導航，出現在該出現的地方

將導航放置何處，以何種方式展現，這都是不容忽視的，無論是水平布局還是垂直布局，都要盡量滿足用戶使用習慣。水平式導航菜單的好處是明顯，清晰可見，大家都會知道導航條在上方，而且不是那么占據空間。而垂直的導航菜單可以兼容不同的屏幕尺寸。

• 避免奇怪的布局
• HTML標記要簡單
• 保持簡約
• CSS設置樣式

原文地址：designzzz

本文由優設網原創翻譯，轉摘請注明優設網譯文出處，謝謝各位小編。

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量57萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：