一句话结论
Apple 官方上线 iPhone Duo 开发者指南,确立以“书”为隐喻及液态玻璃(Liquid Glass)材质的交互逻辑,强制开发者适配右侧竖排控件与铰链角度实时反馈机制。
关键要点
- Apple 在开发者网站发布了 6 个 Tech Talk 视频,涵盖从应用准备到多屏利用的全套适配指南。
- iPhone Duo 的 Dock 及导航工具栏从底部移至右侧竖排,以适应合拢态外屏较宽、上下布局拇指可达性差的硬件特性。
- 铰链提供离散状态与连续角度两类数据,开发者可利用连续角度实现如虚拟吉他音高随开合角度变化的实时交互反馈。
- 展开动画采用液态玻璃材质,通过光线弯曲与透镜效果,使外屏模糊区域随机身打开逐渐减弱并显露轮廓,最终与内屏拼接成完整锁屏。
- 弹窗位置具备动态情境适配能力:平铺时居中,半折时移至右侧,桌面支架模式下移至上下屏特定位置,避免遮挡铰链弯曲区。
背景与事实
Apple 设计团队近期在官方渠道发布了针对全新折叠屏设备 iPhone Duo 的交互设计规范与开发者资源。此次更新包括官方设计指南及 6 个 Tech Talk 视频,编号从 111461 至 111465,内容覆盖应用准备、交互标准提升、姿态设定、多屏利用及摄像头体验。这一举措标志着 Apple 在折叠屏交互层面确立了标准化的工程落地路径,旨在解决双屏设备在物理形态变化时的界面连贯性问题。
在视觉与核心隐喻上,Apple 将“书”确立为 iPhone Duo 的设计基石。官方视频《Design for iPhone Duo》指出设备可像书籍一样半折使用。这一拟物隐喻延续了自 1987 年《Human Interface Guidelines》以来的传统,旨在将现实经验迁移至数字世界,但此次创新在于引入了“液态玻璃”(Liquid Glass)材质。该材质并非简单的透明度变化,而是通过光线弯曲与透镜效果实现对象的显现与消隐。在展开动画中,外屏对应内屏的半边先呈现柔化光色,随着机身打开模糊度减弱,轮廓显露并与另一半接成完整锁屏,从而在软件层面建立了硬件动作与视觉变化的强对应关系。
布局设计的重大调整集中在控件定位上。传统 iPhone 的 Dock 及导航、工具栏位于底部,而在 iPhone Duo 上,这些元素移至右侧竖排。官方理由基于人体工学与硬件限制:合拢后外屏宽度较大,纵向布局占用空间且不利于单手拇指操作;右侧布局则更符合类似护照的握持习惯。尽管在折叠状态或朝向变化时布局需适应(如内屏转竖向后控制栏恢复水平),但设计团队以摄像头或灵动岛为锚点,确保纵向控件与硬件对齐。在外屏及右向左语言环境下,控件保持在固定边缘,以维持交互入口的空间一致性。这一设计呼应了设计师 Chan Karunamuni 在 2018 年 WWDC 分享的空间连贯原则,即界面运动需维持一致性,即使屏幕中心、宽度及栏目数随展开闭合而变化,控制组件仍应沿固定边缘排列,保持用户的“侧边栏”预期。
针对折叠屏特有的物理限制,规范明确了铰链数据的利用方式。铰链传感器提供两类数据:离散状态(合上、半开、全开)用于判断设备形态,连续角度则用于实时反馈。Tech Talk 111464 举例说明,开发者可利用连续角度驱动虚拟吉他音高的变化,或根据开屏动画的模糊度随铰链角度识别而变化来优化体验。在内容呈现上,规范指出设备半折时内屏中央弯曲区不适宜显示关键信息;平摊时居中弹窗需移至一侧;关联图片组件应分置铰链两侧并靠近中心。文章或列表内容可随滚动离开折痕区,避免整体跳变。此外,弹窗位置具备高度动态性:平铺时居中,半折时移右侧,合上竖屏时居中,而在桌面支架模式下,弹窗移至下屏,播放界面控件则置于下屏,确保在不同姿态下核心操作始终可达。
影响分析
这对中文开发者与从业者而言,意味着折叠屏应用开发范式的根本性转变。传统双屏或折叠屏开发往往依赖窗口管理,而 Apple 此次规范强调“空间连贯”与“硬件感知”,要求应用不仅响应尺寸变化,更要实时读取铰链角度。对于已适应 iPhone 生态的开发者,最大的挑战在于控件布局的逻辑重构:从底部横向思维转向右侧纵向思维,且需处理右向左语言的边缘固定逻辑。
此外,液态玻璃材质的引入提升了视觉工程门槛。开发者需理解光线弯曲与透镜效果对控件清晰度的影响,不能仅依赖 Alpha 通道透明度调整。对于游戏或工具类应用,铰链连续角度数据的开放提供了新的交互维度,允许将物理开合动作直接映射为游戏参数或音量控制,这为创新交互体验提供了具体技术路径。遵循 Tech Talk 111461 至 111465 的指导,能够显著降低适配成本,避免因弹窗遮挡折痕区或布局错位导致的用户体验断裂。
适用边界
该规范结论主要适用于原生支持 iPhone Duo 硬件特性的软件应用,尤其是依赖全屏交互或复杂控件布局的工具、阅读及多媒体应用。对于主要依赖键盘输入、全屏游戏引擎完全接管渲染管线,或目标用户群体极少使用折叠形态的应用场景,右侧竖排 Dock 与铰链角度实时反馈的必要性降低,部分交互约束(如弹窗动态移位)可能因性能开销或视觉冗余而选择简化处理。
孤本观察
这是编辑基于本文事实的判断:Apple 通过强制“右侧竖排”与“铰链数据驱动”两项硬指标,将折叠屏的“形变”从纯视觉问题转化为可量化的工程参数,意在通过统一的空间锚点(摄像头/灵动岛)消除多形态切换时的认知负荷。
常见问题
iPhone Duo 的 Dock 及导航工具栏为何移至右侧竖排?
因合拢态外屏较宽,底部上下布局拇指可达性差且占用空间;右侧布局更符合类似护照的握持习惯,利于单手操作。
铰链提供的连续角度数据可支持什么交互案例?
开发者可利用连续角度实现实时交互反馈,例如虚拟吉他音高随开合角度变化,或根据开屏动画模糊度变化优化体验。
在桌面支架模式下,iPhone Duo 的弹窗位置会发生什么变化?
弹窗移至下屏,播放界面控件也置于下屏,确保在不同姿态下核心操作始终可达。
液态玻璃材质在 iPhone Duo 展开动画中的视觉表现是什么?
外屏对应区域先呈现柔化光色,随机身打开模糊度逐渐减弱并显露轮廓,最终与内屏拼接成完整锁屏。
来源:少数派