查看: 3553|回复: 0
打印 上一主题 下一主题

[经验分享] 在网页设计中导航菜单的三个原则

[复制链接]

35

主题

1

听众

301

积分

设计实习生

Rank: 2

纳金币
74
精华
0

最佳新人

跳转到指定楼层
楼主
发表于 2016-11-17 14:45:57 |只看该作者 |倒序浏览
导航菜单可能是网页设计中最重要的部分了。每个用户浏览网站时一定有所需,因此导航菜单能够帮助用户寻找信息。好的导航菜单像是导游,告诉用户网站是干什么的,内容分类有哪些,在哪里可以找到什么信息。
          而且导航栏也是整体布局的重要组成。
          丝路教育总结一下,导航栏的重要性。
          1. 浏览完Logo后,导航栏是用户第一个看到的组件。
          2. 导航栏的作用是引导用户。
          3. 导航栏的作用也类似于索引,快速帮助用户找到所需信息。
          想让导航栏更加优雅、美丽、响应式么?看看导航栏设计的三大要点吧!
          1) 别再让导航胖下去了,给导航减个肥
          导航菜单重要性不言而喻。一些设计师往往使用一些繁杂的装饰来做突出。其实大可不必,通过字体、悬停效果、留白可以设计出简约、优雅的极简主义风格导航栏,看看下面的案例。
          Design Instruct
                  Sugar Rush
                  Mmminimal
                  AD60
                  Rhythm
                  2) 如果有能力,为什么不试试来做响应式设计
          设备种类越来越多,如何满足大部分用户的阅读需求?这就必须要使用响应式设计了。根据屏幕尺寸来合理缩放页面,达到更好的阅读效果,这里是一些案例。
          Inspire Conference
                  Forefathers Group
                  These Are Things
                  Ryan O’Rourke
                  Stephen Caver
                  3) 合理放置导航,出现在该出现的地方
          将导航放置何处,以何种方式展现,这都是不容忽视的,丝路教育认为无论是水平布局还是垂直布局,都要尽量满足用户使用习惯。水平式导航菜单的好处是明显,清晰可见,大家都会知道导航条在上方,而且不是那么占据空间。而垂直的导航菜单可以兼容不同的屏幕尺寸。
          避免奇怪的布局
          HTML标记要简单
          保持简约
          CSS设置样式

分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-14 15:54 , Processed in 0.092107 second(s), 31 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部