我们看到常见设计后台时经常会将具有共同属性的页面或内容聚合在一个模块下,这种聚合的模块就是导航
概念:一般是位于网页顶部或者侧边的超链集合
作用:它将网站的主要内容按一定顺序和结构组织起来,是的访问者更快速、清晰明朗的找到资源所在页面及位置
导航类型
1、横向导航
横向导航会在后台功能较少,层级很少的情况下使用
适合场景:横向导航会用再后台一级功能、层级很少的情况下
优势:位置明显,占用面积小
劣势:可扩展行比较差

2、纵向导航
适合场合:纵向导航会使用与层级深、导航项很多的情况
优势:方便可扩展
劣势:占用页面面积比较大
常用交互样式:
1、单击盗汗项,展开下一级导航列表(易学习易扩展,一般情况都可使用)
2、主子导航项全部展示出来(较少项时,清晰明了)
3、鼠标移入导航项区域,显示二级导航(占用空间比较少,位置稳定,交互快速)


3、横纵结合结构导航
这种结构比较复杂,一般平台功能较多,功能模块相差很多的网站,会在最顶部的横向导航放置顶级功能导航,在某个功能下用纵向结构清晰的表现二级功能

网友评论