7.2
深览指数
产品人人都是产品经理·彩云sky··AI 生成
苹果折叠屏，一个动画就让人想换手机？
本文从 UI 设计师视角，逐帧拆解了苹果折叠屏 iPhone Duo 的开合动画，分析其如何通过界面投影取色、透视压缩与模糊渐变来创造视觉连续性、而非屏幕切换的割裂感。作者将此设计归因于苹果将折叠动作本身作为交互反馈的思维，并对比了三星用户的复刻版本在细节上的差距。文章还讨论了苹果以具体使用场景（视频通话分屏、多人合影）而非硬件参数为核心的宣传策略，并点出国内厂商在设计话语权与工程实现之间的常见困境——一个惊艳的设计想法可能被评审以性能或成本为由否决。原文 ↗
核心观点
- ▍苹果折叠屏开合动画的本质不是两个屏幕的简单过渡，而是通过界面元素（壁纸、图标）的“投影锚定”和跟随开合角度的透视压缩与模糊，让用户感觉屏幕从固定于现实空间的图像下“穿出”，从而将折叠动作自身变成一种可感知的交互反馈。
- 01文中引述苹果官方 HIG 动效指南：动画要跟随人的手势，符合人的预期。
- 02三星用户复刻版本在折叠时有黑边、模糊时机不自然、空间投影关系有偏差，说明流程可实现但细节打磨难度高。
- 03作者拆解了该动效的实现思路：1）准备界面图与 3D 手机模型；2）计算屏幕每个点与界面图的“射线交叉”位置来实时取色；3）叠加随开合角度变化的模糊与明暗渐变；4）用滑块模拟开合角度并联动所有参数。
- 04苹果将产品命名为 Duo（拉丁语“二重奏”），强调两块屏幕的协作场景，如Duo FaceTime（外屏可加入同次通话）、Duo Preview（被拍者通过外屏构图并自动识别时机拍照）、Apple Pencil 支持。
反方 / 局限
- — 作者承认，该动效在工程评审中可能因性能、功耗和成本被否定；在很多团队里，“跟随一个已经被验证过的方向”比做原创设计更稳妥。
- — 作者自述使用折叠屏手机多年但“打开的频率其实不多”，说明硬件形态与用户日常习惯之间存在落差，苹果的动效设计虽解决了“打开”的体验愉悦，但未必能完全改变打开频率。
苹果iPhone DuoVision ProHIG (Human Interface Guidelines)三星Galaxy Z Fold小米 Mix Foldvivo X FoldApple Pencil乔布斯液态玻璃
13 分钟 · 5 卡片 · 14 资料
读原文 →