導(dǎo)航欄是一個網(wǎng)站的地圖，訪客可以通過導(dǎo)航縱觀整個網(wǎng)站的概況，并且方便他們快速到達(dá)想要了解的地方。

舉個栗子，優(yōu)設(shè)的首頁有兩處導(dǎo)航，頂部導(dǎo)航分別是：首頁、網(wǎng)址導(dǎo)航、設(shè)計講座、設(shè)計師、招聘求職、設(shè)計服務(wù)、關(guān)于我們。同學(xué)們可以直接點擊【招聘求職】找工作。另外，側(cè)邊欄的導(dǎo)航包括：熱門下載、界面&圖標(biāo)設(shè)計、PS教程&設(shè)計文章、信息化視圖、職場&規(guī)劃、酷站推薦、圖書推薦。如果有新入門的童鞋，可以方便地從【職場&規(guī)劃】里學(xué)習(xí)前輩的職場經(jīng)驗，需要提高效率的神器，直接戳【熱門下載】就行咯。

今天我們收集了一組優(yōu)秀的網(wǎng)站導(dǎo)航欄設(shè)計，效果和創(chuàng)意都很棒！希望能給你的設(shè)計帶來靈感 ：）

驚艷導(dǎo)航先欣賞：weecom。

導(dǎo)航類好文：
《2014網(wǎng)頁菜單新趨勢！21例時尚創(chuàng)新的側(cè)邊欄菜單網(wǎng)頁設(shè)計》
《網(wǎng)頁設(shè)計新趨勢！25例出眾的響應(yīng)式導(dǎo)航設(shè)計》
《打造用戶友好界面：移動UI中的6種主要導(dǎo)航模式》

The Music Bed（固定側(cè)導(dǎo)航）

Names for Change?（固定滑動式導(dǎo)航）

Weecom（動畫導(dǎo)航）

Visage（固定側(cè)導(dǎo)航）

Prollective（隱藏式頂部導(dǎo)航）

Tawny Jordan Ring?（底部固定導(dǎo)航）

1Bite2Go（隱藏式滑動導(dǎo)航）

Andy Jones（動畫置頂導(dǎo)航）

Nishiyama（頂部固定導(dǎo)航）

CTP（隱藏式固定導(dǎo)航）

Grovemade（隱藏式固定導(dǎo)航）

Papertelevision（隱藏式固定導(dǎo)航）

OASIS（頂部固定導(dǎo)航）

The Offshore Partners（頂部固定導(dǎo)航按鈕）

A Curated Anthology of Donuts（頂部固定導(dǎo)航）

AWARD（頂部固定滑動導(dǎo)航）

Museekly（側(cè)邊及底部固定導(dǎo)航）

Charlie Clark（頂部固定導(dǎo)航）

Script & Seal（頂部固定透明導(dǎo)航）

Gareth Emery（固定側(cè)及底部導(dǎo)航）

The Conference by Media Evolution 2014（隱藏式固定導(dǎo)航）

Wifeel（頂部動畫導(dǎo)航）

Brit + Co.（頂部及側(cè)邊欄導(dǎo)航）

Kurka Wolna（頂部固定導(dǎo)航）

Poolhouse（頂部固定導(dǎo)航）

Knoed Creative（頂部隱藏式導(dǎo)航按鈕）

Jonathan da Costa（頂部隱藏式導(dǎo)航按鈕）

teamgeek（頂部固定導(dǎo)航）

Playground Inc.（固定滑動式導(dǎo)航）

Squid Compression（側(cè)邊滑出式導(dǎo)航）

Awd Agency（側(cè)邊欄導(dǎo)航）

原文地址：speckyboy
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量67萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：