移动应用的导航是可以说是界面设计的第一步，导航的设计其实也是信息构架重要部分，导航设计作为信息分类的承载形式，关系到用户打开App时能否清晰的知道自己所在的位置、可以去的位置等等。
文章中从主导航和次级导航两个方面来介绍，很多导航模式是适用于两种形式的。同时作者又把主导航分为“全局导航”和“瞬时导航”
一、主导航-全局导航：
1、跳板式
最为常现的是宫格式导航。这种导航的优点是：1、放的类目较多，结合翻页指示（小圆点）可以承载更多内容。2、跨平台适应性较好。
缺点：1、选项被扁平化，优先级概念弱化。2、作为主导航，在不同模块之间切换比较繁琐，需要不断返回。
iOS、安卓系统图标的排布可以看作是跳板式。
2、卡片导航
文章介绍的卡片导航是Google now。个人认为卡片式导航更加适合作为内容承载的形式，而非导航样式。尤其是随着material design的流行，卡片式设计重新受到关注。真正的卡片式设计应该包括切牌、换牌、翻牌。
大街网app的机会模块采用了卡片导航。卡片交互形式左滑：不感兴趣，右滑：喜欢。
3、列表菜单
列表菜单作为进入某个功能的入口，切换功能时需要返回列表主页，这一点和跳板式导航相似。列表菜单往往是icon+标题的形式，对于标题较长的情况下，使用列表菜单比较合适。设置页面利用列表菜单比较多。
4、选项卡（标签）
选项卡在ios和安卓设计中都有自己的规范，同时也是最为常用的一种导航形式。iOS中最多允许使用5个选项卡，如果超过五个，可以把其他选项放进“更多”里面。安卓系统中，选项卡的菜单模式有三种：固定选项卡、下拉菜单、导航抽屉。
5、陈列馆式
陈列馆布局最适合呈现经常更新、视觉效果直观无层级的内容，例如新闻、菜谱、照片。
可以采用网格布局或者轮盘布局。
6、隐喻式布局
主要是指利用拟物化的形式来模仿表现的对象。在游戏设计中应用广泛。
二、主导航-瞬时导航
瞬时导航的意思是：在我们需要时使用导航、选择完毕以后，导航收起或者隐藏。
1、侧边抽屉式
有两种形式：浮层式，轻滑、点击后覆盖原来页面。嵌入式，轻滑、平移、点击后将原来页面推出屏幕外。
应用最为广泛的是侧边抽屉。抽屉式还可以有多个层级。
2、下拉菜单
在响应式的网页布局中，下拉菜单应用较多。下拉菜单与抽屉式一样也是分为：浮层式、嵌入式。
3、转盘菜单
转盘菜单也叫轮盘、环形菜单或者径向菜单。相对来说这种导航应用较少。material design强调了这种圆点的设计。
三、次级导航模式
所有的主导航都可以最为次级导航，选项卡里包含选项卡、列表等等都是可以的。
1、翻页式
通过滑动手势，快速导航页面内容。最为典型的是页面指示器（ios里对一行小圆点的叫法）。在推广位置的轮播图片应用比较多。
2、滚动选项卡
滚动选项卡可能会比标准的标签要窄，因为它们的典型应用是水平滚动指示，可以不作为触摸对象。
3、折叠菜单
折叠菜单可以让用户在同一个页面看到更多的内容，这种模式比跳转到新的页面更加的高效。
网友评论