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

下图是《移动应用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可以让你在这里学习粤菜、川菜、鲁菜、淮扬菜、浙菜、闽菜、湘菜、徽菜,海量的菜谱让你从新人小白开始学起,你可以选择喜欢的菜系学习,还可以学习多个菜系,让你感受每个菜系不同的风味。在这些软件中一般都会分类特别详细,你可以根据需求来筛选或者搜索,还为你提供详细的图文菜谱也有的提供视频菜谱,让你分http://www.downcc.com/k/badacaixiapp/
2.家常菜app哪个比较好?家常菜app下载家常菜菜谱大全app美食杰手机移动版(家常菜谱大全)是一款专门为喜爱做美食人群设计的手机应用,海量菜谱、三餐推荐,还可以关注好友一起研究好吃的菜品哦!还等什么?快来下载体验吧!美食杰移动版 美食家常菜谱大全做法 22.82M / 2022-06-01 / v1.3.3 安卓版 评分: 下载 http://www.downyi.com/key/jiachangcaiapp/
3.家常菜点餐基于小程序的家庭大厨家常菜点餐系统设计与实现(源码+数据四、数据库设计 五、核心代码 六、论文参考 七、最新计算机毕设选题推荐 八、源码获取: 博主介绍:大厂码农|毕设布道师,阿里云开发社区乘风者计划专家博主,CSDN平台Java领域优质创作者,专注于大学生项目实战开发、讲解和毕业答疑辅导。 主要项目:小程序、SpringBoot、SSM、Vue、Html、Jsp、Nodejs等设计与https://blog.csdn.net/m0_66468899/article/details/144337136
4.学菜谱app排行榜前十名偏玩手游盒子分享十大学菜谱app排行榜前十名手机应用,编辑为您推荐手机学菜谱app排行榜第一名到前5名到前十名的应用。找学菜谱app有哪些、学菜谱app哪个好用,上偏玩手游盒子https://m.pianwan.com/s/zj-561529
5.十大好用的美食菜谱app厨房小白新手下厨必备的学做菜视频app想学做菜的你,面对食材无从下手?其实很简单,手机上下载个菜谱app就能搜索你想做的菜详细做法。那么菜谱app哪个好用?MAIGOO小编特地给大家整理了十大好用的美食菜谱app排行榜,包含下厨房APP、豆果美食APP、香哈菜谱app、好豆菜谱app、美食杰App、美食天下app等国内好用https://m.maigoo.com/goomai/207069.html
6.基于android的菜谱app的设计与实现菜谱应用基于android的菜谱app的设计与实现 菜谱应用 想要开发出一款靠谱好用的美食菜谱APP小程序系统,需要具备哪些基本功能呢? 1、视频教学。对于美食的教学教学方法最直接受用的就是视频教学,用户浏览起来更加方便而且可以直接跟着视频操作,效果更佳。用户也可以自己拍摄制作美食的视频上传到平台,分享给其他用户浏览查看,既提高https://blog.51cto.com/u_12205/9416648
7.食堂一周菜谱明细表制作软件食堂一周莱谱为了方便食堂工作人员制作一周菜谱,并为就餐者提供丰富多样的菜品选择,我们开发了一款名为“食堂一周菜谱明细表制作软件”的软件,该软件能够根据预设条件和要求,快速生成一周菜谱明细表,方便食堂工作人员进行参考和修改。 功能特点 1、自动生成一周菜谱:软件可以根据预设条件和要求,自动生成一周菜谱明细表,包括每天的菜https://www.coffee.cn/xican/post/378174.html
8.界面设计小小厨美食菜谱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
9.美食菜谱app手机界面图片免费下载美食菜谱app手机界面素材千图网为您找到163张美食菜谱app手机界面相关素材,千图网还提供美食菜谱app手机界面图片,美食菜谱app手机界面素材, 美食菜谱app手机界面模板等免费下载服务,千图网是国内专业创意营销服务交易平台,一站式解决企业营销数字化、协同化,实现营销转化效果增长!https://www.58pic.com/tupian/meishicaipuappshoujijiemian.html
10.多功能美食菜谱APP方案设计毕业设计论文.pdf多功能美食菜谱APP方案设计毕业设计论文.pdf,摘要 本设计主要针对Android移动平台多功能美食彩票系统进行分 析和设计。设计一款基于Android的一款多功能菜谱软件,客户通过 手机能够获取美食菜谱、食材信息、健康资讯、在线社区以及线上、 线下互动服务。本次APP设计以内容https://max.book118.com/html/2021/0107/8062106036003035.shtm
11.美食菜谱类APP界面设计今天跟大家分享的是一款美食菜谱类APP的界面设计。现在美食菜谱类的APP有很多,如何才能在众多的竞争对手中脱颖而出。APP界面设计是一个重要的因素。一起来看看这款“妈妈快厨”APP的界面设计,对您设计相关的APP有所帮助。 1、颜色选择 2、图标设计 3、登录注册界面 https://www.adinnet.cn/bloginfo/2018_05/blog_3721.html
12.自己制作菜单的APP推荐自己制作菜单的下载优先用豌豆荚APP下载 No.4 家常美食菜谱 生活休闲|22.02MB 家常美食菜谱提供家常菜、菜、下饭菜、素菜、创意菜几大分类菜谱,收集很多甜品、烘焙、减肥、塑形等食谱,以及来自全国各地的数十万道中华美食,汇集各种中国美食、健康食谱、家常菜、健身食谱、美食制作等食谱美食轻松制作。也有对您的健康状态,体质,慢性疾病和https://www.wandoujia.com/bangdan/555652/
13.做菜不用再问妈:这7个App换着用,让你从厨房小白变大厨一款设计精美的菜谱 app,推荐大都为异域美食,可以拓展自己美食边界。内置主题菜谱不仅能让人学会怎么做饭,还能教会你为什么要这么做。每个菜谱明确标记了烹饪时间和每份所含营养值,若为烘焙菜谱还会给出静置时间作为参考。在食材方面可以选择为几个人做饭,并根据人数来确定食材的多少。所有菜谱食材均可一键加入购物单,买菜https://36kr.com/p/1390010704837635
14.菜”的图片)要求:1新建大小为A4,模式为CMYK的设计制作菜谱单页(突出“菜”的图片) 要求:1、新建大小为A4,模式为CMYK的文件。 2、通过【矩形工具】【椭圆工具】及路径查找器绘制相应图形。 3、通过置入命令置入图片。的答案是什么.用刷刷题APP,拍照搜索答疑.刷刷题(shuashuati.com)是专业的大学职业搜题找答案,刷题练习https://www.shuashuati.com/ti/8d3682ee6e824bb284b547f3eb827578.html?fm=bd117819e97e30b4799a5f83c3d240e1cd
15.外卖新人免单由谁付费,外卖新人免单app有哪些?一、外卖店菜谱设计 1、首先是设计好菜单及价格,这两点非常关键。快餐的定价需要多动动脑筋,价格高了客单量少,低了没利润甚*亏本,外卖平台一般收取18~20个点,所以也要参考下其他客单量高的店铺的价格以借鉴,然后结合成本定出合理的快餐和套餐价格。 https://www.keloop.cn/information/art11727.html
16.app软件设计制作手机app商城开发app封装定制公司海拔网络研发家具商城APP一般具备什么功能? 2021-11-30 当下商城APP研发模式十分成熟,但是功能来来回回都是哪些,那么问题来了,研发家具商城APP一般具备什么功能?下面看看小编是如何回答你的! 菜谱APP开发软件兼具哪些功能? 2021-11-29 当下的年轻人都喜欢点外卖,不喜欢做饭。由于外卖十分便捷,可是做饭也是生活中不能缺少的技http://www.haibagroup.cn/
17.开餐厅如何设计菜单十个技巧教你做有颜值的菜单功能和作用不一样 ,设计也要不一样 一个菜单设计可能不够。你需要为到餐厅用餐的顾客提供一个菜单,包括纸质菜单,角落的广告牌或者用来点餐的数字屏。很多餐厅同样会在他们的网站上提供菜单,另一些则还提供app菜单。 跨平台的菜单设计最需要考虑的是图片。你不仅需要十分谨慎地挑选印刷使用的图片,图片同样对于网站和http://www.bjcpdy.com/nd.jsp?id=72
18.三年级科学上册教案《5设计一日食谱》鄂教版教学目标: 1、 能根据一天所需的食物营养设计一日食谱。 2、 能利用图书、网络等方式获取制定“一日食谱”的相关资料。 3、 通过收集资料、与他人交流等形式,制定一份较为科学的“一日食谱” 4、 乐于用所学的知识改善自己的生活,形成良好的生活习惯。教学准备: PPT课件、设计菜谱卡片、设计食谱相关视频。教学https://m.zxxk.com/Soft/22539815.html
19.如何设计精美绝伦的婚宴菜单接亲网一般要怎么样设计婚宴的菜谱呢?一起来随小编了解一下吧! 一、如何设计精美绝伦的婚宴菜单 1、婚宴菜单因人而配 上等婚宴的标准便是根据宾客喜好而特别定制菜品,作为普通百姓婚礼,不可能做到如此精细地步,但也要尽量根据宾客的口味、风俗、习惯等配置菜品,例如,在主桌中就坐宾客大多为老人,需要避免高糖(糖尿病)、https://www.jieqinwang.com/baike/90894
20.做饭前先计算,程序员设计“方程式”菜谱走红做饭前先计算,程序员设计“方程式”菜谱走红 【看苏州专稿 文、视频/张钟予 李郁昊 曹前】 家里来了客人聚餐时,准备多少道菜合适? 苏州软件工程师薛锋将自创的一套《程序员做饭指南》上传网络后,其“方程式”菜谱在全球最大的代码托管平台GitHub走红,受到各地程序员们的点赞。https://news.2500sz.com/doc/2022/11/02/918369.shtml
21.餐厅菜单设计免费餐厅菜单设计模板在线餐厅菜单制作设计软件MAKA APP 手机扫一扫即可下载 iPhone Android 开通会员 设计学院 成为设计师 设计师作品管理 设计师帮助中心 我的作品 5分钟轻松创作,一键生成餐厅菜单设计模版 20w+海量精美模版,轻松营销不求人。 马上体验 在线作图神器,一站式设计服务 品类介绍 菜单是餐厅为便于顾客点菜订餐而准备的介绍该企业产品、服务与价格等内https://www.maka.im/zhinan/cantingcaidna