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

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

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

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

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

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

Weecom動(dòng)畫(huà)導(dǎo)航)

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

1Bite2Go(隱藏式滑動(dòng)導(dǎo)航)

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

Andy Jones(動(dòng)畫(huà)置頂導(dǎo)航)

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

AWARD(頂部固定滑動(dòng)導(dǎo)航)

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

Wifeel(頂部動(dòng)畫(huà)導(dǎo)航)

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

Playground Inc.(固定滑動(dòng)式導(dǎo)航)

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

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

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

原文地址:speckyboy
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯,請(qǐng)尊重版權(quán)和譯者成果,轉(zhuǎn)摘請(qǐng)附上優(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"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/。
設(shè)計(jì)微博:擁有粉絲量67萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:

不容錯(cuò)過(guò)!30個(gè)風(fēng)格出眾的網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)
 

收藏 27
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。