APP的导航形式分析
基于自身的理解对于目前APP存在几种导航类型做一个总结,也方便以后做设计时能够迅速地找到合适的方法。
设计APP当然少不了设计导航,总结一下,目前APP主要的导航形式有标签栏式、抽屉式、宫格式、列表式、点聚式这五种导航形式,下面做个一一介绍。
一、标签栏式导航

这种导航形式最常见,主要有上标签栏导航和下标签导航两种形式。新闻资讯类APP网易新闻、购物类APP淘宝、即时通讯类APP微信等在全局导航上都是采用这种方式。
要注意的是,下部标签栏的导航最多放置5个;如果同时放置了上下两个标签导航,如网易新闻,则下部标签导航的层级要高于上部标签导航,即上部标签导航是作为二级导航,这个顺序不能颠倒,此时上部标签导航的数量不受限制。上部标签除了点击切换外还可通过手势滑动切换,下部标签只能通过点击切换。
标签导航方式能够让用户一眼就看出产品的核心功能,同时能够方便的在几个标签之间快速切换。有些产品会针对中间的标签进行一些功能的变换,如新浪微博底部标签的中间按钮就是用来发布微博的,喜马拉雅则是作为播放界面的快捷键。
二、抽屉式导航

抽屉式导航,顾名思义就像个抽屉似的,平常隐藏起来,使用时才会出现。这种导航形式能够很好的凸显主页内容,打造沉浸式的阅读体验,同时缺点就是用户不易发觉且操作切换流程较长。一般来说,抽屉式导航位于左侧,通过点击左上角相应控件或是手势滑动召唤出来。
抽屉导航的页面在Z轴上位于前页面的层级之下,在打开导航之后需展示一部分的前页面,使用户能实时明白自己所处的位置。

三、宫格式导航

宫格式导航,将页面划分成一个个的小块进行导航。这种导航方式能够将产品繁杂的各个功能以清晰明了的方式展现出来,让用户能够迅速地找到自己想要的。但在不同的功能之间切换比较麻烦,必须要返回到主界面才能进入其他导航。所以这种导航方式比较适用于工具型产品,产品功能多,各功能之间不需要频繁切换。
微信钱包

四、列表式导航

导航如列表一样排开,导航内容使用图标加文字说明或是单独使用文字说明。这种导航方式不方便直接展示内容,表现形式也很单调,一般作为二级导航出现。

五、点聚式导航

点聚式导航将功能汇聚在一个控件中,平时隐藏,用户点击时才会出现。这种导航方式所占的面积小,通常还会加上有趣的交互动画效果,给用户带来惊喜。但这种导航方式隐藏太深,给用户学习带来一定成本,使用并不是很广泛。
安卓5.0材料设计当中提出的FAB悬浮按钮是作为点聚式导航非常好的载体,或许在将来会流行开来也不一定。

在实际使用APP产品中,大家会发现,一个产品会同时使用以上几种导航方式。但是一旦使用标签栏导航,那么标签栏导航的层级一般来说是最高的,它是整个APP的全局导航。
抽屉式和宫格式导航

主导航采用抽屉式导航,在抽屉式导航中使用宫格是导航作为二级导航。
标签栏式与宫格式导航

主导航采用标签栏式导航,次级导航采用宫格式导航。
图片加文字在导航形式中的使用
以上介绍的几种导航,基本上都是采用图标加文字的形式展现,但是现在也有一种图片加文字的方式的表现形式运用在了各个导航形式中,给人带来具有冲击力的视觉享受,同时也能够通过更换图片文字,达到常换常新的目的,保持新鲜感。还可以通过展示的图片,使用户对该导航下所要展示的内容提前有个预知。一般用于宫格式导航和列表式导航中。
采用宫格式导航,形式为图片加文字

列表式导航,形式为图片加文字

美团的这个页面,banner图以下到“附近商家”以上这块部分,采用的都是宫格式导航。
“美食、超市”这一块采用的图标加文字的表现形式,而“新用户专享、大额满减”采用的是矢量画加文字的形式。表现形式不同,能够将内容很好的区分开来。

以上个人的一些总结,有不足之处还望指出,谢谢大家!第一次写这种文章,觉得不错,就点个赞吧,给我一个鼓励!






































