苹果的一个动画，为何能让人重新评价一块屏幕？

一块不透明的屏幕，最令人好奇的时刻，竟然是其看起来透明的时候。

苹果折叠手机iPhone Duo发布后，诸多上手博主形容内外屏之间的转场：展开时，几乎像在展开一片透明玻璃。这个描述比“丝滑”具体，也更值得琢磨。

丝滑说的是运动是否顺畅，透明则意味着，我们对手里这件东西的理解发生了变化。

当然，屏幕并没有因此变成玻璃窗。只不过那种观感让人觉得，内容一直待在那里，展开手机，是让同一个画面露出了更多。

| 我感兴趣的点恰好再这里：一次转场，没有增加屏幕面积、没有抬高分辨率、也没有改善面板本身的色彩……为何仅凭一段动画，就能让人重新评价一块屏幕？

答案可能藏在“切换”这两个字里。

对机器而言，从外屏到内屏，是显示状态发生变化。对用户而言，我只是想把手里的东西打开，接着看。

这两件事之间，有一段需要被设计填上的距离。

01

内容去哪里了？

想象你正在读一段文字。

| 展开手机后，画面闪了一下，内容换了布局。刚才读到哪一句？按钮跑到了哪里？眼睛需要重新寻找。虽然每次未必有多费时，却足以暗示你：设备刚刚处理了一件自己的事情，你需要配合一下。

但假如画面之间保留了可以追踪的关系，感觉就不同了。内容怎样移动、在哪里展开、最终停在什么位置，都随着动作得到解释。眼睛可以跟着走，思路也就更容易接得上。

| 从这个角度理解，透明感是一种很巧妙的视觉比喻：两块屏幕之间的交接，被包装成了同一个空间的展开。

硬件提供了两块显示表面，设计试图让用户只需要理解一件东西。

我们对软件其实很宽容。一个窗口凭空出现，另一个页面突然消失，通常不会有人认真追问去向。计算机处理完了，于是屏幕换了一张脸，好像已经足够合理。

然而，一旦设计给变化安排了路径，界面就更容易被理解。窗口从某个入口展开，再沿着可辨认的方向收回，用户便能把入口、内容和返回动作联系起来。屏幕开始有了位置关系。

| 2018年，苹果在WWDC的《Designing Fluid Interfaces》中，已经明确讨论了运动中的空间一致性：界面元素的出现与离开，应当保留连贯的路径。那场分享也强调，交互需要允许用户中途改变方向、随时打断。

这些要求听起来朴素，却决定了动画究竟在服务谁。

如果用户已经改变主意，界面还坚持表演完毕再接受下一个动作，那么再漂亮的效果也会变成等待。换言之，用户一旦改变主意，动画就该立即响应，不能非得播完才让人进行下一步操作。

| 这也给“苹果审美在线”提供了一个更具体的解释。我们感受到的美，有一部分来自“配合”：手做了一个动作，画面给出恰当的回应；眼睛预期内容会去某处，下一刻的画面没有让人迷路。

这种配合很容易被一个形容词带过，因为顺手时，人通常不会追究顺手的原因。

02

动画背后的硬件

但要把透明的感觉放进一台折叠手机，光有一个好比喻还不够。

苹果的官方资料提供了两个值得连在一起看的信息：iPhone Duo内外屏采用相同宽高比，内容可以按比例缩放；新的显示引擎能够同时驱动内外屏，为转场提供支持。

相同宽高比，属于产品形态与显示设计。双屏同时驱动，属于底层能力。用户看到的动画，位于这些条件的相交点。。

这并不能证明苹果为了某段动效专门决定了屏幕比例。公开资料没有披露这样的决策过程。但至少说明，眼前这份连续感，有相应的硬件与系统条件支撑。

如果继续沿着这个效果追问，问题很快会超离动画软件。

| 用户展开得快一些，画面应该怎样跟上？动作停在半途，内容该处于什么状态？两块屏幕亮起的时机如何衔接？应用改变布局时，用户正在关注的对象能否保持可追踪？

