苹果折叠屏,为什么一个动画设计就让人想换手机?

全文速览图

苹果折叠屏,为什么一个动画设计就让人想换手机?

今年的 “科技春晚”,苹果发布会又多了一个 One more thing 的时刻,传了好多年的折叠屏 iPhone Duo 终于在上个星期给端出来了,总算是放了个大招。

发布会之后,群里有人说,自己第一次因为一个动效,产生了买一台手机的冲动。

苹果折叠屏,为什么一个动画设计就让人想换手机?

打动他的,就是那个开合动画。作为设计师,我看我的设计圈里,大家讨论最多的也是它,真的,太惊艳了。

苹果折叠屏,为什么一个动画设计就让人想换手机?

就是上面这个动效,像一个玻璃镜子一样,穿透了的感觉。

平时我们看到的折叠屏打开,就是外屏消失,画面黑一下,内屏再出现。两块屏几乎是独立的,中间交接一下。用户能理解到的东西是,手机打开了,该换大屏了。

苹果折叠屏,为什么一个动画设计就让人想换手机?

苹果这次给人的感觉很不一样。原来的壁纸、图标跟 UI,就跟真的固定在现实空间里,屏幕从它们下面展开、穿过去。画面里的透视在压缩,有些地方逐渐模糊、变暗,整个界面顺着手机的动作,进入另一种形态。

你明明知道屏幕换了,视觉上却没有被打断。合着的时候看到的东西,和展开之后看到的东西,始终能接得上。这真的牛 X!

不知道为啥,我突然想到苹果之前做的 Vision Pro。它们都在处理界面与空间之间的关系,这次的设计有可能是从中得到了一些启发。苹果在它官方的 HIG 动效指南里也强调,动画要跟随人的手势,符合人的预期。这个设计原则,放到这个具体的动效上,感受非常直观。

你说一个开合动画能解决多大的问题?好像也没有。没有它,手机照样能用。但群里已经有人被它打动,甚至开始考虑买它了。这种反馈,对做设计的人来说应该挺有感触。一个平时容易被当成无关紧要的细节,打磨到位之后,用户真的会看见,会买单的。

有意思的是,我在网上刷到,三星用户不到一天就把类似的效果复刻出来了。虽然细节上还有不足,后面会说。但至少说明现有的手机也能尝试做出这样的变化。

苹果折叠屏,为什么一个动画设计就让人想换手机?

不过,我其实会更在意设计师是怎么想到这个动效的?简直是个天才。他是怎么从大家都熟悉的折叠动作里,找到这种处理方式的?

苹果折叠屏,为什么一个动画设计就让人想换手机?

做设计的朋友大概都能懂我说的吧,一个效果拿过来,好像也没有多复杂,似乎自己也能做。但在别人把它做出来之前,确实就是没有人做出来啊。

从提出那个想法,把模糊、透视和屏幕变化之间的关系理顺,再把细节打磨到能放进产品里,这些工作都发生在大家看到成品之前。等成品摆在眼前,实现路径已经清楚了很多,再去临摹,面对的问题自然不一样。

而且,临摹版本也没有那么快就做到位。像前面说的那个三星的复刻,一开始的版本开始折叠的时候,会有明显的黑边,模糊出现的时机不够自然,空间投影关系也有偏差。单独看,每一个都像是个小问题,但放在同一个动画里,那种顺畅的感觉就没了。

苹果的设计难抄,经常就难在这些地方。大概效果识别大家准备好的时机,自动拍照。负责拍照的人终于不用设好倒计时,再急急忙忙跑回镜头前了。把手机半折放在桌上,还能免手持视频通话、看教程或者录延时。

这些场景里,有些是在一块大屏上同时做两件事,有些让两个人各用一块屏,还有些用到了手机不同的摆放形态。折叠这件事,开始和具体的生活连上了。对我这样平时很少需要展开手机的人来说,至少能看到一些拿它做事的理由。

苹果最擅长把产品讲到这个地方。你听完它的介绍,脑子里就会有一个自己用手机的画面,知道哪件事会方便一点,哪种麻烦可以少一些。

我看国内厂商不少宣传,会花很大篇幅讲铰链怎么样、折痕怎么样、又薄了多少毫米,芯片多牛逼、电池多大、配置多强。技术确实很厉害,只是有时听完了,还要用户自己把这些参数换算成日常使用的好处。

苹果自己也讲参数。讲到电池,它会继续告诉你,一天的使用能不能撑下来,让用户少一些续航焦虑。讲双屏,它给你看的是视频通话不用挤在一起,拍合照的人也能从容地留在画面里。技术最后落到了一个很具体的人身上,这个时候就容易理解了。

我们做设计,也可以试着把这一步往前多想一步。拿到一项技术,除了想它能做出什么效果,还能想想用户会在什么时候用上,手里的事情能不能做得更顺。自己说的 “以人为中心”,如果能在用户需要的场景落下去,宣传和体验才接得上。

折叠屏这个硬件形态已经出现很多年了,苹果还能在里面找到这样的地方,把它做得让人觉得,手机展开时本来就应该这样。苹果很多产品都会给我类似的感受。那种自然背后的工作量,往往是看了别人的复刻,有对比才更觉得厉害。

它带动其他厂商的能力,也经常体现在这类细节里。新设计刚出来时,往往吐槽不少,过一段时间再看,该抄还是得抄。之前的液态玻璃就有这种感觉。

苹果折叠屏,为什么一个动画设计就让人想换手机?

最开始能看到一些厂商不跟随的表态,后来的情况大家也看到了,类似的视觉效果还是越来越多。

不过,聊到这里,我也会想到我们自己做设计时的场景。

一个方案很好看,评审时还得回答性能、功耗、工程实现和成本的问题。就比如苹果这个动效,可能在评审阶段就被 pass 掉了,老板会说这个性能不行,成本上去了,收益不行。我们实际工作里,经常会遇到这样的情况。

你看,用户最直接接触到的明明是设计出来的体验,轮到决定要不要投入的时候,设计有时又没有多少话语权。哪怕在大厂里,也未必能把自己想做的东西完整地做出来。

在这种环境里跟随一个已经被验证过的方向,会稳妥得多。效果已经有人做出来,用户也有了反应,团队能看到大概需要投入什么。换成一个谁都没做过的新想法,要承担的风险就大了。

我有时会想,液态玻璃这样的效果,在苹果发布之前,会不会也有国内设计师提过,只是在内部评审时被否掉了,开发就说做不了。等苹果做出来,成了大家都在讨论的设计,这个时候开发就会说也能做了。这种事,天天都在发生。

想到这里,再去看那些让人惊艳的产品,会觉得设计师有创意只是其中一部分。团队愿不愿意给资源,能不能接受一些风险,是否愿意把细节继续打磨下去,都会留在最后的产品里。

苹果在这方面,确实是我觉得做得最好的厂商之一。它把以人为中心的设计,贯彻到了软硬件、交互、视觉和产品介绍里,也让那些原本容易被放弃的小细节,有机会被用户看见。

这次群里那句因为动效想买手机的反馈,我觉得也可以留给我们自己。下次评审一个类似的细节时,除了算它会占多少资源,也多留一点时间,看看它能给用户带来什么感受。说不定也会是一个非常惊艳的设计!

全文完,感谢阅读,如果觉得有学到,请三连。

收藏
点赞 16

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。