作者 / harmonie

編輯 / Pel

排版 / Rinz

“在蘋(píng)果材質(zhì)演進(jìn)的過(guò)程中，玻璃既是一種物理材料的靈感來(lái)源，也是一條視覺(jué)語(yǔ)言中的暗線?！?/p>

在今年的WWDC 2025上，蘋(píng)果推出了近年來(lái)最大規(guī)模的一次界面設(shè)計(jì)更新，并且宣布由iOS 18直接進(jìn)入iOS 26。

這次更新的最大亮點(diǎn)之一，是一種叫做“液態(tài)玻璃”（Liquid Glass）的全新界面材質(zhì)。

液態(tài)玻璃

蘋(píng)果制定了一系列和諧統(tǒng)一的設(shè)計(jì)語(yǔ)言與規(guī)則，拓展到了整個(gè)生態(tài)系統(tǒng)（包括iOS 26、iPadOS 26、macOS Tahoe 26、watchOS 26和tvOS 26等各個(gè)平臺(tái)）的每一個(gè)表面和每一次交互。蘋(píng)果試圖通過(guò)這塊“看得見(jiàn)又摸不著”的玻璃，讓視覺(jué)和交互更輕盈流動(dòng)，也為未來(lái)更具空間感的界面奠定基礎(chǔ)。

目前，用戶可以通過(guò)iOS 26 Developer Beta來(lái)體驗(yàn)最新的UI。使用了液態(tài)玻璃材質(zhì)的控件精細(xì)度較之前扁平化設(shè)計(jì)有了顯著的提升，并且會(huì)根據(jù)用戶輸入與環(huán)境變化進(jìn)行動(dòng)態(tài)調(diào)節(jié)以優(yōu)化使用體驗(yàn)。

但是在發(fā)布初期，這次更新引發(fā)了大量的吐槽：

“你不會(huì)想要看到你的孩子將來(lái)在編碼界面下方看到電影播放窗口的?！?/blockquote>

“如果微軟今天推出Windows Phone，我認(rèn)為他們能夠騰飛。”

網(wǎng)友@imPrk_制作的液態(tài)玻璃meme圖

爭(zhēng)議主要集中在邏輯設(shè)計(jì)矛盾和其對(duì)計(jì)算資源的浪費(fèi)。

部分用戶指出，液態(tài)玻璃將背景融入控件，在某種程度上模糊了邏輯層級(jí)。這具體表現(xiàn)在：深色模式下，材質(zhì)的通透性提高，液態(tài)玻璃控件上的內(nèi)容可識(shí)別性急劇下降；液態(tài)玻璃的高光邊緣也會(huì)搶占用戶對(duì)于內(nèi)容本身的注意力；液態(tài)玻璃上圖標(biāo)的顏色在自適應(yīng)背景顏色時(shí)會(huì)不斷切換，影響用戶觀感。

而且，光線變幻、景深效果、自適應(yīng)變化都需要GPU高性能消耗，特別是在低端設(shè)備上可能會(huì)降低幀率和增加電量消耗。

iOS控制中心的效果在測(cè)試版本迭代中已經(jīng)得到了優(yōu)化

一些人認(rèn)為，玻璃似乎并不是一個(gè)合適的UI界面信息承載對(duì)象。但實(shí)際上，這并不是蘋(píng)果第一次探索材質(zhì)在界面表現(xiàn)上的應(yīng)用。

01

蘋(píng)果材質(zhì)設(shè)計(jì)演進(jìn)的歷史

在官方介紹視頻“Meet Liquid Glass”中，設(shè)計(jì)師提到

液態(tài)玻璃的設(shè)計(jì)基于過(guò)去的經(jīng)驗(yàn)：

1）MacOS X的Aqua用戶界面；

2）iOS 7的實(shí)時(shí)模糊效果；

3）iPhone X的流暢性；

4）靈動(dòng)島的靈活多用；

5）visionOS的沉浸式界面 。

其中的Aqua用戶界面，其實(shí)也是大量蘋(píng)果用戶在此次更新后懷念的對(duì)象。

蘋(píng)果在 UI 材質(zhì)設(shè)計(jì)上的探索，始終圍繞著一個(gè)核心偏好：模擬現(xiàn)實(shí)世界中的光線與材質(zhì)質(zhì)感，讓數(shù)字界面具備可觸感與空間感。

