iPhone Duo 侧边 Dock,比折痕更有看头

iPhone Duo 展开形态渲染图

发布会前后,大家盯着的是折痕深不深、有没有比别家折叠机更平整。但等 Apple 官方设计规范上线、开发者网站放出六场 TechTalk 之后,另一件事浮出水面:这台设备真正的工程量,花在交互逻辑上。

折叠屏设备天然面对复杂形态。微软早年端出 Surface Duo 时,Fluent Design 官方页提供过一套堪称繁杂的使用形态描述和交互梳理;那套东西在响应上受限于硬件迟缓,在系统上又被 Android 生态的自由度拖累,两代之后止损收场,却也算替后来的柔性屏设备趟了路。绕不开的问题是:沿袭直板机的交互逻辑,融入一部分平板式布局去适配内屏,再加几组不复杂的分屏手势——折叠屏的交互设计从来算不上规范化。

新任 CEO 特努斯在采访里多次强调不会推出不成熟的产品。这次 iPhone Duo 交出的答案,是把设计起点换掉:放弃”一部手机加一块平板”的旧理解,改按”一本书”来组织。

iPhone Duo 多形态使用示意
合拢、半折、完全摊开,每种姿态都需要各自的回答

为什么起点是书

书这个类比没有出现在面向普通消费者的宣传片里,但在《Design for iPhone Duo》的教程中被直接点明:”It can be used partially folded, like a book.”——它可以像一本书那样,半折着使用。

拿起一本书,不需要先决定它展开到哪个标准角度。两页可以承载一张跨页照片,也可以各自呈现内容;书脊连接两边,半开时又会影响观看;打开一半适合握着读,完全摊开则让两边内容同时进入视野。这些平常到不值得说明的经验,放到折叠屏上对应着一组具体问题:机身怎样打开,内容怎样分布,弯曲的中间区域影响什么,两侧在变化中怎样保持关系。《Raise the bar with iPhone Duo》里,Apple 把这些经验直接摆到了台面上。

“手机加平板”是很好的经验延续,它交代了两块屏之间的映射;”书”更进一步,为开合过程、两侧关系和握持方式提供了原型。这也是 Apple 一以贯之的做法——往回追溯五十年,苹果骨子里一直热衷拟物,而拟物从来不是以物品为中心,是把现实世界的经验迁移进数字世界,让人更快理解。

隐喻不必搬全套。1987 年第一版《Human Interface Guidelines》在讨论隐喻时留过一句提醒:”The metaphor need not be taken to its logical extremes.” 书中的跨页照片可能被书脊挡住,数字界面的内容与控件却可以调整位置;纸页只能显示印好的内容,数字界面可以根据任务收起列表、展开控件。借用书的经验是为了让人看懂这片空间,具体安排仍要服从内容与操作的需要。

1987 年版 Apple Human Interface Guidelines 内页
那份三十九年前的规范,第一章标题是 Philosophy

那份规范里还有一句话被反复引用:”People aren’t trying to use computers—they’re trying to get their jobs done.” 大家想搞定的是手头的工作,使用电脑并非目的。整本书先讨论使用者本身,再进入设计隐喻,然后才推导直接操作、一致性与反馈机制。窗口、菜单、图标都要在这个前提下得到解释。

从 1987 到 Duo 的六条判断方式

苹果设计师 Chan Karunamuni 在 2018 年 WWDC 的《Designing Fluid Interfaces》开场,花了大量篇幅讲交互的底层逻辑:人并不是每次都想好了完整指令身体才行动,推到一半可以停,方向不对可以改,我们会看着反馈不断调整接下来的动作。他那场分享里的结论是——”So, it’s not that our interfaces should be fluid, it’s that we’re fluid, and our interfaces need to be able to respond to that.” 不是界面本身够流动,而是人一直在变,界面得跟得上。

iPhone X 卡片式手势交互示意
这套落在 iPhone X 上的卡片交互,来自 webOS 一代人的经验积累

机器没法预测手指怎么运动,但硬件可以观察手指停顿时的加速度变化:停得越快,变化越明显,系统就越快识别这次动作的转向。随 webOS 问世的卡片交互诞生于 2009 年 1 月,到那场 2018 年的 WWDC 已经快十年;Apple 的推演把卡片交互的颗粒度处理得更细,移动端交互从此不是显性的回合制操作,而是一套实时动态的系统,软硬件要为用户的每一种操作可能性预先做好准备。

