移动端导航的七种计划模式

三、列表式导航

如果说标签式导航是APP中最普遍的导航方式，那么列表式导航就是最必不可少的一种信息承载模式，这种导航结构简单清晰、易于理解、冷静高效，能够帮助用户快速定位到对应内容。在APP中的应用也分为两种

1、 作为主导航使用

如果该APP主要表达的信息层级较为单一，且并不会在入口间频繁且反复跳转，那么将列表式导航作为主导航是一种不错的选择。例如杂志Elle，作为一个杂志APP，他以文字、图片表达为主，层级浅且内容评级，用列表式导航作为主导航来构架内容，简单而直接。（如下图）

2、 作为辅助导航来展示二级甚至更深层级的内容

你几乎在所以APP中都能看到它的应用，作为信息梳理条目，列表数量尽量保持在一屏以内，超过一屏最好再分一级，而且按照人一次只能记住4项事物的心理法则最重要的内容归纳在前4个列表更容易被人们记住。如果不同种类的内容放在同一页面，那么要注意为这些内容分类，比如微信的设置页面，用留白的方式来区分内容的不同（如下图）

总结：

列表式导航大多作为辅助导航来展示二级甚至更深层次的内容，若要作为主导航，必须满足层级浅且内容平级的条件

需要注意的是：

l 列表式导航的数量保持在一屏以内，超过一屏最好再分一级，

l 将最终要的内容归纳在前4个列表更容易被人们记住

l 要注意为列表内容分类。

四、平铺式导航

当你的信息足够扁平，可以尝试平铺式导航。这种导航方式很容易带来高大上的视觉体验，最大程度的保证了页面的简洁性和内容的完整性，且一般都会结合滑动切换的手势，操作起来也非常方便。PChouse是一个家居杂志的APP，杂志休闲随意的特质，非常适合平铺式导航，最大限度的保持了图片的完整性。（如下图）

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!