這一偏好最早體現(xiàn)在2000年隨Mac OS X推出的Aqua界面中?！癆qua”在拉丁語(yǔ)中是水的意思，Steve Jobs這樣形容Aqua：

it's li

qu

id, one o

f the design goals was when you saw it you wanted to lick it（它是液體，其設(shè)計(jì)目標(biāo)之一是讓你看到它時(shí)就想

舔它）

，因此這套UI的大量界面元素都變得圓潤(rùn)、半透明、有高光和立體陰影，UI交互也開(kāi)始有動(dòng)畫(huà)響應(yīng)，這標(biāo)志著蘋(píng)果正式將擬物設(shè)計(jì)（skeuomorphism）引入主流操作系統(tǒng)。

隨著MacOS系統(tǒng)版本的迭代，Aqua風(fēng)格下還出現(xiàn)了拉絲金屬（Brushed Metal）的界面材質(zhì)風(fēng)格，這種拉絲金屬質(zhì)感適用于“具備現(xiàn)實(shí)世界設(shè)備比喻”的 app。無(wú)論是作為系統(tǒng)通用UI的Aqua風(fēng)格元素，還是更適配硬件類App的Brushed Metal視覺(jué)變體，二者雖然風(fēng)格不同，但都屬于擬物化的美學(xué)體系。在視覺(jué)上，使用光影的UI在屏幕空間中更加醒目直觀；在使用體驗(yàn)上，其運(yùn)作方式與用戶所期望和習(xí)慣的事物保持一致性。擬物化設(shè)計(jì)幫助用戶從現(xiàn)實(shí)世界過(guò)渡到數(shù)字界面，有效降低了學(xué)習(xí)成本。

質(zhì)感像液體或凝膠的Aqua按鈕

拉絲金屬風(fēng)格的MacOS界面

另一方面，蘋(píng)果的UI材質(zhì)風(fēng)格變遷也與其硬件設(shè)計(jì)理念變化緊密相連。21世紀(jì)初的iMac與iPod廣泛采用白色或半透明塑料材質(zhì)，而Steve Jobs作為玻璃材質(zhì)的推崇者，不僅推動(dòng)了消費(fèi)電子產(chǎn)品硬件屏幕從塑料走向玻璃，也將透明度、光澤、色彩等物理特征遷移到軟件界面中，使軟硬件達(dá)成統(tǒng)一的美學(xué)表達(dá)。2007年發(fā)布的iPhone與新一代iMac硬件開(kāi)始大量出現(xiàn)金屬與玻璃材質(zhì)，這期間的UI也傾向于模仿物理材質(zhì)的真實(shí)質(zhì)感。

2002年發(fā)布的iPod二代

2007年發(fā)布的第一款iPhone

但是隨著手機(jī)逐漸成為占據(jù)人眼時(shí)間最長(zhǎng)的設(shè)備，用戶逐漸熟悉觸控操作，擬物化設(shè)計(jì)的限制也隨之顯露。擬物化界面長(zhǎng)期依賴大量視覺(jué)資源，受彼時(shí)硬件條件限制，其性能成本較高，并且可擴(kuò)展性差。與之相對(duì)的，扁平化風(fēng)格基于簡(jiǎn)單的幾何圖形與統(tǒng)一配色，方便快速調(diào)整主題樣式，具有靈活性與可復(fù)制性。

隨著2013年iOS 7的發(fā)布，蘋(píng)果開(kāi)始走向扁平化的UI設(shè)計(jì)，2014年Yosemite的發(fā)布更是統(tǒng)一了Mac OS和iOS這種簡(jiǎn)潔的風(fēng)格，UI設(shè)計(jì)更強(qiáng)調(diào)內(nèi)容而非界面本身。但在這期間，蘋(píng)果其實(shí)一直在對(duì)其用戶界面進(jìn)行一些調(diào)整，玻璃感并未徹底消失，而是通過(guò)實(shí)時(shí)模糊、半透明背景等方式保留下來(lái)，成為輔助信息層級(jí)表達(dá)的一種“隱性材質(zhì)”。

Yosemite桌面（2014）

Big Sur桌面（2020）

Sonoma桌面（2023）

在這個(gè)網(wǎng)站可以體驗(yàn)歷史Mac系統(tǒng)：https://infinitemac.org/

