导航在网页设计中的重要性不言而喻,如何让用户方便快捷地找到自己所需要的内容,这与导航菜单的设置息息相关。这里分享了众多导航菜单的优秀案例,希望能带给你无限的灵感。

网站导航设计技巧

竖排导航

所谓竖排导航就是把站内栏目结构按照自上而下或是自下而上的顺序排列起来,放到页面的左右一侧。这种导航适用于分类信息较多的站点,当陌生浏览者进入网站时只要浏览一下导航,就可轻松知道他们想要的内容应该到哪里去找!竖排导航在国外比国内应用的要广泛得多,除了网址导航站外,国内单纯使用这种导航条的网站很少,使用的也大多是个人博客等分类很少的网站。

 

横排导航

这种导航形式一般适用于站内栏目分类较多,而且每个栏目或专题又各有不同的页面风格的站点。采用这种导航相对容易变通,而且更容易被大多数人所接受。大多数门户综合站都采用的这种导航方式,像搜狐、新浪等门户,他们由于各种子栏目频道很多,而每个栏目有相对独立有自己的页面风格,所以采用这种导航在适合不过了!

 

其他类别

当然实际应用时导航往往不局限于他们中的一个或只有这两种,如雅虎首页的设计就不是一个单纯横排或竖排或是简单的二者结合。还有标签选项卡、下拉菜单等等其他导航条效果。

 

固定导航菜单实例

  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航

简洁导航菜单实例

  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航

优秀导航菜单实例

  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航
  • 导航

资料收集整理: 曾雪 专题制作:曾雪联系电话:84799717-622