8种移动APP导航设计模式大对比

8 种移动 APP 导航设计模式大对比当我们确定了移动 APP 的设计需求和 APP 产品设计流程之后，开始着手设计 APP界面 UI 或是 APP 原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来？ 也许我们对比和了解了其他一些常用的 APP 导航设计模式。 而且良好的 APP 导航设计模式决策对整个 app 的核心体验起到关键作用。 之前跟大家分享过 6 个超有用的 APP 导航设计方案和 3 种常见的 APP 导航设计方案优劣势分析 有一些优秀的 app 基于这些模式做了一些创新的优化方案，本文总结了目前通用且流行的模式，并讨论了这些模式适用的场景，希望帮助交互设计师更快的作出较合理的信息组织决策。 先来看看 8 种移动 APP 导航设计模式对比图吧！第一种：app 标签导航 标签导航位于页面底部，通常包含 5 个标签是比较合适的数量。这种导航是非常常见的，假如你的应用需要用户频繁的在不同分页切换，可以采纳这种导航。它的缺点是会占用一定高度的空间。如微信最新版的 APP 界面设计图。 第 2 种：APP 舵式导航 目前流行一种标签导航的变体，个人把它称为“舵式导航”，因为它的样式很像轮船上用来指挥的船舵，两侧是其他操作按钮。当页面有处于同一层级的几大部分内容，同时又需要一个非常重要且频繁操作的入口，就可以采纳这种APP 导航模式。如下图葡萄社 APP。 第三种：APP 抽屉式导航模式 抽屉导航是讲菜单隐藏在当前页面后，点击入口即可像拉抽屉一样拉出菜单，这种导航的优点是节约页面展示空间，让用户将更多的注意力聚焦到当前页面。比较适 合于不那么需要频繁切换内容的应用，例如对设置、关于等内容的隐藏。这种导航设计需要注意的是一定要提供菜单画出的过渡动画。 自从 path 应用以来，这种抽屉式导航菜单非常受到大家的喜爱，25 学堂之前也重点介绍了 9 种最佳移动 APP 侧边栏设计方案。 第四种：APP 宫格导航（比如九宫格） 这种宫格导航是将主要入口全部聚合在页面，让用户做出选择。这样的组织方式无法让用户在第一时间看到内容，选择压力较大，采纳这种导航的应用已经越来越少，往往用在二级页作为内容列表的一种图形化形式呈现，或是作为一系列工具入口的聚合。 第五种：APP 混合组合导航 当用户需要聚焦内容，同时又需要一些快捷入口能够连接到某些页面时，就可以采纳组合导航。组合导航上方用宫格的形式展现快捷入口，与标签导航不同的是...