可以說(shuō)，在蘋(píng)果材質(zhì)演進(jìn)的過(guò)程中，玻璃既是一種物理材料的靈感來(lái)源，也是一條視覺(jué)語(yǔ)言中的暗線。

此次蘋(píng)果推出的“液態(tài)玻璃”材質(zhì)，不僅代表了蘋(píng)果一直以來(lái)對(duì)真實(shí)感的追求，也承載了UI從二維平面邁向沉浸空間的愿景。

02

液態(tài)玻璃的動(dòng)效邏輯與物理表達(dá)

近年來(lái)流行的玻璃擬態(tài)（Glassmorphism）界面趨勢(shì)，結(jié)合半透明、模糊、邊框和陰影來(lái)模擬玻璃質(zhì)感，營(yíng)造視覺(jué)層次，但缺少真實(shí)光照效果和流動(dòng)感，屬于二維美學(xué)。液態(tài)玻璃則呼應(yīng)了新擬物化（Neumorphism）設(shè)計(jì)理念，它沒(méi)有完全回到模擬隱喻的擬物化設(shè)計(jì)，而是融合了抽象性和半透明玻璃材質(zhì)，再次強(qiáng)調(diào)了UI的深度和維度。

液態(tài)玻璃作為一種新型的表現(xiàn)材質(zhì)，非常巧妙地利用了它的物理特性（光學(xué)特性、流動(dòng)性）來(lái)表達(dá)自然的動(dòng)態(tài)效果。它的視覺(jué)呈現(xiàn)主要通過(guò)透鏡（Lensing）的方式，透明物體對(duì)光線的折射彎曲展示了它的存在、形態(tài)和動(dòng)態(tài)表現(xiàn)，這讓UI界面在視覺(jué)上增強(qiáng)了可觸發(fā)性（clickable）。同時(shí)，這種設(shè)計(jì)理念符合自然世界的視覺(jué)經(jīng)驗(yàn)，我們可以在實(shí)際體驗(yàn)中自然地聯(lián)想到水滴的匯聚、流動(dòng)、及其與光線的交互。

設(shè)備運(yùn)動(dòng)時(shí)可以看到細(xì)節(jié)拉滿的動(dòng)態(tài)效果

液態(tài)玻璃這種材質(zhì)不僅是新擬物化設(shè)計(jì)的回歸，它在保留材質(zhì)表現(xiàn)力的同時(shí)還試圖解決可定制性的問(wèn)題。

早期的擬物化靜態(tài)模擬真實(shí)物體界面，缺乏靈活性，相比之下，液態(tài)玻璃通過(guò)引入多層結(jié)構(gòu)給應(yīng)用提供了動(dòng)態(tài)主題調(diào)節(jié)的可能。

在此之前，我們有必要了解一下visionOS UI的三層結(jié)構(gòu)，即背景層、容器層、內(nèi)容層。在混合現(xiàn)實(shí)空間中，背景層由透視的現(xiàn)實(shí)環(huán)境或完全沉浸式的數(shù)字環(huán)境組成；容器層則是漂浮在空間中裝載內(nèi)容的容器，也是運(yùn)用到材質(zhì)的一層；內(nèi)容層包含所有的信息，多使用扁平化設(shè)計(jì)語(yǔ)言。

液態(tài)玻璃以visionOS為靈感，由多個(gè)分層組成，特別是分隔了UI層和內(nèi)容層，每個(gè)分層會(huì)根據(jù)下方的內(nèi)容動(dòng)態(tài)調(diào)整，這允許每個(gè)控件根據(jù)不同的規(guī)則運(yùn)行，同時(shí)保持了視覺(jué)上的凝聚力。

visionOS UI layers

Liquid glass layers

蘋(píng)果在開(kāi)發(fā)框架SwiftUI、UIKit和AppKit中添加了支持液態(tài)玻璃材質(zhì)和行為的新API，并且在文檔中詳細(xì)地說(shuō)明了開(kāi)發(fā)人員可以定義的液態(tài)玻璃外觀與動(dòng)效屬性。

例如，通過(guò)修改元素著色可以生成液態(tài)玻璃的彩色變體，這種質(zhì)感變化的多樣性都是以純色填充為主導(dǎo)的扁平化設(shè)計(jì)難以實(shí)現(xiàn)的。

純色填充

