大数跨境
0
0

分享几种常见的APP导航设计样式

分享几种常见的APP导航设计样式 创研股份
2018-09-07
2
导读:虽然导航对于APP应用来说,不是最重要的,但却也是不可忽视的一部分。众所周知,企业在APP开发之后,如果导航


虽然导航对于APP应用来说,不是最重要的,但却也是不可忽视的一部分。众所周知,企业在APP开发之后,如果导航设置的好,用户使用起来就会非常方便,这样便能大大提高APP应用的用户体验效果。但就导航本身而言,是没有好坏之分的,而最终的效果需取决于与APP应用本身是否匹配,是否适合。那么接下来创研科技总结了APP应用常见的八种导航样式,以便大家在设计导航时,能有更多更合理的选择。

列表式导航样式

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

轮播导航样式

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

混合组合导航样式

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

宫格导航样式

宫格式导航,是类似于手机桌面各个APP应用入口的导航方式。每个入口都是比较独立的信息内容,用户进入一个入口后,只处理与此入口相关的内容,如果要跳转至其他入口,必须要先回到总界面。这种导航经常用于工具APP应用中,它的优点是功能拓展性强,可增加多个入口。缺点是单页承载信息能力弱,层级深,不适合频繁任务切换。

TAB导航样式

TAB导航样式通常适用于APP应用的二级页面,它在本质上和标签导航样式一般无二,一般而言,当APP应用如果有层级较多的情况,那么就可以采用TAB导航样式,其典型的运用场景便是用于改变当前APP应用页面的视图,或是对APP应用当前的页面内容进行分类查看。

舵式导航样式

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

标签式导航样式

标签式导航是IOS平台上公认的最经典的导航样式,目前市场上几乎有80%的APP应用都在使用这种导航样式。标签式导航关注的是平行空间的展示,其优点是适用于多个内容体系,且重要程度相似(平级关系),能频繁在不同页面间切换,切换成本底,只需一次点击即可。缺点是占用一定高度空间,且标签数量有限,最多只能5个标签。

抽屉式导航样式

抽屉式导航的特点是阅读为王,点击切换少,专注于主体信息本身。它不像标签导航一样强调平级关系的切换,而是突出重要且核心的功能。抽屉导航的另一些优点是,侧边导航收纳的导航标签可以是5个以上,节省屏幕空间。缺点是无法快速完成导航切换,操作成本高。

通过以上八种APP应用当中常见的导航设计样式,相信大家对此都有了一定的了解和认识,同时在设计APP应用时,对导航样式的选择也会更加清晰和明确。但是,无论选择何种样式,最重要的便是需要与APP应用的整体设计协调,并且要根究不同样式的特征和优势,合理的运用到APP应用的页面当中,如此才能保证APP应用因为合理的导航设计而使用户体验更佳。但如果乱用导航的话,则很可能会给APP应用带来不好的影响,切记切记。


【声明】内容源于网络
0
0
创研股份
创研股份(股票代码:835755)是行业领先的全链路AI营销科技公司,国家级高新技术企业,省“专精特新”小巨人企业,省级技术中心。从事AI营销科技的研发与应用,以AI技术改变营销,解决广大中小企业营销精准化、自动化难题。
内容 340
粉丝 0
创研股份 创研股份(股票代码:835755)是行业领先的全链路AI营销科技公司,国家级高新技术企业,省“专精特新”小巨人企业,省级技术中心。从事AI营销科技的研发与应用,以AI技术改变营销,解决广大中小企业营销精准化、自动化难题。
总阅读59
粉丝0
内容340