导航菜单是B端产品层级重要的交互控件

布局的种类：水平导航布局，垂直导航布局，混合导航布局

注意事项

1导航栏1遵循7±2 原则

• 7±2的意义/线上案例

2导航菜单不能隐藏超过两级

• 导航菜单层级越多，用户体验就会越差，你会发现一些拥有三级导航的菜单，都会通过设计优化来实现隐藏导航的合并，从而减少用户操作负担

当菜单广度和深度

• 2.1当菜单广度过大时，怎么办？

  • 腾讯云（100+个云产品）

• 2.2菜单深度过深时，怎么办？

  过深的时候就要使用思维导图的工具进行剖析了，解决方向有两个“与产品经理沟通是否到位”“用户体验地图的绘制“

• 3.1颜色的区分

  • 导航层和内容层之间的区别

• 3.2投影区分

  • Material Design设计的出现

• 3.3 分割线区分

  • 不是很推荐的一种方式

导航可配置

• 4.1我的菜单（常用功能比如“快捷方式”）
  • 例子
• 4.2 角色配置

四种常见导航菜单

• 5.1 侧边导航
  • 优点：扩展性强；展示灵活；快速定位。缺点：不易阅读；阅读沉浸感低