首页 > 交互 > 关键词   >  产品设计最新资讯  > 正文

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

2011-10-25 15:05 · 稿源:幻风阁

标签页

在ios上标签页一般依附在屏幕的底部,标签栏将应用功能一一归类,点击一个标签就会跳转到相应的页面上,然后该标签以高亮的形式表明你当前的位置。在标签页模式下,每个标签对应的页面都可以有自己的界面风格和特定的内容与功能,看起来就像是在运行一个独立的应用。

标签栏的高度是49像素,每个按钮都会包含一个文本标签和图标,按钮的宽度取决于放置按钮的数量,标签栏限制最多可以放5个图标,超过之后会在第5个按钮的位置出现”更多“的标签。

当然,标签栏以49像素的高度存在其实占用了不少的屏幕空间,所以在某些情况下可以适当的去掉标签栏,典型的就是图书类应用的全屏阅读模式。

树状结构 

这种模式简单来说就是将层级信息分类到一棵倒置的树枝上。这种导航模式很适合列表,点击列表中的一项可以看到新的列表,列表可以再进行分拆,直到进入项目的详情。树状结构的一个变形就是表格视图,也就是我们常说的”9宫格”,这种变形更加的图形化。

当然,根据信息的不同,树状模式中的标签也可以进行分组。一个树状模式可以分为若干的组,每个组可以包含任意数量的行数。

3类导航模式的比较

导航模式的组合应用

平铺列表、标签页、树状结构3种导航模式并不是互斥的,完全可以在一个应用里对他们进行混搭。这种混搭可以帮助我们克服单个导航模式的短处。

模态视图

我们经常会遇到在某个路径中滑出一个单屏、进行编辑、查看信息、操作界面的上的内容的情况发生。这是一种应用行为的特定形态,一般带有流程的界面变更的情况发生,比如一张页面临时取代了整个应用程序的显示屏,我们称这种处理方式为“模态视图”。默认情况下,模式视图从屏幕底部边缘滑上来切一半覆盖了当前整个屏幕,模态视图完成和程序主功能有关系的独立任务,尤其适合于主功能界面中欠缺的多级子任务。这种操作会暂时绕开应用的正常操作。

模态视图常常被用来编辑或添加内容,当你需要的时候模态视图一般从屏幕底部滑出而后遮盖先前的页面,当你完成任务后滑出的页面也会相应的缩回去,然后可以继续之前的流程。有些控件和界面元素只在次要任务中被偶尔用到,模态视图很好的把他们暂时隐藏了,并且当需要的时候出现,有效的节约了屏幕空间。

模态视图有点像是导航中的死胡同,为了能够让用户也可以同样方便的回到正常的流程中去,模态视图除了正常的操作之外一般还有加上一个“完成”按钮,或者“取消”按钮。

最后,一个移动产品设计的礼仪问题:

当用户从你应用的一个地方跳转到另外一个地方再原路返回来的时候,应用应该主动恢复到他上次离开的样子(千万不要重新加载,你懂的!)。这玩意学名叫状态恢复,这种保持不变的礼仪对移动产品的体验来说相当重要!

文章来源:ikent.me/blog/3798 转载请注明出处链接。