这些是检验此类体验的工程问题。一次演示展示了其中的一条路径，完整的产品还要接住人手里各种不整齐的动作。

毕竟，人很少按发布会的节奏使用手机。

03

细节，有没有权力可言？

也正是在这里，“苹果重视细节”这句熟语的解释力，就开始匮乏了。

| 细节究竟是什么？一个图标的边角可以叫细节，一次跨越显示、系统和应用的交接，也可以叫细节。两个问题的组织成本相差很大。

将一台手机分开验收，屏幕可以合格、铰链可以合格、应用可以正常显示、切换也能完成……每一项都有答案，合在一起却仍可能显得生硬。

因为用户感觉到的不少问题，恰好发生在验收项目之间。

| 一个团队交付的终点，可能正是用户体验最需要继续往前走的地方。

倘若一处不自然的转场只被视为动画团队的任务，解决空间往往局限在曲线、时长和遮挡效果。要触及显示时序、布局规则乃至硬件条件，就需要更多团队重新打开已经做完的工作。

到这一步，审美开始涉及决策权：一个看似微小的体验问题，有没有资格要求别的环节作出调整？

| 苹果在公开的组织介绍中，强调由专业人员领导对应职能，将相关领域的专业能力与决策权结合起来，同时要求跨职能协作。这个制度描述不能替某段动画的具体研发过程作证，却提供了一条理解苹果的线索：体验的完整，需要有人能深入细节，也需要不同专业共同作决定。

所以，我更愿意从这里理解苹果一部分的设计能力。

| 某种“不太对劲”的感受，需要被翻译成能够讨论的具体问题，再成为有人负责、允许花时间解决的工作。倘若整个流程只能接受明确故障，许多微妙的不适就会顺利通过验收。

毕竟，画面已经亮了，应用也没崩溃。

让产品“能用”的标准比较容易列出来。但想让人觉得整台机器浑然一体，还得让屏幕切换、页面展开这些动作自然连贯，别让用户每操作一步，都停下来重新找内容、认按钮……

04

设计的商业力量

此外，苹果这段转场，还有商业思维层面上的驱动：复杂系统的协作，因简短的动画获得了一个人人都能看懂的展示方式。

消费者很难凭一段视频判断屏幕耐久性，也很难看出某种材料是否名副其实。面板的寿命需要时间、复杂的性能需要测试，而展开手机，几乎人人都能立刻形成感受。

一个局部的完成度，由此有机会成为整台产品的样本。

| “连这里都考虑到了”，很容易让人接着想：“其他地方应该也考虑过”。

这种信任会先于全面测试抵达。我认为，这正是精致交互的商业力量：消费者通过一个能够理解的细节，对尚未充分了解的产品作出清晰判断。

因此，一个漂亮的动画，也给后续体验提出了更高的要求。照片展开得自然，文档能否同样自然？系统界面接得上，第三方应用能否接得上？快开、慢开、半途合拢，体验能否保持一致？

这些日常操作，将决定最初的好感能否成为稳定的信任。每一次顺手，都是对第一印象的确认；反复出现的割裂，也会让那段漂亮动画逐渐失去说服力。

| 设计的商业价值，便沿着这条路径积累起来。

两块屏幕、一个铰链、一套显示系统，各有自己的技术指标，也各有自己的成本。但用户不会按照采购清单逐项感受一台手机。消费者判断价格是否值得时，也会把使用中的协调、顺手和省心一起算进去。

这部分价值很难单独标价，却可能成为购买的理由。

| 功能可以分项介绍，成本也可以逐项核算，信任却往往落在整台产品上。用户未必知道哪家公司提供面板、哪个团队完成调度，但会记得，这部手机用起来是什么感觉。不同专业共同付出的努力，就这样汇成了一个整体的品牌印象。

也就是说，苹果值此番让分散在零件和系统中的技术，形成一种可以被感知、被记住，最终影响选择的产品体验。

那一瞬间，看起来透明的是屏幕，变成了具象化的品牌。