2023 年他讲灵动岛,提醒设计展开视图时要尽量维持元素在两种视图中的相对位置,让用户刚刚建立的认知不至于作废——UI 可以变大、信息量可以增加,但用户刚建立的布局感知不该随之丢弃;2025 年讲 Liquid Glass,他又把 MacOS X 的 Aqua、iOS 7 的实时模糊、iPhone X 的流畅交互、灵动岛、visionOS 的沉浸式界面串成一条经验线,把材质、实时模糊、手势交互和控件形态变化放进同一段积累里。把这些分享摊开,可以归纳出六条判断方式,这是从公开分享里做的归纳,Apple 官方并未给它们命名。

情境先行,是从人正在做的事情出发:同一个功能在不同处境下未必能用相同的设计,用户在看什么、手怎么握设备、注意力能停留多久,都会改变界面的组织方式。过程可控,是动作开始后人仍然可以改变主意:拖动、展开、切换的设计要覆盖整个过程,手还在动的时候控制权就不该提前交给一段只能等它播完的动画。空间连贯,是形态可以改变但内在关系保持连续:页面从右边进、返回时从右边出,人靠这条路径理解界面在虚拟空间中的位置。任务连续,是呈现方式变了但正在做的事仍然接得上:空间缩小后信息可以暂时收起,但读到的内容、已作的选择、没输完的字都要被保留下来。反馈明确,是让人知道自己动作带来了什么变化,材质与运动也承担这项工作——按钮展开成菜单,连续变化的轮廓就能解释两者的关系。经验迁移,是让惯性、远近、书页式展开这些已有经验替新交互做理解的起点,隐喻的作用正在于此,同时也可以舍弃现实物体的限制。

这套判断方式并非凭空出现。2012 年移动端设计爆发之后,交互共识越多,厂商就越少回头探讨底层原理;如今移动端设计某种程度趋近乐高式组合,导航栏、瓷片区、金刚区这类融合运营概念、功能指向和视觉要素的高度特化模块,让设计的起点可以直接从模块开始,而不必从人开始。于是 UI 高度趋同。双屏出现之后,这种趋同反倒成了所有问题里最小的一个——用户关心的是某某应用什么时候适配某某手机,而多数适配只是让留白和排版在展开的内屏上不那么突兀。厂商和应用追求的都是”够用”,更像权宜之计,而非从用户出发的解决方案。

Dock 竖起来,锚点落在摄像头

最醒目的变化是 Dock 从底部挪到了右侧竖排,应用内的导航和工具栏跟着搬家。理由很实在:展开后的 Duo 如同护照摊开,人多数时候握住一侧(尤其是右侧),把控制栏继续铺在上下两端绝不是跟手的位置,握着的拇指也不会因为屏幕变大就凭空长出一截。Apple 在《Raise the bar with iPhone Duo》里把”保留纵向内容空间、改善可达性”列为直接理由。顶部和底部不是不能动的祖制,只要调整后用户仍找得到、够得着、记得住,就是好设计。

双屏设备应用适配对比图
过去多数折叠机只解决了”能显示”,Duo 要回答的是”够用且跟手”

巧妙的地方在于,原本成熟的 iOS 组件都有了明确去处,开发者不必八仙过海各开脑洞,不会出现简单粗暴的缩放和留白。而更值得注意的是开合前后的延续性:合拢的外屏与横向展开的内屏放在一起看,常用控件仍沿右侧外缘排列,屏幕变宽、内容多铺一列,交互入口留在原来的位置。内屏转成竖向时控制栏会回到水平布局,所以规范盯的是一组常见使用情境之间的衔接,而不是所有姿态下都固定不动的粗暴适配。

承载通知的灵动岛与摄像头、提供高频交互的共享工具栏、距离虎口和拇指最近的侧边,是整套规范精心挑选的锚点。无论怎么旋转和折叠,这个以摄像头为转轴的工具栏几乎完全不变,像刻舟求剑一样成了不变的参照。官方规范的说法是,纵向上的控件始终与硬件对齐,因此它们在外屏上与摄像头保持相对固定的位置,在从右向左书写的语言中也保持在同侧。内屏两个应用分列两侧时,工具栏做镜像排列,继续强调这套围绕侧边与镜头的排布逻辑。竖起来的 Dock 很容易让人联想到贴在书页边缘的书签——内容一直在变,入口始终好找。

