导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。

导航菜单一般分为顶部导航和侧边导航，顶部导航提供全局性的类目和功能（常用于官网网页的设计布局），侧边导航提供多级结构来收纳和排列网站架构（常用于B端系统网页的设计布局）。

导航菜单在B端系统任意一个产品中都是不可或缺的，在B端系统中导航菜单的层级也是至关重要的，并且每一个导航菜单的位置基本都是固定的，不会因为需求变化而做整体位置的调整，除非是系统整体的改版升级。导航菜单在B端系统中的目的性很强，能够对系统中复杂的业务进行划分整理，引导用户操作，便于用户快速找到目标（真正想要的功能）。

导航菜单最好服从7±2 原则，最多不超过9个，最少不低于5个，导航只是作为一个分类、引导的作用，如果导航菜单数量太多，用户在使用时就会比较困惑，无法在众多的导航菜单中快速找到自己想要的功能，导致用户体验感较差。但是，如果一个庞大的B端系统中导航菜单数量却只有三四个，那就说明系统中的导航菜单分发不够高效，不够精准细致。

导航菜单的三大模式

导航菜单模式细分有多种类型，主要有三种模式：平铺模式、折叠模式、悬浮折叠模式。

1. 平铺模式

在B端系统中我们最常见的导航菜单就是平铺模式，平铺模式不言而喻，就是将菜单直接排版展示，能够让用户直观的看到系统的导航菜单，快速找到目标功能。

平铺模式一般是针对导航菜单比较少的情况，系统功能模块划分不是很复杂的场景，直接通过导航一级菜单就能够划分整个系统的业务和功能。

2. 折叠模式

折叠模式：将导航菜单分为多级菜单，通过展开收起的形式查看导航目录，可以接受大量的导航菜单目录。

不过为了更好的体现导航的功能，一般层级最好不要超过三级，如果层级太深，导航的意义就不大，因为用户还是需要一级一级查找，并且不容易找到自己的目标。

3. 悬浮折叠模式

悬浮折叠模式：将导航菜单通过浮窗/抽屉的形式展示。

这是一种新型的导航菜单设计模式，虽然没有被广泛运用。现实中运用的场景也较少。