
折叠屏手机发布了一轮又一轮,交互逻辑却始终没跑出"手机加平板"的框架:合上用小屏,打开用大屏,再加几个分屏手势,仅此而已。微软的 Surface Duo 曾尝试过更彻底的双屏交互,两代而亡。直到 Apple 交出 iPhone Duo 的设计方案,这件事才第一次让人觉得想清楚了——而它的答案出奇地朴素:把折叠屏当成一本"书"。
隐喻不是修辞,是设计主线
这个类比在面向大众的发布会上并未明说,但在面向开发者的视频里写得很直白:"它可以像一本书那样,半折着使用。"拿起一本书时,你不需要先决定展开到哪个标准角度:两页可以放一张跨页照片,也可以各自呈现内容;半开适合握着读,全摊开则让两侧同时进入视野。这套日常经验恰好对应折叠屏最难回答的问题——机身打开到一半时,内容怎么分布,两侧怎么保持关系。

用熟悉事物组织数字界面,是 Apple 的老传统。1987 年的第一代人机界面指南就在讲拟物:把现实世界的经验迁移到数字世界,让人更好理解。但那本指南同样留了一句关键提醒——"不必把隐喻推演到逻辑上的极端"。纸页会被书脊挡住,数字界面却可以把控件挪开;借书的经验是为了让人理解空间,具体安排仍然服从任务需要。
展开动画:让虚拟空间显得真的存在
从合拢到展开,外屏对应的那半边内屏先呈现一片柔化的光色,随着机身打开逐渐清晰,最后与另一半接成完整的锁屏。两侧清晰度不同步的这段过程,解释了内容如何从旧的显示范围延伸到新的空间。这套处理与 Liquid Glass 的材质逻辑一脉相承:对象显现和消失不是简单淡入淡出,而是逐步调整光线的弯曲与透镜效果,保持材质的光学完整性。于是打开机身这个动作本身,就成了第一次交互。
Dock 竖起来:锚点换到虎口边
最直观的变化是导航栏、工具栏和 Dock 从上下两端移到了右侧竖排。道理不复杂:握住一本摊开的书时,手握的是书的侧边;屏幕展开变宽后,拇指不会凭空变长,把操作入口挪到虎口旁边才是真正可达的位置。上下铺设控制栏会占掉本就有限的纵向空间,而侧边几乎零成本。
更讲究的是锚点的稳定性:纵向控件始终与硬件对齐,在外屏上与摄像头保持相对固定的位置,即使旋转成横屏、内外屏切换,工具栏依然围绕镜头与灵动岛排布。屏幕形态怎么变,"要找的操作就在右手侧边"这个预期始终成立。这正是动效设计的核心原则——形态可以改变,已经理解的关系应当保持连续。

铰链是输入,折痕是边界
铰链数据分成两类给到开发者:合上、半开、全开的档位,以及连续的转动角度。档位适合判断设备处于哪种形态,角度则让效果紧跟动作——演示里一把虚拟吉他的音高随铰链角度连续变化,展开动画的模糊程度也由角度驱动。而内屏中央那块弯曲区域被当作边界处理:弹窗会自动避开折痕移到一侧,笔记本模式下弹窗移到上屏,播放控件则让位到下屏;列表和文章这类可滚动内容反而不必跳走,让文字自然滚过折痕即可。

iPhone Duo 的硬件素质还要等真机检验,但这套设计规范值得每个做界面的人读一遍:它示范了当设备形态改变时,设计师该如何重新检查那些"从来如此"的位置——哪些仍然好用,哪些必须挪动,挪动之后留下什么参照物。把熟悉的隐喻交给用户,把精确的连续性留给系统,这大概是折叠屏交出的第一份像样的答案。
文章标题:iPhone Duo 交互设计拆解:一本书的隐喻如何重塑折叠屏体验
文章链接:https://www.muooy.cn/15679.html
更新时间:2026年09月29日
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:305582964@qq.com,我们将第一时间处理!2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读用户协议和免责声明。

