[产品派]8种移动APP导航设计模式大对比

2020年03月28日 09:07:30   [来源:互联网]   [阅读:-]
字体:【


先来看看8种移动APP导航设计模式对比图吧!


第一种:app标签导航

标签导航位于页面底部,通常包含5个标签是比较合适的数量。这种导航是非常常见的,如果你的应用需要用户频繁的在不同分页切换,可以采用这种导航。它的缺点是会占用一定高度的空间。如微信最新版的APP界面设计图。


第二种:APP舵式导航

目前流行一种标签导航的变体,个人把它称为“舵式导航”,因为它的样式很像轮船上用来指挥的船舵,两侧是其他操作按钮。当页面有处于同一层级的几大部分内容,同时又需要一个非常重要且频繁操作的入口,就可以采用这种APP导航模式。如下图葡萄社APP。


第三种:APP抽屉式导航模式

抽屉导航是讲菜单隐藏在当前页面后,点击入口即可像拉抽屉一样拉出菜单,这种导航的优点是节省页面展示空间,让用户将更多的注意力聚焦到当前页面。比较适 合于不那么需要频繁切换内容的应用,例如对设置、关于等内容的隐藏。这种导航设计需要注意的是一定要提供菜单画出的过渡动画。

自从path应用以来,这种抽屉式导航菜单非常受到大家的喜爱,25学堂之前也重点介绍了9种最佳移动APP侧边栏设计方案。


第四种:APP宫格导航(比如九宫格)

这种宫格导航是将主要入口全部聚合在页面,让用户做出选择。这样的组织方式无法让用户在第一时间看到内容,选择压力较大,采用这种导航的应用已经越来越少,往往用在二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。


第五种:APP混合组合导航

当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。组合导航上方用宫格的形式展现快捷入口,与标签导航不同的是,这 些宫格入口之间不需要是平级的关系,也不必包含整个层级的内容,你可以将它理解为一种图形化的文字链。这种导航比较灵活,能适应架构的快速调整。


第六种:列表式APP导航

列表式APP导航是我们在APP设计种必不可少的一个信息承载模式。当然作为一个APP的导航也是非常方便的。

不过目前来看,列表导航通常用于二级页,由于它与宫格导航一样,不会默认展示任何实质内容,所以通常app不会在首页使用它。这种导航结构清晰,易于理解,冷静高效,能够帮助用户快速的定位去到对应的页面。列表项目可以通过间距、标题等进行分组。


第七种:tab导航

用于二级页,本质和标签导航相同,当应用层级较多的情况下,可以采用tab导航,典型场景是用于改变的当前的视图,或对当前页面内容进行分类查看。


第八种就是:大图轮播导航或是 大图上面的导航设计

当你的应用信息足够扁平,可以尝试轮播导航,如果应用得当,能够给人耳目一新的体验。这种导航能够最大程度的保证应用的页面简洁性,操作也是最方便的。但是缺点是不能够快速的定位对应的分页内容。

(来源 庞门正道)


推荐阅读:怎么查找我的iphone


相关新闻
新闻焦点
在第一轮搜证当中,发现了很多的疑问,尤其是针对鬼花匠,她给两个死者都送了鸡汤,而且鸡汤没含有毒药,不得不怀疑凶手是不是她?黄明昊最怕鸡了,看到一[更多]
《大明风华》朱瞻基下线了。不过,朱亚文饰演的角色给观众们留下了深刻的印象。在剧中,朱瞻基年仅36岁就驾崩,被两个叔叔的精神打击与战场上旧病复发而[更多]
最近几年搞笑甜宠剧行业早已是一片红海!前不久上映的《灵剑山》深受观众的喜爱,好评不断,本以为近期找不出第二部,没想到啊,还真被小编发现了近期一部[更多]
最新一期《我们的歌》里,当费玉清和阿云嘎唱完之后,那英说:“年轻人有年轻人的表达方式,但是经过岁月洗礼的歌手唱歌,每个字都是如歌如泣!”的确,费[更多]
关于我们 | 联系我们 | 老版地图 | 网站地图 | 版权声明
版权所有:每日经济网未经授权禁止复制或建立镜像
相关作品的原创性、文中陈述文字以及内容数据庞杂本站无法一一核实,如果您发现本网站上有侵犯您的合法权益的内容,请联系我们,本网站将立即予以删除!
中国互联网违法和不良信息举报中心 网络警察报警岗亭