Hi,我是优设小编

cyRotel

浏览全部 4528 篇文章

到我的微博瞧瞧

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

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

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

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

惊艳导航先欣赏:weecom

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

The Music Bed(固定侧导航)

The Music Bed Fixed Side Navigation

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

Names for Change Sliding Fixed Navigation top

Weecom动画导航)

Weecom Animated fixed Navigation

Visage固定侧导航)

Visage Fixed Top Navigation

Prollective(隐藏式顶部导航)

Prollective Three-Line Fixed Top Navigation

Tawny Jordan Ring (底部固定导航)

Tawny Jordan Ring Fixed Bottom Navigation

1Bite2Go(隐藏式滑动导航)

1Bite2Go Three-Line Fixed Side Navigation

Andy Jones(动画置顶导航)

Andy Jones Animated Fixed Top Navigation

Nishiyama顶部固定导航)

Nishiyama Fixed Top Navigation

CTP(隐藏式固定导航)

CTP Three-Line  Fixed Top Navigation

Grovemade(隐藏式固定导航)

Grovemade Fixed Top Navigation

Papertelevision(隐藏式固定导航)

Papertelevision Three-Line Fixed Top Navigation

OASIS顶部固定导航)

OASIS Fixed Top Navigation

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

The Offshore Partners Fixed Top Navigation Button

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

A Curated Anthology of Donuts Fixed Top Navigation

AWARD(顶部固定滑动导航)

AWARD Sliding Fixed Top Navigation

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

Museekly Fixed Side & Bottom Navigation

Charlie Clark(顶部固定导航)

Charlie Clark Fixed Top Navigation

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

Script & Seal Fixed Top Transparent Navigation

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

Gareth Emery Fixed Side & Bottom Navigation

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

The Conference by Media Evolution 2014 Three-Line Fixed Side Navigation

Wifeel(顶部动画导航)

Wifeel Animated Fixed Top Navigation

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

Brit + Co. Fixed Top & Side Navigation

Kurka Wolna(顶部固定导航)

Kurka Wolna Fixed Top Navigation

Poolhouse(顶部固定导航)

Poolhouse Fixed Top Navigation

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

Knoed Creative Three-Line Fixed Top Navigation Button

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

Jonathan da Costa Three-Line Fixed Side Navigation

teamgeek(顶部固定导航)

teamgeek Fixed Side Navigation

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

Playground Inc. Fixed Side Navigation

Squid Compression(侧边滑出式导航)

Squid Compression Fixed Top Navigation Button

Awd Agency(侧边栏导航)

Awd Agency Fixed Side Navigation

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

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

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

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/fantastic-examples-fixed-navigation