千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

苹果在年度全球开发者大会 WWDC 25 上正式发布新版 iOS,并按照年份命名为 iOS 26。设计上,提出了全新「Liquid Glass(液态玻璃)」概念。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

这次改版争议太大,我在头条上看到一个投票一千多人也没分出个胜负。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

喜欢的人,是这么说的:

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

讨厌的人,是这样说的:

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

网上大部分人都在输出情绪,没几个真正从专业角度分析设计优劣的。

由于我个人的态度还比较中立,又是做设计的,所以今天想要认真分析一下这个设计究竟好在哪,不好在哪。

更多深入分析:

缺点:廉价感

我们印象中的高档玻璃,要么是下图这样平整硬挺的现代建筑:

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

要么是下图这样装饰繁华的玻璃杯:

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

而 iOS 26 里这种既没有装饰又不平整的“玻璃”,看起来更像是塑料材质,有点廉价感。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

让人联想到老式计算器的透明按钮,还没触碰就能联想到那种黏腻、沾着油污的质感。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

优点:材质算法

虽然有点廉价的塑料感,但这塑料的边缘,看起来还挺逼真的。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

要做到这个程度,主要考验的就不是设计能力,而是技术能力了。

这东西看起来很像以前的毛玻璃效果,但其实完全不一样。以前那种毛玻璃,只需要加个模糊、叠加一个颜色,再搞个滤镜就行了。基本都是一些已经存在的老技术,局部改一改而已。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

现在这种色彩折射效果,以前没在 UI 上运用过,需要开发出新的材质渲染算法。

要知道,材质渲染可能很耗时间。我本科学工业设计时,渲染一个很小的模型,都是 2 个小时起步的。如果是透明材质,那等的时间就更久了。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

苹果能在 UI 上到处加这种效果,可见这个材质渲染技术已经做得比较成熟了。不但效果逼真,而且不太吃算力。

缺点:干扰视线

就是因为这个透明材质的渲染效果太好了,如果在上面放图标等内容主体,反而把主体的风头给抢走了。因为图标设计很扁平又毫无材质效果,一下子就给对比下去。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

这样一来,人的眼睛就不知道往哪儿放才好。理论上,应该去看图标、文字等内容。但实际上,很容易被绚丽多变的背景板吸引过去。

看下面这个对比,可能更清晰一些:

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

这就导致整个画面很乱,看得人也很乱。

这种「好看」为「好用」让步的做法,将苹果过去推崇的那种「少即是多」的设计理念全盘推翻了。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

尤其是纯色界面,图标的辨识度急剧下降,整个易用性大打折扣。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

优点:灵动感

过去苹果虽然在动效细节上狠下功夫,但下的都是一些细节功夫。尤其重点放在景深、惯性这种自然物理法则上,主要目的是为了自然舒适和容易理解,而不是观赏性。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

Image 上图来源:iPhone 这些体验细节太感人,换安卓后不习惯了

但是自从灵动岛的出现,苹果开始更重视动效的观赏价值了。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

灵动岛好歹是一个亮点功能,动效浮夸些也不奇怪。

但这次「液态玻璃」的动效,在一些基础组件上都出现了水珠一般的灵动效果。

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

千人投票难分胜负?我总结了液态玻璃设计的4个优缺点

基础组件原本用户已经能理解并使用了,但苹果还是加上了这种复杂的水珠动效。而且这种水珠动效,一下子放大、一下子缩小、一下子变色的,过于复杂,反而没有以前那种简单干练的滑动效果更容易理解。

这种「华丽」的动效设计理念,已经大大颠覆苹果以往对待动效那种自然、微妙而实用的态度。

总结一下

两个优点是:材质算法和灵动感。

两个缺点是:廉价感和干扰视线。

以上是我的观察,你还看到什么别的优缺点,欢迎留言分享!

之所以网友的评价差别如此之大,可能是每个人看重的地方不一样吧。例如我很看重用户体验,所以最介意的地方是干扰视线。但是做过 3D 渲染的我,又不得不感叹材质算法的强大。

收藏 1
点赞 25

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