导航

定义

导航位于页面固定的位置,提供用户指引并引导用户浏览每个页面。



规则

· 在导航覆盖的范围内,内容样式一定要完全一致。
· 一级导航是展示当前页面的重要同层级页面的页面名称 (导航名称数需大于等于2)。
· 避免多重导航和多个滚动条。
· 顶部导航和侧边栏导航可单独使用,也可组合使用:当顶部导航为主导航时,侧边导航为二级导航。侧边导航为主导航时,顶部导航为二级导航。
· 类目建议数量(2-8个以内)字符数建议英文4-15个中文2-6个。


尺寸和标注




分类与样式

Alibaba.com根据导航的功能和交互效果,一般可分为全局导航和副导航。根据导航的布局结构,一般可分为水平导航(常用于顶部)和垂直导航(常用于侧边)。两类导航可单独使用,也可组合使用:水平导航为全局导航时,垂直导航为副导航。垂直导航为全局导航时,水平导航为副导航。局部导航是全局导航的延伸,它展示当前页面与父级、子级、子子级页面之间的关系。

水平导航:
顶部通栏导航: 主要展示首页的次级页面。主导航中的链接一般指向站内页面,其行为方式保持一致。

垂直导航:
侧边导航: 侧边栏导航通常位于左侧,它位于F式布局的最左侧,作为信息主干,也符合用户的浏览习惯。

上一篇: 按钮 下一篇: 卡片