导航栏是一个网站的地图,访客可以通过导航纵观整个网站的概况,并且方便他们快速到达想要了解的地方。

举个栗子,优设的首页有两处导航,顶部导航分别是:首页、网址导航、设计讲座、设计师、招聘求职、设计服务、关于我们。同学们可以直接点击【招聘求职】找工作。另外,侧边栏的导航包括:热门下载、界面&图标设计、PS教程&设计文章、信息化视图、职场&规划、酷站推荐、图书推荐。如果有新入门的童鞋,可以方便地从【职场&规划】里学习前辈的职场经验,需要提高效率的神器,直接戳【热门下载】就行咯。

今天我们收集了一组优秀的网站导航栏设计,效果和创意都很棒!希望能给你的设计带来灵感 :)

惊艳导航先欣赏:weecom

导航类好文:
《2014网页菜单新趋势!21例时尚创新的侧边栏菜单网页设计》
《网页设计新趋势!25例出众的响应式导航设计》
《打造用户友好界面:移动UI中的6种主要导航模式》

The Music Bed(固定侧导航)

不容错过!30个风格出众的网页导航栏设计

Names for Change (固定滑动式导航)

不容错过!30个风格出众的网页导航栏设计

Weecom动画导航)

不容错过!30个风格出众的网页导航栏设计

Visage固定侧导航)

不容错过!30个风格出众的网页导航栏设计

Prollective(隐藏式顶部导航)

不容错过!30个风格出众的网页导航栏设计

Tawny Jordan Ring (底部固定导航)

不容错过!30个风格出众的网页导航栏设计

1Bite2Go(隐藏式滑动导航)

不容错过!30个风格出众的网页导航栏设计

Andy Jones(动画置顶导航)

不容错过!30个风格出众的网页导航栏设计

Nishiyama顶部固定导航)

不容错过!30个风格出众的网页导航栏设计

CTP(隐藏式固定导航)

不容错过!30个风格出众的网页导航栏设计

Grovemade(隐藏式固定导航)

不容错过!30个风格出众的网页导航栏设计

Papertelevision(隐藏式固定导航)

不容错过!30个风格出众的网页导航栏设计

OASIS顶部固定导航)

不容错过!30个风格出众的网页导航栏设计

The Offshore Partners顶部固定导航按钮)

不容错过!30个风格出众的网页导航栏设计

A Curated Anthology of Donuts顶部固定导航)

不容错过!30个风格出众的网页导航栏设计

AWARD(顶部固定滑动导航)

不容错过!30个风格出众的网页导航栏设计

Museekly(侧边及底部固定导航)

不容错过!30个风格出众的网页导航栏设计

Charlie Clark(顶部固定导航)

不容错过!30个风格出众的网页导航栏设计

Script & Seal(顶部固定透明导航)

不容错过!30个风格出众的网页导航栏设计

Gareth Emery(固定侧及底部导航)

不容错过!30个风格出众的网页导航栏设计

The Conference by Media Evolution 2014(隐藏式固定导航)

不容错过!30个风格出众的网页导航栏设计

Wifeel(顶部动画导航)

不容错过!30个风格出众的网页导航栏设计

Brit + Co.(顶部及侧边栏导航)

不容错过!30个风格出众的网页导航栏设计

Kurka Wolna(顶部固定导航)

不容错过!30个风格出众的网页导航栏设计

Poolhouse(顶部固定导航)

不容错过!30个风格出众的网页导航栏设计

Knoed Creative(顶部隐藏式导航按钮)

不容错过!30个风格出众的网页导航栏设计

Jonathan da Costa(顶部隐藏式导航按钮)

不容错过!30个风格出众的网页导航栏设计

teamgeek(顶部固定导航)

不容错过!30个风格出众的网页导航栏设计

Playground Inc.(固定滑动式导航)

不容错过!30个风格出众的网页导航栏设计

Squid Compression(侧边滑出式导航)

不容错过!30个风格出众的网页导航栏设计

Awd Agency(侧边栏导航)

不容错过!30个风格出众的网页导航栏设计

原文地址:speckyboy
本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量67万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

不容错过!30个风格出众的网页导航栏设计
 

收藏 27
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。