著色的液態(tài)玻璃，有著琉璃的效果

針對(duì)大量用戶抱怨的內(nèi)容可讀性下降等問(wèn)題，設(shè)計(jì)師其實(shí)都有納入考慮，并且在視頻和文檔中反復(fù)強(qiáng)調(diào)了液態(tài)玻璃的應(yīng)用限制條件。即一次顯示少量控件，僅在最關(guān)鍵的元素如導(dǎo)航欄、標(biāo)簽欄、邊欄等上套用，這些浮動(dòng)元素往往會(huì)占用屏幕空間，特別是在小屏設(shè)備上顯得壓抑，而液態(tài)玻璃材質(zhì)的半透屬性可以很大程度上改善這種情況。

此外，蘋(píng)果還提供了Display設(shè)置，用戶可以選擇開(kāi)啟或關(guān)閉模式來(lái)降低透明度和模糊效果、提升app前景和背景的對(duì)比度。

盡管目前版本仍然存在不少問(wèn)題，但從設(shè)計(jì)思路來(lái)看，液態(tài)玻璃的核心目標(biāo)不是單純的材質(zhì)美學(xué)升級(jí)，而是試圖引入一種更具空間感和物理屬性的交互方式。

03

液態(tài)玻璃如何重構(gòu)用戶與界面關(guān)系

蘋(píng)果一直以來(lái)都力圖實(shí)現(xiàn)更流暢、更強(qiáng)大、可擴(kuò)展的跨設(shè)備設(shè)計(jì)，使用戶在使用多個(gè)設(shè)備時(shí)依然有連貫的體驗(yàn)。

毫無(wú)疑問(wèn)，液態(tài)玻璃的出現(xiàn)受到了AR發(fā)展趨勢(shì)的驅(qū)動(dòng)。

visionOS通過(guò)空間計(jì)算感知用戶所處的環(huán)境空間，讓界面無(wú)縫融入到真實(shí)世界中。在 visionOS 中，界面元素天然以分層、立體的方式存在，能夠在空間中自由漂浮、排布，無(wú)需太多額外處理便能形成清晰的層級(jí)關(guān)系。

visionOS 圖標(biāo)

visionOS 窗口

然而，當(dāng)這些設(shè)計(jì)語(yǔ)言遷移到 iPhone、iPad 等傳統(tǒng)屏幕設(shè)備上時(shí)，設(shè)計(jì)師必須針對(duì)具體的尺寸、比例與使用方式進(jìn)行大量微調(diào)，利用硬件屏幕給應(yīng)用程序提供獨(dú)特的空間，確保視覺(jué)與交互體驗(yàn)的一致性。比如，在實(shí)際設(shè)計(jì)中，小屏幕的信息展示空間有限，因此Apple Watch會(huì)保留更多扁平的界面設(shè)計(jì)；iOS的標(biāo)簽欄消失，但被保留在了屏幕尺寸更大的iPad上。

因此，液態(tài)玻璃并不是為單一平臺(tái)量身定做的視覺(jué)樣式，而是作為一整套跨平臺(tái)的系統(tǒng)界面材料被整體構(gòu)思與設(shè)計(jì)。

在這次更新中，蘋(píng)果針對(duì)不同硬件設(shè)備的特性做了諸多優(yōu)化：例如將許多關(guān)鍵的交互區(qū)域移至屏幕邊緣，使其呈懸浮狀態(tài)，使界面向屏幕外擴(kuò)展；同時(shí)在曲率、尺寸和比例等細(xì)節(jié)上，與設(shè)備本身的邊框曲線形成視覺(jué)呼應(yīng)，也更符合用戶手指的自然觸碰軌跡，進(jìn)一步強(qiáng)化了界面與硬件之間的融合感。

在日常使用中，用戶可以通過(guò)液態(tài)玻璃與環(huán)境的微妙反應(yīng)變化感知到一種前所未有的“界面質(zhì)感”。當(dāng)你滑動(dòng)頁(yè)面、輕觸按鈕時(shí)，它會(huì)產(chǎn)生輕微的鏡面高光或凝膠彈性形變，像一層真正的材質(zhì)在指尖下交互響應(yīng)。這種反饋不再只是圖形上的“動(dòng)畫(huà)效果”，而是一種有物理屬性的互動(dòng)語(yǔ)言，讓用戶直觀地感受到：界面元素是“存在”的，而不僅僅是“顯示”的。