举报

  • 相关推荐
  • 大家在看
  • 墨刀AI生成原型图,产品设计快人一步

    国内原型设计平台墨刀发布"AI生成原型图2.0"功能,30秒即可生成可编辑原型图,大幅提升产品设计效率。该功能通过AI技术解决传统原型设计周期长、效率低、修改繁琐等痛点,支持文字描述或图片上传自动生成高保真原型图,并可二次编辑优化。这一创新不仅标志着墨刀AI能力的全面升级,更代表产品设计方式的一次革新,显著加快产品迭代速度。未来,AI原型设计有望成为行业标配,助力企业更快响应市场需求,提升产品竞争力。

  • 小米YU7空调模式怎么用:官方详解

    小米汽车官方微博介绍了小米YU7的多种空调模式用法,具体如下。 吹风模式设置: 在空调主页面,A/C”右侧是自然风”模式开关,开启自然风”模式,车辆前后排空调出风口将自动调节风速,相比普通模式的恒定风速,该模式模拟了大自然吹风的感觉,避免持续大风量直吹带来的不适感。

  • 蚂蚁AQ推出iOS版:24小时火速登顶苹果应用榜

    近日,蚁集团旗下AI健康应用正式推出iOS版。 上线不到24小时,火速攀升至苹果应用商店医疗榜榜首,超越小荷AI医生、京东健康等应用,成最受欢迎医疗健康应用。 据悉,AQ是蚂蚁在医疗健康领域的战略级应用,通过自研医疗大模型能力,向用户提供寻医、问诊、读报告、测健康等上百项AI服务,同时与近百万真实医生、超5000家公立医院等专业服务链接。 此前,AQ在6月26日�

  • 折叠屏iPhone首发!苹果马上启动iOS 27开发工作

    苹果很快就会启动iOS 27的开发工作,该公司将优先为折叠屏iPhone打造专属软件功能。 按照计划,iOS 27会在明年上半年的WWDC开发者大会上正式亮相,明年9月份推出正式版系统,由折叠屏iPhone首发搭载。 尽管Mark Gurman并未爆料iOS 27会有哪些折叠屏定制功能,但考虑到折叠屏的屏幕形态和定位,iOS 27首先要做的是分屏功能,业界期待苹果利用折叠屏的大屏优势实现更高效的多任务

  • A日报:Trae 2.0 正式升级 SOLO 模式;通义发布Qwen3新模型;智谱AI重磅推出Zread

    本期AI日报聚焦多项AI领域突破:1)Trae 2.0推出SOLO模式,实现AI全流程自主开发;2)阿里通义发布Qwen3-235B大模型,支持256K文本处理;3)智谱AI推出Zread工具,一键转换GitHub项目为使用手册;4)零一万物发布万智企业大模型平台2.0及定制Agent方案;5)字节跳动推出通用机器人模型GR-3,具备高精度操作能力;6)Pika推出AI视频特效APP,降低创作门槛;7)Dia浏览器将上线AI驱动的"分身鼠标&

  • 国内MCP服务器搜索引擎有哪些?MCP导航站平台推荐

    在人工智能技术蓬勃发展的今天,AI模型与外部工具和服务的交互能力正成为推动技术进步的关键。AIbase(<https://mcp.aibase.cn/>)作为一个专注于MCP(Model Context Protocol,模型上下文协议)服务器的集合平台,为全球的AI开发者和研究人员提供了一个前所未有的资源库,助力AI技术的进一步发展。 AIbase平台的核心在于其对MCP协议的深度整合。MCP协议是一种开放标准协议,允许AI模�

  • 苹果iOS 26公测版本周发布:预计7月23日亮相

    据知名记者马克·古尔曼(Mark Gurman)最新分析,苹果iOS26公测版有望在7月23日前后与大家见面。这一消息让众多苹果用户翘首以盼,毕竟公测版往往意味着能提前体验到新系统的诸多特性。 此次iOS26公测版发布后,所有支持该系统的iPhone用户都将迎来升级机会。用户只需在Apple Beta官方网站申请资格,就能直接在设备设置界面轻松完成升级,操作流程相对简便,降低了用户参与

  • 微信iOS又有新功能 聊天终于能发实况图片了

    日前,微信iOS版又迎来新功能与好友聊天支持发送实况照片,目前为灰度测试阶段。 据了解,使用该功能需要将微信iOS更新至8.0.61版本及以上,默认实况为关闭状态,发送照片时点击进入大图预览页面可手动开启单个照片的实况开关。

  • 苹果iOS 26新版本来了:任何人都能升级

    苹果爆料人Mark Gurman透露,苹果公开测试版系统预计将于7月23日前后发布。也就是说,iOS 26、iPadOS 26、macOS 26等系统的公开测试版在下周某个时间点推出。 具体来说,苹果将发布的公开测试版系统包括iOS 26、iPadOS 26、macOS 26、tvOS 26、watchOS 26、HomePod Software 26等等,根据苹果官网公布的信息,该公司不打算推出visionOS 26的公开测试版。 任何人都可以免费注册成为苹果测试版软件�

  • 准确率92%!苹果新模型可通过行为模式预测怀孕

    据媒体报道,苹果公司联合美国心脏协会和哈佛医学院布莱根妇女医院,在健康预测领域取得重大突破,推出基于行为数据的可穿戴模型WBM(Wearable Behavior Model)。 这项研究标志着健康监测从传统生物指标(如心率、血氧)向行为数据分析的拓展,为疾病预测提供了全新视角。 研究团队利用超过25亿小时的可穿戴设备数据训练WBM模型,使其能够从步数、活动能力等高层次行为

这篇文章对你有价值吗?

今日大家都在搜的词: