设计师必备手册:五种移动应用导航设计总结优设网

下图是《移动应用UI设计模式》一书的截图,截图中列出的是一些适合做主导航的导航模式。

其中跳板式导航、列表式导航和选项卡式导航最为常见,仪表式导航和隐喻式导航一般在拟物化设计或者是工具类的app中比较常见,超级菜单式现在会用到的比较少。由于这个行业发展速度很快,还出现了一些书中没有列出,但是在现在也很常见的导航模式,例如,出现于Android的侧边抽屉式设计,现在在ios中也得到了广泛的应用。下拉式菜单也会作为主导航出现。

下图是书中列出的一些只适合做次级导航的模式:

例如:页面轮盘式、图片轮盘式和列表式中的行内扩展式,还有一些超级菜单式导航也被用作次级导航。

美图秀秀采用的就是2*3的跳板式导航模式,通过上下、分页来突出优先级。

ASM采用的是不规则网格的跳板式导航,以突出内容的优先级。

在跳板式导航和其他导航搭配使用中,一般会被用作次级导航,常见搭配模式:选项卡式+跳板式

携程的首页中就是使用了以选项卡为主导航搭配跳板式导航的模式

最常见的主导航模式之一,又可分为分组列表、个性化列表、行内扩展式列表(这个一般用做次级导航)和增强性列表(是在简单的列表菜单之上增加搜索、浏览或过滤之类的功能后形成的)列表菜单很适合用来显示较长或拥有次级文字内容的标题。

ios设置中使用的就是分组列表。

photosticker中首页采用了个性化列表的方式

印象笔记的ios版中使用了列表式导航混合跳板式导航的设计,其中列表式导航中又使用了分组列表和扩展列表。

Pinterest在搜索中的次级导航采用的就是增强性列表。

几乎大部分的app都采用的是这种导航模式作为主导航。根据操作系统不同,选项卡位置和设计也不相同。ios的选项卡是在底部,Android的则是在顶部。

其他导航模式和选项卡式导航搭配使用时一般都会用做次级导航。

Polyvore的ios版,使用的是底部选项卡导航:

keep的ios也使用的是底部选项卡式导航。

Flickr的Android版使用的就是标准的Android的选项卡在顶部的设计。

Forever21中使用了选项卡式导航搭配图片轮盘式导航。其中图片轮盘式导航为次级导航。

Wanelo中使用的是选项卡式导航搭配选项卡式导航,一般这种搭配模式在app中也非常见。

Snapette采用的主导航为选项卡式导航搭配下拉式导航。

Snapette采用的次导航为下拉式,其中下拉式导航又以列表的方式排列。

TheHunt中使用了主导航为选项卡式导航搭配轮盘式导航的模式。

RIVERISLAND中采用了主导航为选项卡式导航搭配陈列馆式和抽屉式。

BBCNews的首页导航模式

淘宝二手中的主导航采用了陈列馆式导航,次导航采用的是抽屉式导航。

淘宝二手中使用的次级导航是抽屉式导航,在抽屉式导航中又采取了跳板式导航2*3的设计。

起源于Android的一种导航模式,后在ios中也常见到。一般在Android中用做主导航,在ios中往往会搭配其他的主导航模式做次级导航使用。

印象笔记的Android版就是采用了侧抽屉的导航模式。

Foursquare的ios版采用的侧抽屉式导航模式。

仪表式导航提供了一种度量关键绩效指标(KeyPerformanceIndicators,KPI)是否达到要求的方法。经过设计以后,每一项量度都可以显示出额外的信息。这种主要的导航模式对于商业应用、分析工具以及销售和市场应用非常有用。

完美衣橱的统计中在次级导航中采用了仪表式导航。

Mint和Ego应用中的仪表式导航(书中的例子)

这种导航的特点是用页面模仿应用的隐喻对象。这种导航主要用于游戏,但在帮助导航人们组织事物(如日记、书籍等),并对其进行分类的应用中也能看到。

CandyCrush中的选关采用的就是隐喻式。

这个app中就采用了超级菜单式导航做为次级导航使用。(不好意思忘记这个app的名称啦*……(☆_☆))

这种导航模式在手机网站中比较常见,在app中做为唯一性的导航不是很常见。

Iivingsocial中的ios版首页采用下拉式导航作为唯一的导航。

在未来的趋势中个人认为是淡化各个平台的差异,尽量通过一套设计来无缝的连接各个应用在不同设备上的体验,同时也节省了人力和物力。通过上述的总结也不难发现两个系统的设计差异在日渐融合缩小。所以在选择导航时不应该只局限在"标准设计"中,而是应当本着以"内容"为先的思想来考虑。

THE END
1.学做菜的app排行榜前十名十大免费学做菜软件app推荐现在爱好下厨房自己动手做菜的人群越来越多,而想要学做菜的人们面对着繁多的食材可能无法快速下手,而一款好用的做菜app可以更具食材快速搜索到想做的菜的详细做法,而菜谱app就成了家里面做饭的主要工具,这里小编给大家带来了学做菜软件app排行榜https://www.ddooo.com/zt/zcrj.htm
2.适合厨房小白的app厨房小白学做饭app厨房小白必备软件厨房小白app可以让一些零基础入门的小白们轻松学习如何做饭菜,通过一系列的基础学习,让你从厨房的小白变成大神,还可以慢慢挑战高难度的食谱,让你的厨艺越来越高。今天小编就给大家带来了一些适合厨房小白的app,你可以按照自己的需求来进行选择。在一些软件内会提供新人必做的菜谱,通基础的家常菜开始练习,一般菜谱上都http://www.downcc.com/k/chufangxiaobaiapp/
3.掌上菜谱APP的设计与实现菜谱软件设计说明掌上菜谱APP的设计与实现 摘要 在互联网高速发展的今天,各种小程序、APP 的开发也如火如荼,人们的衣食住行也由此而改变。随着生活水平的不断提高,人们对自主烹饪的兴趣日益浓厚,各式各样的菜谱 APP 也应运而生。菜谱 APP 已经极大地改变了人们学习烹饪的方式,人们不再拘泥于传统的纸质菜谱,而是利用各类移动端菜谱https://blog.csdn.net/m0_66309026/article/details/138973706
4.基于android的菜谱app的设计与实现菜谱应用基于android的菜谱app的设计与实现 菜谱应用 想要开发出一款靠谱好用的美食菜谱APP小程序系统,需要具备哪些基本功能呢? 1、视频教学。对于美食的教学教学方法最直接受用的就是视频教学,用户浏览起来更加方便而且可以直接跟着视频操作,效果更佳。用户也可以自己拍摄制作美食的视频上传到平台,分享给其他用户浏览查看,既提高https://blog.51cto.com/u_12205/9416648
5.界面设计小小厨美食菜谱APP韩小莹北京| UI设计师 创作30粉丝4582 plady 广州| UI设计师 创作34粉丝5048 韩冰云 杭州| UI设计师 创作45粉丝17859 创作28粉丝13594 创作10粉丝2673 创作18粉丝10946 创作15粉丝1123 创作45粉丝55402 sunkim 广州| UI设计师 创作42粉丝8521 智能语音菜谱类APP,以菜谱作为核心功能主打图文播放和视频播放,实时推送精选菜https://www.zcool.com.cn/work/ZMzUwMTg2OTY=.html
6.多功能美食菜谱APP方案设计毕业设计论文.pdf多功能美食菜谱APP方案设计毕业设计论文.pdf,摘要 本设计主要针对Android移动平台多功能美食彩票系统进行分 析和设计。设计一款基于Android的一款多功能菜谱软件,客户通过 手机能够获取美食菜谱、食材信息、健康资讯、在线社区以及线上、 线下互动服务。本次APP设计以内容https://max.book118.com/html/2021/0107/8062106036003035.shtm
7.十大好用的美食菜谱app厨房小白新手下厨必备的学做菜视频app想学做菜的你,面对食材无从下手?其实很简单,手机上下载个菜谱app就能搜索你想做的菜详细做法。那么菜谱app哪个好用?MAIGOO小编特地给大家整理了十大好用的美食菜谱app排行榜,包含下厨房APP、豆果美食APP、香哈菜谱app、好豆菜谱app、美食杰App、美食天下app等国内好用https://m.maigoo.com/goomai/207069.html
8.美食菜谱app手机界面图片免费下载美食菜谱app手机界面素材千图网为您找到163张美食菜谱app手机界面相关素材,千图网还提供美食菜谱app手机界面图片,美食菜谱app手机界面素材, 美食菜谱app手机界面模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meishicaipuappshoujijiemian.html
9.美食菜谱类APP界面设计今天跟大家分享的是一款美食菜谱类APP的界面设计。现在美食菜谱类的APP有很多,如何才能在众多的竞争对手中脱颖而出。APP界面设计是一个重要的因素。一起来看看这款“妈妈快厨”APP的界面设计,对您设计相关的APP有所帮助。 1、颜色选择 2、图标设计 3、登录注册界面 https://www.adinnet.cn/bloginfo/2018_05/blog_3721.html
10.美食教程app排行榜前十名偏玩手游盒子>美食教程app合辑手机美食教程app排行榜TOP10下载民以食为天,吃是人生中的头等大事,现代人对“吃”越来越讲究,各种各样的主流美食教程app应运而生,无论是“找吃的”还是“做吃的”, 这些资深吃货必备APP,总有一款适合你。下厨房家常菜app 2024-11-27 菜谱 食谱 立即下载 懒饭美食 2023-12-25https://m.pianwan.com/s/zj-1744769
11.做菜不用再问妈:这7个App换着用,让你从厨房小白变大厨一款设计精美的菜谱 app,推荐大都为异域美食,可以拓展自己美食边界。内置主题菜谱不仅能让人学会怎么做饭,还能教会你为什么要这么做。每个菜谱明确标记了烹饪时间和每份所含营养值,若为烘焙菜谱还会给出静置时间作为参考。在食材方面可以选择为几个人做饭,并根据人数来确定食材的多少。所有菜谱食材均可一键加入购物单,买菜https://36kr.com/p/1390010704837635
12.请设计一份幼儿园一个星期的菜谱。锅炉、压力容器中的气瓶等高耗能特种设备的设计文件,应当经国务院特种设备安全监督管理部门核准的检验检测机构鉴定,方可用于制造。 A. 正确 B. 错误 查看完整题目与答案 HSE管理中的HSE分别指的是( )。 A. 健康 B. 安全 C. 环境 D. 能源 查看完整题目与答案 员工有权拒绝不符合HSE的工作、有权https://www.shuashuati.com/ti/30a705f9cab342a38e7012df052b7b92.html
13.app软件设计制作手机app商城开发app封装定制公司海拔网络研发家具商城APP一般具备什么功能? 2021-11-30 当下商城APP研发模式十分成熟,但是功能来来回回都是哪些,那么问题来了,研发家具商城APP一般具备什么功能?下面看看小编是如何回答你的! 菜谱APP开发软件兼具哪些功能? 2021-11-29 当下的年轻人都喜欢点外卖,不喜欢做饭。由于外卖十分便捷,可是做饭也是生活中不能缺少的技http://www.haibagroup.cn/
14.下厨房App的体验创新选题围绕人们自我烹饪美食的问题,也是针对“下厨房”这类菜谱查询,分享菜谱和食谱课程学习App的体验问题,展开的用户体验分析和交互设计创新。选题App也可以用“美食达人”、“烹饪能手”、“厨师菜单”等名字。该选题的目标用户为以本人为核心的一群人。 一、选题:初步的活动定义https://www.jianshu.com/p/4450ff97db19
15.开餐厅如何设计菜单十个技巧教你做有颜值的菜单功能和作用不一样 ,设计也要不一样 一个菜单设计可能不够。你需要为到餐厅用餐的顾客提供一个菜单,包括纸质菜单,角落的广告牌或者用来点餐的数字屏。很多餐厅同样会在他们的网站上提供菜单,另一些则还提供app菜单。 跨平台的菜单设计最需要考虑的是图片。你不仅需要十分谨慎地挑选印刷使用的图片,图片同样对于网站和http://www.bjcpdy.com/nd.jsp?id=72
16.减肥打卡计划app下载相关合辑 减肥打卡软件减肥打卡软件app减肥计划软件免费轻断食减肥计划app计算卡路里的减肥软件免费减肥计划app免费减肥打卡记录体重app每日计划的打卡软件记录减肥打卡app减肥计算卡路里软件减肥的app软件减肥app软件 设计装修房子的app软件刷卡app软件设计app软件设计app的软件停车app软件隐藏app软件免费 https://m.liqucn.com/rj/9309969983092.wml
17.以叮咚买菜为例,看生鲜电商的春天是否已经到来京东京东到家生鲜电展示的并非商品详情,而是“推荐做法”以及紧随“常见问题”与“评价”其后的“为你推荐”设置;这一设置可以帮助一些买了“不知道怎么做”的用户来说显得十分贴心,直接将用户购买的场景转移到用户买回去以后在家烹制的场景;丰富多样的菜谱无论是对厨房“新手”或是经验丰富的“老手”来说,都可谓是十分用心的一个设计https://3g.163.com/dy/article_cambrian/FLEDOK8N0511805E.html