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

标签是导航模式

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

clipboard.png

clipboard.png

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

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


clipboard.png

分段式标签导航模式

clipboard.png

分段式导航的特点:

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

注意:

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

舵式导航

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

clipboard.png

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

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

下拉菜单式导航

操作比较复杂,比较少用

clipboard.png

特点:

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

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


clipboard.png

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,460评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,008评论 25 709
  • 我说这个世界很大, 我要去走一走。拿着相机 ,带着耳机,背着包儿,去旅行。 这是我拿包就走的一次旅行,选择了海边,...
    CHENIs陈阅读 1,796评论 0 0
  • 时间:2005.8.12晚 地点:酒店自助餐厅 背景:早在蛋蛋毕业前,班主任老师柯老师就嚷嚷着要请他和蛋蛋妈搓一顿...
    星之碎片03阅读 1,684评论 0 0
  • 系统升级 安装nginx 一条指令就搞定了安装 默认web路径在/var/www/html,访问本地http://...
    茶艺瑶阅读 1,517评论 0 1

友情链接更多精彩内容