2.3 移动模式产品设计之导航

标签是导航模式

当你的APP有几个主要任务,你觉得都非常重要并且他们之间的切换比较频繁,这种时候比较适合标签式的导航。标签式导航的特点就是入口扁平化,导航控件占据面积达,能够轻松进行点击操作,进行功能间快速切换,时ios比较推荐的一种导航方式。

2.3 移动模式产品设计之导航_第1张图片
clipboard.png

2.3 移动模式产品设计之导航_第2张图片
clipboard.png

标签式的导航在安卓端被放置在上面,避免与底部的虚拟按钮之间发生冲突 引发误操作

当导航控件操作超过五个时,我们推荐滚动式标签导航,但是这里我们需要给用户一些提示


2.3 移动模式产品设计之导航_第3张图片
clipboard.png

分段式标签导航模式

2.3 移动模式产品设计之导航_第4张图片
clipboard.png

分段式导航的特点:

  • 由分段式控件所控制的一种导航模式;
  • 尺寸较小,能轻松融入界面,不占用控件
  • 设计师还能在其两侧防止其他的UI组件
  • 一般分成两段或者三段

注意:

  • 他只是IOS的标准控件,所以安卓设计不推荐。
  • 不适合作为一级导航,往往作为二级导航与标签导航嵌套使用。
  • 他只是IOS的标准控件,所以安卓设计不推荐
  • 不适合作为一级导航,往往作为二级导航与标签导航嵌套使用。

舵式导航

适用于当几个主要页面需要平凡切换,但是其中有一个核心功能需要强调的APP

2.3 移动模式产品设计之导航_第5张图片
clipboard.png

抽屉式导航的一个精髓就是隐藏掉不太重要的功能,突出核心功能,让用户把注意力集中到主功能。减少主界面中的导航控件的数量,使界面干净利落。

注意:不要在抽屉式导航里放置重要的功能

下拉菜单式导航

操作比较复杂,比较少用

2.3 移动模式产品设计之导航_第6张图片
clipboard.png

特点:

  • 收起时:体积小巧,节省控件
  • 展开时:能显示丰富的导航条目
  • 往往没有关闭按钮

滚动式标签导航和下拉菜单式导航结合,有比较好的体验


2.3 移动模式产品设计之导航_第7张图片
clipboard.png

文章整理自网易云课堂学习笔记

你可能感兴趣的:(2.3 移动模式产品设计之导航)