在网页中设计导航菜单的三个原则（附案例）

导航菜单可能是网页设计中最重要的部分了。每个用户浏览网站时一定有所需，因此导航菜单能够帮助用户寻找信息。好的导航菜单像是导游，告诉用户网站是干什么的，内容分类有哪些，在哪里可以找到什么信息。

而且导航栏也是整体布局的重要组成。

总结一下，导航栏的重要性。

1. 浏览完Logo后，导航栏是用户第一个看到的组件。
2. 导航栏的作用是引导用户。
3. 导航栏的作用也类似于索引，快速帮助用户找到所需信息。

想让导航栏更加优雅、美丽、响应式么？看看导航栏设计的三大要点吧！

1) 别再让导航胖下去了，给导航减个肥

导航菜单重要性不言而喻。一些设计师往往使用一些繁杂的装饰来做突出。其实大可不必，通过字体、悬停效果、留白可以设计出简约、优雅的极简主义风格导航栏，看看下面的案例。

2) 如果有能力，为什么不试试来做响应式设计

设备种类越来越多，如何满足大部分用户的阅读需求?这就必须要使用响应式设计了。根据屏幕尺寸来合理缩放页面，达到更好的阅读效果，这里是一些案例。

3) 合理放置导航，出现在该出现的地方

将导航放置何处，以何种方式展现，这都是不容忽视的，无论是水平布局还是垂直布局，都要尽量满足用户使用习惯。水平式导航菜单的好处是明显，清晰可见，大家都会知道导航条在上方，而且不是那么占据空间。而垂直的导航菜单可以兼容不同的屏幕尺寸。

避免奇怪的布局
HTML标记要简单
保持简约
CSS设置样式

原文地址：designzzz

本文由优设网原创翻译，转摘请注明优设网译文出处，谢谢各位小编。

================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册：网页设计师必须修炼的内功技法，更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/。
设计微博：拥有粉丝量57万的人气微博@优秀网页设计，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加优秀网页设计微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：