全部课程

全部课程分类

培训乐帮返利流程

移动APP导航设计八种模式的介绍

2015-05-06 10:33    发布者:阮凯家    评论:0    浏览:184
摘要:当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来?.  也许我们对比和了解了其他一些常用的APP导航设计模式。而且良好的APP导航设计模式决策对整个app

当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来?

 也许我们对比和了解了其他一些常用的APP导航设计模式。而且良好的APP导航设计模式决策对整个app的核心体验起到关键作用。有一些优秀的app基于这些模式做了一些创新的优化方案,本文总结了目前通用且流行的模式,并讨论了这些模式适用的场景,希望帮助交互设计师更快的作出较合理的信息组织决策。

以下是八种移动APP导航设计模式对比图:

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

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

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

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

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

第三种:app标签导航

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

第四种:APP舵式导航

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

第五种就是:大图轮播导航

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

第六种:APP混合组合导航

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

第七种:列表式APP导航

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

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

第八种:tab导航

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

——本文转自:人人都是产品经理

1 顶一下
机构信息

6.82

综合评分

7.09

综合评分

  ¥50 ¥50

3D室内设计师全能精英班

课程介绍:《天琥培训广州3D室内设计师精英培训班》,全面系统学习室内设计效果图表现,从AUTOCAD绘图开始入手,系统完整学习整个室内设计效果图绘图流程,最终达到中级室内设计师的水平。

学费:电询   人气:2972

  ¥50 ¥50

工业产品设计综合班

最近开班: 暂无
课程介绍:工业产品设计综合班学员对象:1.0基础转行2.在职设计师3.技能缺失人员4.想高薪就业学员。学习时长:30天,学不会可以免费重修,100%包学会,可工作为止。就职方向:工业设计、产品效果图、珠宝设计、

学费:电询   人气:173

  ¥50 ¥50

3D影视广告片头动画班

课程介绍:深入学习3ds Max、After Effects等软件在影视剪辑、电视栏目包装方面的综合运用,学习各类影视剪辑和节目包装的制作。掌握整个栏目包装的制作流程,达到独立完成电视包装的创意、动画制作和后期合成工作的水准。

学费:电询   人气:1512

相关文章
金山办公吴庆云:AI大模型已让办公领域涌现出众
新AI模型可识别运动员情绪
竟用人工智能生成“上海中山公园地铁站捅人”视频
哪里有奶茶技术、奶茶培训方法
哪里有安徽卤菜技术培训
长沙正宗川味烤鱼培训、烤鱼哪里好吃
哪里有口味虾的做法、口味虾加盟店培训
我想学如何用锡纸烧烤烤鱼
哪里有培训火锅的做法、麻辣火锅培训
哪里有开心花甲培训、五香味开心花甲技术培训
哪里有早餐培训、湖南津市牛肉粉技术培训
哪里可以学牛肉粉
长沙最新特色小吃锡纸烧烤培训
江西哪里可以学鸭霸王
哪里可以学做酸辣粉
长沙哪里可以学早餐米粉
长沙哪有学蒸菜的地方
哪里可以学习做酱板鸭
湖南哪里有肉夹馍学吗
哪里可以学做卤菜配方卤菜做法


如果您要进行评论信息,请先 登录 或者 快速注册 。
评论总数:0

网友评论

机构基本信息

广州天琥电脑设计培训学校(天琥教育)

31点评, 0留言, 14415浏览
所授课程:电脑与IT > 动漫设计,交互设计师,3D MAX,Maya,Flash,Dreamweaver,工业产品设计,平面设计师,室内设计师,网页设计师,影视制作,Adobe认证
详细地址:广州市天河区中山大道西8号天河商贸大厦903
简介:广州天琥电脑设计培训学校是联合业界最有经验的专家打造的全新培训机构。
认证:,

机构基本信息

广美教育培训中心(广美教育)

11点评, 0留言, 4609浏览
所授课程:电脑与IT > 平面设计师,室内设计师,网页设计师,Office软件,影视制作,计算机等级考试
详细地址:广东省广州市天河区天河北路358—378号都市华庭天怡轩10A
简介:广东省环境艺术设计行业协会成立于2007年2月,是广东省民政厅批准设立的省级行业协会。协会前身为广东省工商联室内设计师公会。成立其培训基地由广东省美术设计装修工程有限公司协办(简称广美教育)。
认证:,
为什么选择优训网
  • 贵就赔 报名价同班最低
    差价双倍返还
  • 顾问服务 培训最怕时间和钱花了,东西没学到
    专业顾问,给你内行建议
  • 点评返利 学完后分享点评,
    不仅能帮助别人,
    还能获得返利

服务热线:400-68-12568

扫一扫 就有礼!
关注优训网新浪微博
有价值的教育培训资讯 扫一扫 收听优训网微信