规范里还有一句不能打破的要求:”Locate controls near the content they affect.” 管理邮件列表的工具就该让人看得出它属于列表,处理单封邮件的操作不能与之混在一起。工具不会为了排出整齐的一条侧栏就全搬到最右边。设备形态改变,控件可以重排;但用户辨认工具归属所依赖的关系,既有明确锚点,也遵循原来的空间逻辑。

展开动画与铰链:让开合变成一次交互

从合拢到展开,外屏那一侧对应的半边内屏先呈现一片柔化的光色;机身继续打开,模糊逐渐减弱,沙丘与山脊的轮廓显露出来,最后与另一半接成完整的锁屏。两侧并非始终保持相同清晰度,正在展开的那一侧承担更明显的视觉变化。相比直接亮起一块完整大屏,这个过程让人看懂眼前的内容怎样从原先的显示范围延伸到新的空间。

书页绕书脊转动、逐渐朝向观看者,解释了展开的次序与可见范围;玻璃在不同观看角度下的光色变化,提供了材质上的联想。Chan 在 2025 年的分享里讲过透明物体怎样通过光线弯曲传达自身的存在、形态与运动,也明确把视觉与运动作为整体设计:Liquid Glass 对象通过逐步调整光线弯曲与透镜效果来显现和消隐,而不是简单淡入淡出。模糊与清晰度的变化,可以理解为对表面姿态变化的视觉解释。当然,现有材料没有交代这段展开效果的具体渲染算法,也无法据此确定模糊程度与铰链角度的精确对应关系。

在触碰应用内按钮之前,打开机身本身就已经是一次交互。Apple 给应用提供两类铰链数据:一类说明设备是合上、部分打开还是完全展开,可以理解为几个明确档位;另一类持续报告转动角度,适合让效果紧跟手上动作。《Leverage multiple displays and scenes on iPhone Duo》用一把虚拟吉他做案例——铰链像吉他的摇把,手腕只转一点,音高立刻变化;中途反向转动,音高也得跟着降。开屏动画里画面由模糊到清晰,正是拿铰链角度做识别的最简单应用。

弯折区域里的取舍

设备半折时,内屏中央会形成一块不适宜显示和阅读的弯曲区域。《Strike a pose with adaptive layouts on iPhone Duo》用一本真正的书和跨页图片来解释这种不便:内容跨过折叠区域时也会遇到同样的问题。最直接的处理是把靠近中央的内容全部推向两侧。Apple 在演示里分得更细——平摊状态下居中的弹窗会移到一侧确保可读,而附带菜单的图片这种成对组件会自动分到铰链两侧,同时靠近中间以强调两者的关联。

不同形态下的界面布局对比
哪些东西需要一起移动,取决于它们原本是什么关系

文章、信息流、文档和列表又是另一套处理。它们本来就能上下滚动,折痕附近的内容可以随滚动离开中央;为了一小段受影响的文字就让整篇文章跳向另一侧、甚至突然拆分整个布局,反而会打断阅读。判断标准很朴素:内容是否还看得清,手指能否点中,哪些东西需要一起移动。弹窗的位置变化更典型:平铺时居中,半折时移到靠近共享工具栏的右侧,合上竖屏时重回居中;而当 Duo 像笔记本一样支在桌面上,最佳视角集中在弯折后的上半屏,关键信息的弹窗就自动上移。播放界面里则反过来——内容才是信息消费主体,低频的播放控制留在与视角不平行的下屏。

这些细节背后是同一套依据:眼睛从多远的地方看,主要在看什么,手指在哪一块屏上操作,控件属于哪项内容,摊开时页面怎么组织,合上后哪些折叠哪些保持显示。所谓回到人的使用处境,具体到这里就是重新检查那些早已熟悉的位置——哪些仍然方便,哪些需要调整,调整之后又该留下什么参照。

有限空间里还得排优先级。规范给了两张对照的状态图:工具栏收拢、标签栏保留,以及标签栏收拢、工具栏保留。同样是控件变少,先隐藏哪一个取决于当前任务是什么——导航优先还是操作优先,答案并不一样。屏幕提供了更大的布局自由,设计也因此要更认真地对待用户已经形成的认识。

这台机器到底怎么样,恐怕要等半年甚至一年才谈得上冷静清晰的结论。眼下能看清的是另一件事:Apple 把开合这个简单动作拆成了停留、折返、继续工作三种需求,让每个控件的变化、收纳和避让都有理由可讲。读规范、看官方视频的过程有点头疼,但那条从 1987 年延伸到今天的线索,确实比折痕更值得看。