蘋(píng)果自 2013 年發(fā)布 iOS 7 以來(lái)，在 UI 設(shè)計(jì)上做出了最大膽的嘗試，當(dāng)時(shí)他們放棄了擬物化設(shè)計(jì)和隱藏紋理，轉(zhuǎn)而采用扁平化設(shè)計(jì)。多年過(guò)去了……擬物化并隱藏紋理，以支持扁平化設(shè)計(jì)。多年過(guò)去了……
在這次深入探討中，我們將揭秘 Liquid Glass 究竟是真正的創(chuàng)新，還是僅僅一種光鮮亮麗的復(fù)古風(fēng)。設(shè)計(jì)師可以從這種轉(zhuǎn)變中汲取哪些經(jīng)驗(yàn)教訓(xùn)？在光鮮亮麗的背后，是否隱藏著新的、可采用的 UI 模式？這種視覺(jué)上的飛躍是否仍然具有包容性？
“我們把屏幕上的按鈕做得如此好看，讓你忍不住想舔舔它們。” ——史蒂夫·喬布斯
這句話并非偶然出現(xiàn)。在 iOS 26 中，蘋(píng)果似乎正在重現(xiàn)其 Aqua 時(shí)代的魅力——沒(méi)錯(cuò)，我也曾被 MacOS 上那些光滑、“可舔”的屏幕氣泡所吸引。如今，這種致敬風(fēng)格回歸——經(jīng)過(guò)重新命名和重構(gòu)——我們來(lái)認(rèn)識(shí)一下 Liquid Glass?；蛘邞?yīng)該說(shuō)……Lick-quid Glass。
液態(tài)玻璃——這是蘋(píng)果對(duì)其全新數(shù)字元物質(zhì)的稱呼，它為一個(gè)全新的視覺(jué)時(shí)代……或者至少是下一代 iOS 系統(tǒng)奠定了基調(diào)。但它不僅僅是一個(gè)閃亮的新款套件——它就像一種與系統(tǒng)共存、呼吸和響應(yīng)的材質(zhì)。
它能彎曲光線，在觸摸下變形，并流暢地適應(yīng)環(huán)境。沒(méi)錯(cuò)，屏幕再次帶來(lái)令人愉悅的體驗(yàn)。在一般設(shè)計(jì)中，
“視覺(jué)盛宴”指的是能夠立即吸引注意力并帶來(lái)美感的視覺(jué)效果或物體。但這種美感背后隱藏著一種微妙的平衡。
美學(xué)-可用性效應(yīng)表明，即使功能本身沒(méi)有任何改變，我們通常也會(huì)認(rèn)為有吸引力的界面更易用。我之前就寫(xiě)過(guò)關(guān)于
“內(nèi)心愉悅”的文章。顯然，蘋(píng)果不僅僅是在裝飾界面——他們還將視覺(jué)享受融入到功能之中，這正是我們對(duì)現(xiàn)代操作系統(tǒng)的期望。但在深入探討細(xì)節(jié)之前，讓我們先徹底解決視覺(jué)聯(lián)想的問(wèn)題。
該圖像由 Oleg Safranov 使用 AI 生成，并經(jīng)過(guò)了一些后期制作
在像《少數(shù)派報(bào)告》這樣的科幻電影中，我們看到了漂浮在半空中的透明界面——或許這是邁向增強(qiáng)現(xiàn)實(shí)未來(lái)的一步。然而，盡管蘋(píng)果的Vision Pro可能真正將界面定位為空間層，但在其他現(xiàn)有設(shè)備上，這種錯(cuò)覺(jué)并不完全成立。好吧，智能眼鏡仍在醞釀之中，當(dāng)它們真正到來(lái)時(shí)，像這樣的半透明界面或許最終會(huì)找到真正的歸宿。
也就是說(shuō)，這些玻璃狀的 UI 元素在動(dòng)態(tài)視頻背景或滾動(dòng)頁(yè)面上看起來(lái)令人驚嘆——這已經(jīng)是一種享受。
該圖像由 Oleg Safranov 使用 AI 生成，并經(jīng)過(guò)了一些后期制作
我決定尋找液態(tài)玻璃元素能給用戶帶來(lái)的聯(lián)想，并聽(tīng)到過(guò)類似的想法：“光滑的硬糖”、“果凍”、“肥皂滴”、“半透明的粘液”或“閃亮的軟糖塊”。圓潤(rùn)、粘稠的液體外觀讓人聯(lián)想到粘稠的物質(zhì)。
有一段時(shí)間，我無(wú)法確切地定義這個(gè)界面讓我想起了什么，然后我突然明白了。就像一滴融化的（仍然清澈的）蠟燭還沒(méi)有完全凝固，就已經(jīng)開(kāi)始變得渾濁和半透明。它仍然柔軟，仍然溫暖，仍然略帶粘稠——但它已經(jīng)開(kāi)始成形了。iOS 26 中的“液態(tài)玻璃”也喚起了類似的視覺(jué)感受：介于流動(dòng)性和脆弱的穩(wěn)定性之間，不斷變換著它的存在感。
蘋(píng)果強(qiáng)調(diào)，Liquid Glass 通過(guò)透鏡效應(yīng)（光線穿過(guò)材料時(shí)發(fā)生彎曲、折射和聚焦）在視覺(jué)上呈現(xiàn)出獨(dú)特的質(zhì)感。 蘋(píng)果設(shè)計(jì)團(tuán)隊(duì)表示，這種效果在現(xiàn)實(shí)世界中是可以直觀識(shí)別的：就像一滴水如何聚焦陽(yáng)光，或者放大鏡如何在視覺(jué)上拉近物體一樣。
如今，同樣的原理也融入到了界面設(shè)計(jì)中。不同于 iOS 7 磨砂面板（至今仍可見(jiàn)）帶來(lái)的背景虛化效果，液態(tài)玻璃能夠動(dòng)態(tài)彎曲光線，如同現(xiàn)實(shí)世界中的半透明或半透明材質(zhì)。因此，界面元素輪廓清晰，卻又不失輕盈。它們仿佛漂浮在內(nèi)容之上——存在感十足，卻又不會(huì)分散注意力。
蘋(píng)果建議不要堆疊此類元素，也不要到處使用液態(tài)玻璃效果，這樣界面才能與下方的扁平內(nèi)容區(qū)分開(kāi)來(lái)。我正在撰寫(xiě)一篇深入探討全新液態(tài)玻璃設(shè)計(jì)系統(tǒng)和指南的文章——敬請(qǐng)期待。
據(jù)蘋(píng)果公司介紹，這種透鏡效果有助于分離界面各層，從而營(yíng)造自然的深度和層次感。這是一種更微妙的分離形式：不是陰影，而是微光。陰影仍然存在，但它們變得更加動(dòng)態(tài)，模擬了界面水滴在內(nèi)容上方移動(dòng)或被移動(dòng)時(shí)的起伏。此外，它們會(huì)隨著UI元素的大小而變得更加豐富。
“Islandy”界面
蘋(píng)果顯然更注重內(nèi)容，并減少界面，這就是為什么我們可以看到界面部分變得更加緊湊和通透。
一個(gè)突出的例子是 Safari，它的導(dǎo)航欄不再緊貼屏幕，而是懸浮在屏幕上方。通常，我們確實(shí)會(huì)看到更多懸浮按鈕或按鈕組，而不是緊密的導(dǎo)航欄。這無(wú)疑是視覺(jué)上的勝利，但也給設(shè)計(jì)師帶來(lái)了更多工作——現(xiàn)在你不僅要考慮靜態(tài)布局，還要考慮這些元素如何在不同狀態(tài)下隨上下文變化。
玻璃島有時(shí)會(huì)變成裝飾性的糖果，完全透明看起來(lái)很光滑，但它在繁忙的背景下會(huì)掙扎：紋理扭曲和混合，導(dǎo)致可讀性和對(duì)比度問(wèn)題。
歷史已經(jīng)出現(xiàn)過(guò)這種情況。在 iOS 7 中，蘋(píng)果在透明度和細(xì)字體方面做得過(guò)頭了。這個(gè)方向很大膽，但到了 iOS 7.1（2014 年 3 月），他們開(kāi)始有所收斂：添加了“降低透明度”的開(kāi)關(guān)，提高了對(duì)比度，并恢復(fù)了純色背景以恢復(fù)可讀性。
“輔助功能”設(shè)置的屏幕截圖
是的，我們可以改進(jìn)和定制外觀，使其更易用、更易于訪問(wèn)，但它真的符合包容性的理念嗎？我們將在本文后面討論這個(gè)問(wèn)題。
界面感覺(jué)如此流暢、自然，并且不斷運(yùn)動(dòng)，以至于對(duì)一些用戶來(lái)說(shuō)，它近乎不穩(wěn)定：按鈕會(huì)變形為上下文菜單，元素在觸摸下像黏液一樣伸展，所有這些都伴隨著邊緣照明、光學(xué)畸變和閃爍的高光。對(duì)許多人來(lái)說(shuō)，它可能看起來(lái)很動(dòng)感。但對(duì)另一些人來(lái)說(shuō)，它可能會(huì)讓人感到不知所措或迷失方向，尤其是對(duì)那些對(duì)運(yùn)動(dòng)敏感的人來(lái)說(shuō)。這就是為什么像“減少運(yùn)動(dòng)”這樣的系統(tǒng)級(jí)選項(xiàng)仍然至關(guān)重要。
蘋(píng)果是否真正聽(tīng)取過(guò)意見(jiàn)？
縱觀歷史，蘋(píng)果的每一次新品發(fā)布都會(huì)引起軒然大波，尤其是當(dāng)它標(biāo)志著視覺(jué)或技術(shù)層面的重大變革時(shí)。作為設(shè)計(jì)師，當(dāng)這些變革影響到整個(gè)操作系統(tǒng)的設(shè)計(jì)語(yǔ)言時(shí)，我們尤其興奮。
我至今仍記得 iOS 7 帶來(lái)的激動(dòng)：視覺(jué)上的徹底革新讓你的 iPhone 煥然一新。那時(shí)候，如果你想要一個(gè)全新的界面，通常得買(mǎi)個(gè)新設(shè)備或者扔掉舊設(shè)備，但單是這次更新就讓你的手機(jī)看起來(lái)煥然一新。盡管它引發(fā)了大眾的強(qiáng)烈不滿——畢竟，
熟悉才能帶來(lái)舒適感。iOS 的早期版本試圖通過(guò)模仿現(xiàn)實(shí)世界，讓用戶沉浸在熟悉的氛圍中——因此才有了那么多木質(zhì)紋理和真實(shí)物體的模仿。
這次，我選擇了等待。我看著各種反應(yīng)紛至沓來(lái)——更多的是憤怒，更少的贊揚(yáng)，以及鋪天蓋地的表情包。我給了它大約兩周的時(shí)間。既不是要
抨擊它，也不是要美化它。因?yàn)樵O(shè)計(jì)評(píng)論的意義不在于破壞或奉獻(xiàn)，對(duì)吧？它關(guān)乎平衡。我想看看蘋(píng)果如何回應(yīng)第一波反饋（在 Beta 2 中，他們已經(jīng)調(diào)整了模糊和對(duì)比度），當(dāng)然，我也想聽(tīng)聽(tīng)我的設(shè)計(jì)社區(qū)的意見(jiàn)，總結(jié)一下大家的反饋，然后再與我自己的進(jìn)行比較。
我記得亨利·福特曾經(jīng)說(shuō)過(guò)：“如果我問(wèn)顧客想要什么，他們會(huì)告訴我一匹跑得更快的馬。”人們不知道自己想要什么，除非你把東西展示給他們看。—— 史蒂夫·喬布斯
用UI代替AI？投資者和用戶都表示失望——他們期待的是AI，而不是一個(gè)精致或徹底改造的UI。因此，
股東訴訟（
Tucker訴Apple Inc.等）如今成為頭條新聞，指控蘋(píng)果夸大了在上屆WWDC上發(fā)布的Apple Intelligence的功能。該訴訟聲稱蘋(píng)果缺乏整合AI的切實(shí)計(jì)劃，并認(rèn)為在真正的AI功能遲遲未能推出的情況下，設(shè)計(jì)更新只是“空洞的花言巧語(yǔ)”。
但公平地說(shuō)，設(shè)計(jì)也是一種創(chuàng)新。如果蘋(píng)果真的帶來(lái)了一場(chǎng)視覺(jué)革命，這本身就可以算作一次突破。從設(shè)計(jì)師的角度來(lái)看，這不僅僅是“光鮮亮麗”——而是數(shù)字界面體驗(yàn)和行為方式的轉(zhuǎn)變，無(wú)論是現(xiàn)在還是未來(lái)。
蘋(píng)果的決策（即使是那些備受爭(zhēng)議的決策）往往會(huì)在整個(gè)行業(yè)引發(fā)連鎖反應(yīng)。無(wú)論受到贊揚(yáng)還是批評(píng)，它們都奠定了行業(yè)基調(diào)。我們一次又一次地看到，競(jìng)爭(zhēng)對(duì)手最終也采用了類似的模式和整體風(fēng)格。
我們知道，蘋(píng)果不止一次承受了眾怒——而且每一次，他們都證明了自己的舉動(dòng)是經(jīng)過(guò)深思熟慮的，既服務(wù)于現(xiàn)有的生態(tài)系統(tǒng)，也服務(wù)于未來(lái)的產(chǎn)品。如果今天他們正在構(gòu)建無(wú)縫的跨設(shè)備體驗(yàn)，并定義統(tǒng)一的設(shè)計(jì)語(yǔ)言，那么明天我們就會(huì)看到更廣闊的前景。
其他公司推出了什么
蘋(píng)果并非唯一一家試圖塑造設(shè)計(jì)未來(lái)的公司。讓我們來(lái)看看其他公司是如何做的，重點(diǎn)關(guān)注谷歌的 Material Expressive 和 Airbnb 的精致設(shè)計(jì)語(yǔ)言。
Airbnb 的重新設(shè)計(jì)在設(shè)計(jì)界引發(fā)了褒貶不一的評(píng)價(jià)。一方面，專業(yè)人士對(duì)帶有動(dòng)態(tài)效果的新圖標(biāo)（即所謂的
“Lava” 3D 圖標(biāo)格式）贊不絕口，稱其為“
UI 的一次大膽變革”和“圖標(biāo)行為的重新定義”。這些圖標(biāo)以 3D 微視頻的形式呈現(xiàn)，顯得生動(dòng)、流暢、動(dòng)感十足……而且……富有立體感。但當(dāng)它們靜止不動(dòng)時(shí)，是不是感覺(jué)像是回到了 CorelDRAW 時(shí)代？
如今，工具讓圖標(biāo)的細(xì)節(jié)和紋理更加豐富（之后還能通過(guò)AI動(dòng)畫(huà)制作），設(shè)計(jì)師們幾乎被迫跟上時(shí)代的步伐，不僅在創(chuàng)造力上，還在Cinema 4D、Blender和非AI工具的幫助下，在復(fù)雜性上不斷提升。當(dāng)視覺(jué)的豐富變得毫不費(fèi)力時(shí)，極簡(jiǎn)主義突然感覺(jué)……不夠華麗。
然而，社區(qū)反饋，尤其是在Reddit上的反饋，凸顯了執(zhí)行過(guò)程中的矛盾。一位用戶指出：“圖標(biāo)看起來(lái)像插圖，而不是可操作的菜單項(xiàng)。”
暫時(shí)無(wú)法在飛書(shū)文檔外展示此內(nèi)容
好的，讓我們來(lái)看看 Google 帶來(lái)了哪些新東西。 借助 Material 3 Expressive，Google 引入了超越傳統(tǒng)緩和曲線的運(yùn)動(dòng)物理系統(tǒng)。該系統(tǒng)采用基于彈簧的物理驅(qū)動(dòng)運(yùn)動(dòng)，使交互感覺(jué)更自然、響應(yīng)更靈敏、更生動(dòng)。它仍然是一個(gè)生動(dòng)的扁平化設(shè)計(jì)，但現(xiàn)在配備了全新的彈簧，在運(yùn)動(dòng)中熠熠生輝。
動(dòng)效再次成為視覺(jué)語(yǔ)言的決定性力量。對(duì)于設(shè)計(jì)師來(lái)說(shuō)，這標(biāo)志著一個(gè)重大轉(zhuǎn)變：動(dòng)效不再僅僅是裝飾——它已成為核心設(shè)計(jì)元素。無(wú)論是通過(guò)基于彈簧的動(dòng)態(tài)效果還是流體透鏡，界面如今都“感覺(jué)”生動(dòng)活潑，并以符合我們身體預(yù)期的方式做出響應(yīng)。谷歌利用 2D 動(dòng)效為 UI 注入情感深度，而蘋(píng)果則更傾向于沉浸式的 3D/空間交互。
平板時(shí)代終結(jié)了嗎？
隨著 iOS 26 的截圖曝光，人們開(kāi)始將其與Windows Vista進(jìn)行比較：半透明面板、光澤反射、柔和陰影以及豐富的光影效果。它在 2007 年給人一種未來(lái)感，但也因耗電和給性能不足的硬件帶來(lái)過(guò)重負(fù)擔(dān)而臭名昭著。
設(shè)計(jì)師們創(chuàng)造了“Frutiger Aero”這個(gè)術(shù)語(yǔ)——一種復(fù)古未來(lái)主義的美學(xué)風(fēng)格，以漸變、鏡頭光暈和超拋光玻璃表面而聞名。它融合了 Aero（不要與 Aqua 混淆）的視覺(jué)風(fēng)格和 Frutiger 字體的清晰度，定義了 2000 年代中期整個(gè) UI 文化時(shí)代。
看似Liquid Glass擁有相同的視覺(jué)DNA，但意圖卻截然不同。Vista用玻璃般的鍍鉻裝飾了靜態(tài)UI。而iOS 26則將界面變成了一個(gè)互動(dòng)式表面。這不僅僅是視覺(jué)造型——而是一種計(jì)算材質(zhì)，能夠根據(jù)光線、運(yùn)動(dòng)和環(huán)境進(jìn)行調(diào)整。Vista的UI只是閃爍的光澤，而Liquid Glass則能彎曲光線。Aero只是懸浮在空中，而Liquid Glass則能彎曲。如此這般，材質(zhì)的光芒與榮耀交織——諷刺的是，盡管名字如此，但蘋(píng)果讓它感覺(jué)比谷歌的UI更“Material”。
當(dāng)然，iOS 26 繼承了玻璃態(tài)主義，并對(duì)其進(jìn)行了進(jìn)一步的改進(jìn)。玻璃態(tài)主義本身可以看作是新擬態(tài)主義的一個(gè)子集，它借鑒了新擬態(tài)主義使用深度來(lái)定義交互的理念。我個(gè)人很欣賞使用 Z 軸來(lái)構(gòu)建分層的空間界面。
玻璃態(tài)技術(shù)的核心似乎是追求隱形。但一旦疊加了邊緣光、背景扭曲和毛玻璃效果，屏幕很快就會(huì)顯得雜亂無(wú)章，讓人分心，眼睛疲勞的速度比預(yù)想的要快。
在很多地方，這簡(jiǎn)直就是認(rèn)知超負(fù)荷和可讀性低下的噩夢(mèng)。玻璃折射需要一定的透明度才能達(dá)到最佳效果，而這種透明度會(huì)讓一半的背景顯得格格不入。
話雖如此，Liquid Glass 給人的感覺(jué)確實(shí)優(yōu)雅。而且，就像所有大膽的設(shè)計(jì)革新一樣，一周后你可能就不再注意到它了。但如果視覺(jué)上的“驚艷”消退，雜亂感依然存在……我們需要時(shí)間來(lái)觀察它的效果。
蘋(píng)果公司要求不要將玻璃堆疊在一起。
圖片來(lái)源：Apple.com / WWDC 2025 演示文稿我們見(jiàn)證的只是一種新的視覺(jué)風(fēng)格，還是扁平化設(shè)計(jì)的緩慢衰落？極簡(jiǎn)主義 vs. “實(shí)體感”……非扁平化的極簡(jiǎn)主義？光線、深度、動(dòng)感、透明度——所有這些元素共同作用，讓界面感覺(jué)更生動(dòng)、更真實(shí)。
液態(tài)玻璃并不排斥極簡(jiǎn)主義，而是增加了視覺(jué)……嗯，觸覺(jué)？“視覺(jué)觸覺(jué)” ——可以這么說(shuō)嗎？
扁平化設(shè)計(jì)會(huì)如此出乎意料地過(guò)時(shí)嗎？不會(huì)。但人們的期望正在轉(zhuǎn)變，習(xí)慣了這種新界面的用戶將開(kāi)始要求一種更加感官驅(qū)動(dòng)的體驗(yàn)。
Android，你走吧？
設(shè)計(jì)變得計(jì)算化？
“Liquid Glass” 標(biāo)志著我們——界面/用戶體驗(yàn)/產(chǎn)品設(shè)計(jì)師，以及開(kāi)發(fā)者——的深刻轉(zhuǎn)變。長(zhǎng)期以來(lái)，我們一直將設(shè)計(jì)系統(tǒng)視為 UI 模式、組件、指南、字體，有時(shí)還有動(dòng)畫(huà)的集合。但蘋(píng)果表明，一致性不再僅僅關(guān)乎對(duì)齊和間距。
一切始于材料本身的一致性——它的響應(yīng)性、粘度以及在光線和壓力下的表現(xiàn)。在液態(tài)玻璃中，材料的一致性成為設(shè)計(jì)一致性的基礎(chǔ)。界面的彎曲、反應(yīng)和適應(yīng)方式成為統(tǒng)一設(shè)計(jì)語(yǔ)言的一部分——不僅體現(xiàn)在外觀上，還體現(xiàn)在它的行為和響應(yīng)方式上。
這種新型數(shù)字超材料不僅外觀獨(dú)特，其作用如同一種反應(yīng)靈敏的物質(zhì)，甚至如同活體。它不僅通過(guò)外觀，更通過(guò)運(yùn)動(dòng)傳遞靈活性和觸覺(jué)反饋。它不再僅僅是視覺(jué)上的一致性，而是計(jì)算上的一致性。
說(shuō)到這里，我們以前經(jīng)常聽(tīng)到蘋(píng)果公司談?wù)撚?jì)算攝影，相機(jī)不僅能捕捉世界，還能通過(guò)圖層、濾鏡和算法來(lái)解讀和計(jì)算。現(xiàn)在，計(jì)算設(shè)計(jì)似乎正在興起。
液態(tài)玻璃并非一次性渲染，而是持續(xù)計(jì)算。它能夠動(dòng)態(tài)適應(yīng)光線、內(nèi)容和環(huán)境，實(shí)時(shí)響應(yīng)周?chē)h(huán)境和用戶輸入。這種材質(zhì)會(huì)彎曲、折射和反應(yīng)；它的每一個(gè)細(xì)節(jié)都經(jīng)過(guò)多層計(jì)算：高光、陰影、色調(diào)、亮度和表面圖形。
這改變了游戲規(guī)則：界面不再僅僅是布局，而是行為。
設(shè)計(jì)師和開(kāi)發(fā)者不再專注于靜態(tài)的界面元素——我們正在塑造實(shí)時(shí)的、響應(yīng)式的內(nèi)容。
暫時(shí)無(wú)法在飛書(shū)文檔外展示此內(nèi)容
Figma X 帳戶的預(yù)告片——它可以像應(yīng)用效果一樣簡(jiǎn)單嗎？
然而，作為一名實(shí)踐型設(shè)計(jì)師，我并不喜歡現(xiàn)在用 Figma（或 Framer）構(gòu)建高保真原型意味著需要通過(guò)疊加樣式和調(diào)整背景模糊來(lái)模擬效果。扁平化設(shè)計(jì)讓我們免去了這種麻煩。當(dāng)然，Liquid Glass 的預(yù)制 UI 套件已經(jīng)面世（之后還會(huì)有更多），但為了在逼真的數(shù)字環(huán)境中令人信服地呈現(xiàn)產(chǎn)品，我們現(xiàn)在還必須處理計(jì)算量巨大的視覺(jué)效果，這不可避免地會(huì)加重項(xiàng)目的負(fù)擔(dān)，更不用說(shuō)最終的界面了。
蘋(píng)果告誡設(shè)計(jì)師不要過(guò)度使用液態(tài)玻璃。然而，我們已經(jīng)看到一些早期概念（例如全玻璃的 Spotify 或 Instagram 重新設(shè)計(jì)）濫用并過(guò)度使用了這些玻璃面板，將優(yōu)雅變成了“視覺(jué)盛宴”。
蘋(píng)果顯然希望新版能夠快速流暢地推出。他們已經(jīng)為我們無(wú)縫過(guò)渡到 Liquid Glass 做好了準(zhǔn)備。設(shè)計(jì)師們已經(jīng)提供了指南，甚至還有
Icon Composer等工具來(lái)幫助應(yīng)用適應(yīng)新風(fēng)格。對(duì)于 SwiftUI 開(kāi)發(fā)者來(lái)說(shuō)，只需編寫(xiě) .buttonStyle(.glass) 即可輕松上手——一行代碼即可將 Liquid Glass 應(yīng)用到你的界面。我將在下一篇文章中深入探討官方指南。
硬件能跟上 Liquid Glass 的步伐嗎？
乍一看，玻璃界面可能只是一層視覺(jué)效果。但嘗試復(fù)制它，你很快就會(huì)意識(shí)到挑戰(zhàn)的規(guī)模。一位嘗試重現(xiàn)這種效果的 Android 開(kāi)發(fā)者分享了以下內(nèi)容：
說(shuō)實(shí)話，我真不知道蘋(píng)果是怎么做到的。在嘗試模仿之后（使用 AGSL 著色器——作者注），我對(duì)液態(tài)玻璃產(chǎn)生了全新的敬意。我猜他們也用了著色器——只是更加精妙。蘋(píng)果花了數(shù)年時(shí)間打造一個(gè)可以實(shí)現(xiàn)這一功能的系統(tǒng)。安卓系統(tǒng)還沒(méi)達(dá)到這個(gè)水平。也許小米或其他中國(guó)品牌會(huì)找到解決辦法。但在我們找到開(kāi)源解決方案之前，在安卓系統(tǒng)上實(shí)現(xiàn)真正的玻璃形態(tài)仍然遙不可及。
這不僅僅是令人驚艷的動(dòng)畫(huà)，更是材質(zhì)行為、光照、觸覺(jué)反饋和實(shí)時(shí)著色器協(xié)調(diào)一致的系統(tǒng)。Liquid Glass 需要強(qiáng)大的性能、精準(zhǔn)的操控……以及理想的 120Hz ProMotion 顯示屏才能真正閃耀。
在 Reddit 上，一次這樣的嘗試（這次是在網(wǎng)絡(luò)環(huán)境中）遭遇了嚴(yán)重的限制：
我們發(fā)現(xiàn)瀏覽器支持有限，這迫使我們不得不使用一些不太理想的解決方法。隨著時(shí)間的推移，WebKit 引入了 backdrop-filter CSS 屬性，但它仍然是性能殺手——瀏覽器每次滾動(dòng)時(shí)都必須重新計(jì)算模糊效果。也許 Apple 已經(jīng)在其設(shè)備上對(duì)此進(jìn)行了優(yōu)化，但我強(qiáng)烈建議任何在 Apple 以外的平臺(tái)上構(gòu)建 Liquid Glass 設(shè)計(jì)的人都進(jìn)行徹底的性能測(cè)試。
看來(lái)，蘋(píng)果的硬件和軟件的緊密結(jié)合再次為其帶來(lái)了優(yōu)勢(shì)。
半透明還是透明？讓我們來(lái)聊聊無(wú)障礙
如今，蘋(píng)果 經(jīng)常被譽(yù)為包容性設(shè)計(jì)的領(lǐng)導(dǎo)者，但這種聲譽(yù)是隨著時(shí)間的推移逐漸積累起來(lái)的。在上世紀(jì)八九十年代，視力受損人士幾乎沒(méi)有內(nèi)置的輔助功能。他們不得不依賴 Echo II 等第三方屏幕閱讀器——而且即使是這些閱讀器也并不總是能正常工作。雖然 Windows 用戶受益于 JAWS 和 Window-Eyes 等更成熟的工具，但蘋(píng)果卻落后了。他們?cè)谳o助功能方面的首次重大嘗試——OS X 10.2 Jaguar 中的Universal Access——漏洞百出且不可靠。
直到 OS X 10.4 Tiger 和 iPhone 3GS 的推出，一個(gè)新時(shí)代才開(kāi)啟：VoiceOver被集成到系統(tǒng)中，盲文顯示器也得到了支持，縮放功能也成為原生功能。2013 年，蒂姆·庫(kù)克表示：“當(dāng)我們致力于讓設(shè)備無(wú)障礙時(shí)，投資回報(bào)率 (ROI) 并不重要。我們這樣做是因?yàn)檫@是公平且正確的。”
在 WWDC 上，Apple 強(qiáng)調(diào)了其對(duì)無(wú)障礙功能的承諾。他們推出了輔助訪問(wèn)等功能，方便認(rèn)知障礙用戶使用，并展示了一系列新工具：眼動(dòng)追蹤、車(chē)輛運(yùn)動(dòng)提示、個(gè)人語(yǔ)音、實(shí)時(shí)語(yǔ)音、桌面放大鏡、盲文訪問(wèn)等等。此外，App Store 中推出的無(wú)障礙營(yíng)養(yǎng)標(biāo)簽也體現(xiàn)了他們向更高透明度邁進(jìn)的決心。Apple 將此視為一項(xiàng)重要的組織優(yōu)先事項(xiàng)：“無(wú)障礙是我們一切工作的一部分”，并通過(guò)專門(mén)的 WWDC 會(huì)議、實(shí)踐實(shí)驗(yàn)室和持續(xù)的推廣活動(dòng)來(lái)強(qiáng)化這一點(diǎn)。
我將在下一篇文章中深入探討 Apple 在 WWDC 2025 中推出的無(wú)障礙更新。
與所有擔(dān)憂相反， WWDC 25 上發(fā)布的新內(nèi)容有很多值得探索的地方，其中只有一個(gè)亮點(diǎn)：蘋(píng)果現(xiàn)在允許用戶僅使用眼睛來(lái)控制他們的 iPhone 或 iPad——由于內(nèi)置的眼動(dòng)追蹤技術(shù)，不需要額外的硬件。
但看著Liquid Glass，卻有一種令人不安的似曾相識(shí)的感覺(jué)。蘋(píng)果或許又一次陷入了困境：視覺(jué)上的愉悅可能會(huì)掩蓋視力受限用戶的需求。
iOS 26 beta 2 已經(jīng)帶來(lái)了一些改進(jìn)。圖片來(lái)源：9to5google.com（左）和 macrumors.com（右）。
蘋(píng)果提供了調(diào)整“液態(tài)玻璃”外觀的選項(xiàng)——降低透明度、增強(qiáng)對(duì)比度或減弱動(dòng)態(tài)效果。任何人都可以隨時(shí)在設(shè)置中修復(fù)這個(gè)問(wèn)題。這很有幫助。但這也暴露了一個(gè)更深層次的問(wèn)題。
在包容性設(shè)計(jì)中，用戶不應(yīng)該為了查看界面而調(diào)整設(shè)置。好的設(shè)計(jì)默認(rèn)就具有包容性，無(wú)需切換、濾鏡或疊加層。Liquid Glass 賦予用戶更多控制權(quán)，這值得稱贊。但它也提醒我們：可訪問(wèn)性并非一項(xiàng)額外功能，而是一條底線。視覺(jué)上的愉悅永遠(yuǎn)不應(yīng)以犧牲清晰度為代價(jià)，尤其是在我們討論視覺(jué)障礙時(shí)。
對(duì)于普通用戶來(lái)說(shuō)，Liquid Glass 或許只是一種炫目的設(shè)計(jì)噱頭。但專業(yè)設(shè)計(jì)社區(qū)卻對(duì)此有不同的看法。熟悉WCAG（Web 內(nèi)容可訪問(wèn)性指南）的人會(huì)從包容性的視角來(lái)看待這類界面。
根據(jù)指南，常規(guī)文本的最小對(duì)比度應(yīng)該是4.5:1 ，對(duì)嗎？但是，如果背景本身是一個(gè)不斷移動(dòng)的半透明層——模糊并滲透到其下方的所有內(nèi)容，會(huì)發(fā)生什么？
蘋(píng)果提供了動(dòng)態(tài)圖形顏色反轉(zhuǎn)功能，以便根據(jù)背景調(diào)整按鈕對(duì)比度。但在實(shí)際應(yīng)用中，此功能在較為靜態(tài)的場(chǎng)景中并不總是有效——例如，在通知中，我們已經(jīng)看到過(guò)不僅對(duì)比度極低，而且全白的情況。
“好的設(shè)計(jì)是無(wú)形的。” ——迪特·拉姆斯
但它也不應(yīng)該是不可讀的。我相信我們會(huì)看到修復(fù)的。
液態(tài)玻璃模仿了現(xiàn)實(shí)世界的透鏡效應(yīng)——蘋(píng)果設(shè)計(jì)團(tuán)隊(duì)自己也指出了液滴如何彎曲光線，或者透鏡如何拉近物體。但如果這真的像透鏡一樣，為什么它不像真正的透鏡那樣翻轉(zhuǎn)遠(yuǎn)處物體的圖像呢？好吧，我想我可能有點(diǎn)過(guò)度分析了。
在 iOS 26 中，由液態(tài)玻璃鑄造而成的按鈕表現(xiàn)有所不同——為了營(yíng)造更清晰的狀態(tài)，這種扭曲會(huì)以奇怪的方式扭曲背景，繪制出令人分心的圖案。這既缺乏視覺(jué)說(shuō)服力，也缺乏光學(xué)準(zhǔn)確性。這些扭曲會(huì)造成視覺(jué)噪音，讓眼球充斥著毫無(wú)用處的圖案。隨著時(shí)間的推移，這種壓力會(huì)逐漸累積，使界面感覺(jué)更像是視覺(jué)混亂，而非精致的致敬之作。
最后——如果有人只是不喜歡玻璃表面怎么辦？無(wú)論是完全透明還是部分透明，單色還是飽和色，這個(gè)新界面可能感覺(jué)就像他們從未要求安裝的視覺(jué)“皮膚”。而且，它沒(méi)有“恢復(fù)平面”的開(kāi)關(guān)。
蘋(píng)果是不是徹底扼殺了扁平化設(shè)計(jì)？或許并非完全如此——但他們確實(shí)讓界面變得生動(dòng)活潑，更具沉浸感。這是產(chǎn)品，是戰(zhàn)略，是設(shè)計(jì)創(chuàng)新……才是賣(mài)點(diǎn)。是產(chǎn)品、是策略、是設(shè)計(jì)創(chuàng)新……才是銷(xiāo)售的關(guān)鍵。
蘭亭妙微(www.alimai.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