Slider 滑塊

Segmented control 切換欄

液態(tài)玻璃還會(huì)依據(jù)環(huán)境光線、滾動(dòng)狀態(tài)自動(dòng)調(diào)整透明度與主題風(fēng)格，賦予界面一定的“感知能力”。比如，在滾動(dòng)底部帶有圖片背景的應(yīng)用時(shí)，邊緣的液態(tài)玻璃會(huì)即時(shí)變換顏色與模糊度，使其始終與環(huán)境視覺(jué)保持一致，強(qiáng)化“界面嵌入環(huán)境”的感知連貫性。

從最早的黑白位圖圖標(biāo)到擬物化水滴和金屬、再到扁平化的幾何塊面，再到如今可折射、可響應(yīng)、可變形的液態(tài)玻璃，我們可以看到設(shè)計(jì)語(yǔ)言的物理屬性日益豐富，與硬件設(shè)備深度融合。

用戶不僅可以觀察到其在外觀上的光線折射和厚度變化，還能通過(guò)點(diǎn)觸推動(dòng)材質(zhì)的流體形變，并且在其滾動(dòng)時(shí)，底層內(nèi)容在液態(tài)玻璃的掩映下產(chǎn)生真實(shí)的控件錯(cuò)覺(jué)，通過(guò)視差位移模擬材料深度。

液態(tài)玻璃已經(jīng)跳躍出風(fēng)格材質(zhì)，成為了一種真實(shí)參與到界面空間的層級(jí)實(shí)體?？梢哉f(shuō)，液態(tài)玻璃或許是蘋(píng)果找到的統(tǒng)一空間視覺(jué)的重要錨點(diǎn)，讓用戶在與二維屏幕交互時(shí)也能對(duì)界面元素與內(nèi)容的位置產(chǎn)生空間感知。

此外，這一空間化設(shè)計(jì)思路，也體現(xiàn)在 iOS 26 對(duì)“空間照片”的更新支持上。iPhone現(xiàn)在也和Vision Pro一樣支持把普通2D圖像轉(zhuǎn)換成空間場(chǎng)景，并設(shè)置為空間壁紙鎖屏。這項(xiàng)功能與液態(tài)玻璃背后的理念一脈相承，都是在嘗試模糊“屏幕內(nèi)外”的邊界。

網(wǎng)友Short_Seaweed_2814創(chuàng)建的空間壁紙鎖屏

04

結(jié)語(yǔ)

在Windows 11、Android 16堅(jiān)持平面風(fēng)格的同時(shí)，蘋(píng)果逆流而上，用液態(tài)玻璃將材質(zhì)帶入空間視界。盡管當(dāng)前的液態(tài)玻璃在測(cè)試版本中的表現(xiàn)是不盡如人意的，官方文檔中考慮到的諸多問(wèn)題沒(méi)有在實(shí)際體驗(yàn)中得到很好的解決，不僅為普通用戶的長(zhǎng)期使用造成困擾，對(duì)于開(kāi)發(fā)/設(shè)計(jì)者施加了諸多限制，還不具備對(duì)于有閱讀障礙、ADHD、老年人等不同群體的包容性。

液態(tài)玻璃不僅是一種新的視覺(jué)材質(zhì)，更是一次對(duì)數(shù)字界面如何表現(xiàn)運(yùn)動(dòng)、空間關(guān)系、控件引導(dǎo)的深層次重構(gòu)。從某種意義上講，這次更新更像是一種空間美學(xué)的實(shí)驗(yàn)，當(dāng)所有操作系統(tǒng)和硬件設(shè)備都在追求智能、觸感、空間感的數(shù)字設(shè)計(jì)時(shí)，蘋(píng)果從材質(zhì)出發(fā)，試圖把玻璃的特性變成系統(tǒng)邏輯的一部分，和硬件、交互、生態(tài)共同演化。

如何平衡液態(tài)玻璃本身清透的材質(zhì)特性和用戶可讀性之間的沖突，還需要蘋(píng)果結(jié)合這次的用戶測(cè)試反饋進(jìn)一步調(diào)整，這塊“玻璃”還需要時(shí)間的打磨，才能真正做到

Make something purely digital feel natural and alive

— 點(diǎn)擊圖片閱讀更多精彩內(nèi)容 —