APP导航设计九法

近期在设计APP原型,用EXCEL,用Axure。但不管工具如何,产品自己的界面布局和交互设计确实逃不掉的!网络中有关于APP导航设计的总结:设计模式

8种移动APP导航设计模式大对比,互联网的一些事

第一种:app标签导航  易用性:★★★★★   趣味性:★微信

  标签导航位于页面底部,一般包含5个标签是比较合适的数量。这种导航是很是常见的,若是须要用户频繁的在不一样分页切换,能够采用这种导航。它的缺点是会占用必定高度的空间。如微信最新版的APP界面设计图。网络

8种移动APP导航设计模式大对比,互联网的一些事

 

第二种:APP舵式导航  易用性:★★★★★   趣味性:★架构

目前流行一种标签导航的变体,我的把它称为“舵式导航”,由于它的样式很像轮船上用来指挥的船舵,两侧是其余操做按钮。当页面有处于同一层级的几大部份内容,同时又须要一个很是重要且频繁操做的入口,就能够采用这种APP导航模式。以下图葡萄社APP。app

8种移动APP导航设计模式大对比,互联网的一些事

 


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

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

8种移动APP导航设计模式大对比,互联网的一些事

 

第四种:APP宫格导航(好比九宫格)动画

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

8种移动APP导航设计模式大对比,互联网的一些事

 

第五种:APP混合组合导航设计

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

 

第九种 点聚式导航

026275555f09e300000136489fa6b3

  点聚式导航,它将多个核心功能聚汇到主界面中显示,方便用户呼出使用。因为点聚式占用空间小,因此它常出如今一些主要的流程界面中。通常会融入一些动态的互动效果,让导航更具趣味性。在渐渐的演变中,点聚式会搭载其余导航样式出现(如标签式)。在设计过程当中,按照实际需求,结合内容选择最为合适的导航形式,切忌跟风或者先从形式入手从而忽略导航菜单自身的特色。

相关文章
相关标签/搜索