简单理解就是我在哪里,我要到哪里去——在面对用户的不同场景时,起到引导的作用
1、顶部水平导航:一级菜单水平排版,二级菜单隐藏(垂直排版)
注意:横向导航建议每组字符不超过6个,导航键数量在4-9个之间最为美观
设计方法
左边放logo,中间放导航,右边放搜索栏等小插件。适用于导航数量偏少的
左边放logo,右边放搜索栏等小插控件,下方放导航。适用于导航数量较多、logo较大或比较复杂的
左边放logo,右边放导航,适用于logo需要和导航左右对齐的
logo居中,导航设置在logo的左右两侧,对称显示
logo居中,导航设置在logo的下方,这样的导航头部留白较多,可以放置其他需要的控件
2、侧边垂直导航:垂直导航、子菜单内嵌在菜单区域,纵向分布,类目不限,数量不限,层级在2-3级为最佳
注意:对于大型电商平台,水平导航和垂直导航,可以混合使用,来用不同的分类方式进行视觉引导
子导航内嵌在主导航区域,点击主导航会展开子导航(侧展)
只展开当前的父级导航,常用于系统平台管理,可收缩,可展开
3、顶部固定导航:固定在页面和窗口的某一个位置上,在滚动页面时不影响它的位置
例如:网易顶部导航,通常在页面的最下角,设置返回顶部按钮,使页面快速返回顶部
4、底部页脚导航:页面内容较长时,底部导航可以方便用户快速访问,通常包含次级导航、地址、联系方式、邮箱、二维码、电话、版权所属、备案信息、技术支持、快捷按钮(法律声明、知识产权、服务条款……)、友情链接……
5、面包屑导航
作用:告诉访问者他们目前在网站中的位置以及如何返回,通常与二级页面或三级页面中