8.6
深览指数
产品少数派·阿斯巴盐··AI 生成
比起折痕， iPhone Duo 的交互设计更加令人着迷
本文深入分析了iPhone Duo折叠屏设备背后的交互设计逻辑，认为其价值远高于硬件折痕问题。作者从Apple人机交互设计的历史脉络出发，梳理了从1987年HIG到WWDC 2018的《Designing Fluid Interfaces》、2023年灵动岛、2025年Liquid Glass等关键节点，提炼出“情境先行”“过程可控”“空间连贯”等元设计原则。文章核心观点是：Apple以“书”的隐喻作为Duo的设计起点，重新规划了Dock和工具栏的侧边布局，并利用铰链角度作为交互变量，构建了一套连贯的、从用户情境出发的交互体系。文章适合对交互设计、Apple产品设计哲学有深度兴趣的读者，尤其是在思考折叠屏新交互范式而非硬件参数的人群。原文 ↗
核心观点
- ▍iPhone Duo的交互设计核心是以「书」为隐喻，而非简单的「手机+平板」组合，这为折叠屏多变的使用形态提供了统一的设计起点。
- ▍作者从Apple历代WWDC分享（特别是设计师Chan Karunamuni的演讲）中提炼出六条「元设计原则」——情境先行、过程可控、空间连贯、任务连续、反馈明确、经验迁移——认为它们比「流畅」「自然」等空泛原则更具指导价值。
- 01Apple 1987年《Human Interface Guidelines》明确指出「人们并不是想使用电脑，而是想完成手头的工作」，强调设计应从人的目标出发。
- 02WWDC 2018《Designing Fluid Interfaces》中，设计师Chan Karunamuni论证了界面应适应人的流体性——人会在操作中停顿、试探、转向，界面需实时响应。
- 03WWDC 2023关于灵动岛的分享中，Chan强调展开视图时应保持元素相对位置的连贯性，让用户无需重新辨认信息。
- 04WWDC 2025《Meet Liquid Glass》将Liquid Glass的设计历史追溯至Mac OS X的Aqua、iOS 7的实时模糊、iPhone X的流畅交互等关键节点，形成连贯的设计资产传承。
- 05iPhone Duo将传统的顶部导航栏、底部标签栏移至屏幕右侧，形成竖排Dock和工具栏，基于「书」的握持逻辑——拇指自然落在设备右侧边缘。
- 06Apple HIG要求「将控件放在它所影响到的内容附近」，iPhone Duo的侧边控件布局并非死板固定在右侧，而是保持与内容容器的关联性。
- 07iPhone Duo提供了铰链角度状态的两类数据：明确的档位（合上/半开/全开）和连续的角度变化，后者可用于实现实时交互效果，如虚拟吉他音高随转动角度变化。
- 08设备半折时，中央弯曲区域旁的弹出框会自动右移，跨页图片的关联组件则分布到铰链两侧以强调关系，体现了「空间连贯」原则。
反方 / 局限
- — 文章承认，iPhone Duo的真实体验需要等待半年到一年后才能有冷静结论，当前分析主要基于官方设计规范和演示，缺少长期实际使用验证。
- — 作者指出，铰链转动时的UI变化「取决于内容是否还能看清，用户手指能否点中；哪些东西需要一起移动，则取决于它们原来是什么关系」，这种高度情境化的设计增加了开发者和设计师的复杂度和适配工作量。
iPhone DuoChan KarunamuniApple Human Interface Guidelines书铰链Liquid Glass灵动岛Surface DuoFluent DesignwebOS特努斯WWDC 2018攻读
47 分钟 · 4 卡片 · 12 资料
读原文 →