
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
导航功能的应用无论是app软件开发还是网页设计都是会经常用到的一个功能,下面我们就通过案例分析来了解一下,常见的导航设计类型都有哪些。
导航系统相当于整个网站的主架构,导航系统起着组织内容和功能的作用,让它们按照产品的信息架构图进行连接,展现在在用户面前,导航将零散的内容和功能组织成了一个完成的有结构的系统。
导航菜单
定义:将网站的信息架构分组归类并以导航的形式展示给用户,方便用户查找所要获取的信息。
使用场景:
1.需要提供一个流量分发的入口时
2.网站各个功能聚合时
顶部导航:顾名思义导航在顶部,这也是目前网站常见的主导航模式。顶部导航一般会含有个人中心。
如果导航里面存在二级导航则可以聚合在下拉菜单里面,鼠标hover出现下拉菜单,选择下拉菜单里面的选项,则导航栏的标题变为对应选择的导航标题。
侧边栏导航:多用于二级导航。侧边栏导航里面的功能一般会进行分组,一般默认展示出来。为了节省内容区域空间,有的侧边栏会提供点击收起左侧栏功能。
侧边栏的一级标题根据是否有承载的页面,如果没有的话,通常置灰,点击无交互事件。
混合式导航:一般用于复杂的多类目的网站结构。鼠标hover一级分类,出现对应的下一级分类。
面包屑
定义:显示当前页面在系统层级导航中的结构和层级,并能进入各个路径结构的导航。
使用场景:
1.当系统拥有超过两级以上的层级结构时;
2.告诉用户所处于的层级关系;
3.灵活的在各个路径层级中切换
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。