蘋(píng)果在年度全球開(kāi)發(fā)者大會(huì) WWDC 25 上正式發(fā)布新版 iOS，并按照年份命名為 iOS 26。設(shè)計(jì)上，提出了全新「Liquid Glass（液態(tài)玻璃）」概念。

這次改版爭(zhēng)議太大，我在頭條上看到一個(gè)投票一千多人也沒(méi)分出個(gè)勝負(fù)。

喜歡的人，是這么說(shuō)的：

討厭的人，是這樣說(shuō)的：

網(wǎng)上大部分人都在輸出情緒，沒(méi)幾個(gè)真正從專業(yè)角度分析設(shè)計(jì)優(yōu)劣的。

由于我個(gè)人的態(tài)度還比較中立，又是做設(shè)計(jì)的，所以今天想要認(rèn)真分析一下這個(gè)設(shè)計(jì)究竟好在哪，不好在哪。

更多深入分析：

缺點(diǎn)：廉價(jià)感

我們印象中的高檔玻璃，要么是下圖這樣平整硬挺的現(xiàn)代建筑：

要么是下圖這樣裝飾繁華的玻璃杯：

而 iOS 26 里這種既沒(méi)有裝飾又不平整的“玻璃”，看起來(lái)更像是塑料材質(zhì)，有點(diǎn)廉價(jià)感。

讓人聯(lián)想到老式計(jì)算器的透明按鈕，還沒(méi)觸碰就能聯(lián)想到那種黏膩、沾著油污的質(zhì)感。

優(yōu)點(diǎn)：材質(zhì)算法

雖然有點(diǎn)廉價(jià)的塑料感，但這塑料的邊緣，看起來(lái)還挺逼真的。

要做到這個(gè)程度，主要考驗(yàn)的就不是設(shè)計(jì)能力，而是技術(shù)能力了。

這東西看起來(lái)很像以前的毛玻璃效果，但其實(shí)完全不一樣。以前那種毛玻璃，只需要加個(gè)模糊、疊加一個(gè)顏色，再搞個(gè)濾鏡就行了。基本都是一些已經(jīng)存在的老技術(shù)，局部改一改而已。

現(xiàn)在這種色彩折射效果，以前沒(méi)在 UI 上運(yùn)用過(guò)，需要開(kāi)發(fā)出新的材質(zhì)渲染算法。

要知道，材質(zhì)渲染可能很耗時(shí)間。我本科學(xué)工業(yè)設(shè)計(jì)時(shí)，渲染一個(gè)很小的模型，都是 2 個(gè)小時(shí)起步的。如果是透明材質(zhì)，那等的時(shí)間就更久了。

蘋(píng)果能在 UI 上到處加這種效果，可見(jiàn)這個(gè)材質(zhì)渲染技術(shù)已經(jīng)做得比較成熟了。不但效果逼真，而且不太吃算力。

缺點(diǎn)：干擾視線

就是因?yàn)檫@個(gè)透明材質(zhì)的渲染效果太好了，如果在上面放圖標(biāo)等內(nèi)容主體，反而把主體的風(fēng)頭給搶走了。因?yàn)?a href="http://www.hx168888.com/tag/%e5%9b%be%e6%a0%87%e8%ae%be%e8%ae%a1" class="tag_a" target="_blank">圖標(biāo)設(shè)計(jì)很扁平又毫無(wú)材質(zhì)效果，一下子就給對(duì)比下去。

這樣一來(lái)，人的眼睛就不知道往哪兒放才好。理論上，應(yīng)該去看圖標(biāo)、文字等內(nèi)容。但實(shí)際上，很容易被絢麗多變的背景板吸引過(guò)去。

看下面這個(gè)對(duì)比，可能更清晰一些：

這就導(dǎo)致整個(gè)畫(huà)面很亂，看得人也很亂。

這種「好看」為「好用」讓步的做法，將蘋(píng)果過(guò)去推崇的那種「少即是多」的設(shè)計(jì)理念全盤(pán)推翻了。

尤其是純色界面，圖標(biāo)的辨識(shí)度急劇下降，整個(gè)易用性大打折扣。

優(yōu)點(diǎn)：靈動(dòng)感

過(guò)去蘋(píng)果雖然在動(dòng)效細(xì)節(jié)上狠下功夫，但下的都是一些細(xì)節(jié)功夫。尤其重點(diǎn)放在景深、慣性這種自然物理法則上，主要目的是為了自然舒適和容易理解，而不是觀賞性。

Image 上圖來(lái)源：iPhone 這些體驗(yàn)細(xì)節(jié)太感人，換安卓后不習(xí)慣了

但是自從靈動(dòng)島的出現(xiàn)，蘋(píng)果開(kāi)始更重視動(dòng)效的觀賞價(jià)值了。

靈動(dòng)島好歹是一個(gè)亮點(diǎn)功能，動(dòng)效浮夸些也不奇怪。

但這次「液態(tài)玻璃」的動(dòng)效，在一些基礎(chǔ)組件上都出現(xiàn)了水珠一般的靈動(dòng)效果。

基礎(chǔ)組件原本用戶已經(jīng)能理解并使用了，但蘋(píng)果還是加上了這種復(fù)雜的水珠動(dòng)效。而且這種水珠動(dòng)效，一下子放大、一下子縮小、一下子變色的，過(guò)于復(fù)雜，反而沒(méi)有以前那種簡(jiǎn)單干練的滑動(dòng)效果更容易理解。

這種「華麗」的動(dòng)效設(shè)計(jì)理念，已經(jīng)大大顛覆蘋(píng)果以往對(duì)待動(dòng)效那種自然、微妙而實(shí)用的態(tài)度。

總結(jié)一下

兩個(gè)優(yōu)點(diǎn)是：材質(zhì)算法和靈動(dòng)感。

兩個(gè)缺點(diǎn)是：廉價(jià)感和干擾視線。

以上是我的觀察，你還看到什么別的優(yōu)缺點(diǎn)，歡迎留言分享！

之所以網(wǎng)友的評(píng)價(jià)差別如此之大，可能是每個(gè)人看重的地方不一樣吧。例如我很看重用戶體驗(yàn)，所以最介意的地方是干擾視線。但是做過(guò) 3D 渲染的我，又不得不感嘆材質(zhì)算法的強(qiáng)大。