移动APP导航栏设计对比

APP导航栏主要分为以下几种类型：

 

 标签导航  舵式导航  抽屉导航  宫格导航  组合导航  列表导航  Tab导航  轮播导航 

1.标签导航

标签导航位于页面底部，通常包含5个标签是比 较合适的数量

这种导航是非常常见的，如果你的应用需要用 户频繁的在不同分页切换，可以采用这种导航 

缺点是会占用一定高度的空间 

2.舵式导航

 目前流行一种标签导航的变体，它的样式很像轮船 上用来指挥的船舵，两侧是其他操作按钮

 当页面有处于同一层级的几大部分内容，又需要一 个非常重要且频繁操作的入口，就可以采用这种APP 导航模式 

3.抽屉导航

抽屉导航是讲菜单隐藏在当前页面后，点击入口即 可像拉抽屉一样拉出菜单

优点是节省页面展示空间，让用户将更多的注意力 聚焦到当前页面。比较适合于不那么需要频繁切换 内容的应用，例如对设置、消息、等内容的隐藏

这种导航设计需要注意的是一定要提供菜单画出的 过渡动画 

4.宫格导航

宫格导航是将主要入口全部聚合在页面，让用户做 出选择

这样的组织方式无法让用户在第一时间看到内容， 选择压力较大

往往用在二级页作为内容列表的一种图形化形式呈 现

5.组合导航

当用户需要聚焦内容，同时又需要一些快捷入 口能够连接到某些页面时，就可以采用组合导 航

标签导航不同的是，这些宫格入口之间不需要 是平级的关系，可以将它理解为一种图形化的 文链接

这种导航比较灵活，能适应架构的快速调整 

6.列表导航

列表导航通常用于二级页

导航结构清晰，易于理解，冷静高效，能够帮助用户 快速的定位去到对应的页面

可以通过间距、标题等进行分组 

7.tab导航

用于二级页，本质和标签导航相同

当应用层级较多的情况下，可以采用tab导航

8.轮播导航

这种导航能够最大程度的保证应用的页面简洁性， 操作也是最方便的

缺点是不能够快速的定位对应的分页内容