蘋果在 WWDC25 上宣布了迄今規(guī)模最大的設(shè)計(jì)更新——Liquid Glass（液態(tài)玻璃）。這一設(shè)計(jì)語言將適用于 iOS、iPadOS、macOS、watchOS、tvOS 和 visionOS 等蘋果旗下所有軟件平臺(tái)，首次展現(xiàn)了一種全新的統(tǒng)一設(shè)計(jì)理念。這是繼 2013 年 iOS 7 扁平化設(shè)計(jì)之后，時(shí)隔 12 年軟件行業(yè)最重大的界面設(shè)計(jì)風(fēng)格革新。

為什么蘋果要推出 Liquid Glass？這種設(shè)計(jì)語言具有哪些特性？在實(shí)際應(yīng)用中又有哪些需要注意的地方？讓我們一起來探討這些問題。

更多設(shè)計(jì)干貨：

一、為什么蘋果要推出 Liquid Glass？

理解當(dāng)下最好的方式是回顧歷史，簡單梳理一下手機(jī)界面風(fēng)格發(fā)展史就能明白蘋果為什么要更新設(shè)計(jì)語言。

1. 擬物化

在第一代 iPhone 發(fā)布前，人們都在使用帶實(shí)體按鍵的手機(jī)。當(dāng) iPhone 推出全觸摸屏界面時(shí)，這對(duì)很多人來說都是個(gè)新事物。為了幫助用戶更容易適應(yīng)這種新界面，蘋果選擇了擬物化設(shè)計(jì)。

擬物化設(shè)計(jì)，就是讓手機(jī)界面看起來像現(xiàn)實(shí)生活中的物品。比如，按鈕會(huì)做成看起來能按下去的樣子，有凸起或凹陷的效果。這樣的設(shè)計(jì)讓用戶一眼就能看出哪里可以點(diǎn)擊，用起來更直觀。

舉個(gè)例子，日歷應(yīng)用做成了皮革封面書本的樣子，備忘錄則像現(xiàn)實(shí)中的黃色便簽紙。這些設(shè)計(jì)讓新用戶很容易就明白每個(gè) App 的用途。這也是喬布斯特別推崇的設(shè)計(jì)理念。

但是，擬物化設(shè)計(jì)也有缺點(diǎn)。界面上太多逼真的裝飾和細(xì)節(jié)，反而會(huì)讓用戶覺得眼花繚亂，不知道該關(guān)注什么。

另外，隨著智能手機(jī)越來越普及，需要開發(fā)的 App 也越來越多。但是制作精美的擬物化界面需要投入大量時(shí)間和人力，應(yīng)用開發(fā)速度跟不上用戶的需求。

2. 扁平化

隨著人們逐漸熟悉觸屏手機(jī)的使用，蘋果設(shè)計(jì)總監(jiān) Jony Ive 發(fā)現(xiàn)用戶已經(jīng)完全適應(yīng)了觸摸屏界面，不再需要模仿實(shí)體按鈕的設(shè)計(jì)方式。用戶真正關(guān)注的是手機(jī)的功能和內(nèi)容本身，因此蘋果推出了更為簡約的扁平化設(shè)計(jì)。

扁平化設(shè)計(jì)的理念很簡單：運(yùn)用簡約的圖形、鮮艷的色彩和基礎(chǔ)的幾何形狀來構(gòu)建界面。這種設(shè)計(jì)移除了不必要的裝飾元素，讓用戶能更快地找到所需內(nèi)容。由于界面變得更加簡潔，App 的啟動(dòng)和運(yùn)行速度也隨之提升。

不過，扁平化設(shè)計(jì)也存在一些問題。由于界面缺乏立體感（如陰影和漸變效果），用戶往往難以分辨哪些元素是可點(diǎn)擊的、哪些不是。此外，由于所有 App 都采用了相似的簡約設(shè)計(jì)，使它們的外觀過于雷同，缺乏獨(dú)特性。

3. Liquid Glass

現(xiàn)在回頭來看，擬物化和扁平化就是兩個(gè)極端。

擬物化設(shè)計(jì)雖然成功地將現(xiàn)實(shí)世界的使用體驗(yàn)帶入了數(shù)字領(lǐng)域，但這種模仿現(xiàn)實(shí)的優(yōu)勢反而成為了它的局限。過分嚴(yán)格地遵循現(xiàn)實(shí)世界的規(guī)則，反而限制了我們探索那些在現(xiàn)實(shí)中不存在、但在數(shù)字世界獨(dú)有的交互方式和功能。

扁平化設(shè)計(jì)過分追求簡約，犧牲了可用性。它缺乏層次感和深度，導(dǎo)致用戶難以區(qū)分交互元素。當(dāng)新的數(shù)字平臺(tái)（如 AR、VR）普及時(shí)，這種過度簡化的設(shè)計(jì)可能會(huì)讓用戶無所適從，不會(huì)使用。

讓我們從本質(zhì)來思考。界面是一種介于現(xiàn)實(shí)與虛擬之間的媒介。一方面，界面通過現(xiàn)實(shí)世界中的平面屏幕呈現(xiàn)；另一方面，屏幕中的界面內(nèi)容卻是虛擬的。這種矛盾在使用手機(jī)、平板、電腦和手表時(shí)并不明顯。

但當(dāng)蘋果開發(fā) Vision Pro 頭顯時(shí)，這一矛盾變得更加突出。Vision Pro 實(shí)時(shí)融合虛擬內(nèi)容與真實(shí)環(huán)境，允許用戶與兩者進(jìn)行交互。呈現(xiàn)的是一個(gè)復(fù)刻真實(shí)世界的虛擬環(huán)境，其中包含眾多界面窗口。如果采用扁平化設(shè)計(jì)，平面元素會(huì)在立體的 VR 環(huán)境中顯得格格不入，缺乏必要的層次感和深度。這會(huì)導(dǎo)致用戶難以判斷界面的相對(duì)距離，也無法準(zhǔn)確操作。而如果回歸擬物化設(shè)計(jì)，用戶則難以區(qū)分 VR 環(huán)境中的真實(shí)物理對(duì)象和可交互的數(shù)字功能。

因此，蘋果為 Vision Pro 在這兩個(gè)極端之間找到了平衡點(diǎn)。在 VR 環(huán)境中，界面被設(shè)計(jì)成類似真實(shí)世界中的玻璃屏幕，既有一定的厚度和深度，帶來真實(shí)的質(zhì)感。而玻璃屏幕內(nèi)呈現(xiàn)的內(nèi)容，則像數(shù)字界面一樣豐富多彩，展現(xiàn)出虛擬世界的獨(dú)特魅力。核心價(jià)值在于 **通過界面動(dòng)態(tài)化彌合數(shù)字與物理世界的邊界**。

Vision Pro 不僅僅是蘋果首款 VR 設(shè)備，它很可能是一個(gè)新時(shí)代的開端。隨著 AR、VR、MR、XR 等新設(shè)備的發(fā)展，傳統(tǒng)的純屏幕設(shè)備如 iPhone、iPad 可能逐漸被取代。為了應(yīng)對(duì)這一變革，蘋果需要一種全新的設(shè)計(jì)語言。他們以 Vision Pro 的界面風(fēng)格為基礎(chǔ)，進(jìn)行了完整的重新定義，并確保其能在 iPhone 等傳統(tǒng)屏幕設(shè)備上完美運(yùn)行，統(tǒng)一了蘋果現(xiàn)在到未來的設(shè)備的設(shè)計(jì)風(fēng)格。這就是 Liquid Glass 設(shè)計(jì)語言誕生的背景。

二、Liquid Glass 的核心特征

1. 動(dòng)態(tài)光影與流體效果

界面元素模擬玻璃的光學(xué)特性，如光線折射、反射和動(dòng)態(tài)流動(dòng)效果。例如，圖標(biāo)邊緣會(huì)根據(jù)視角變化產(chǎn)生水滴狀折射光效，滑動(dòng)操作時(shí)會(huì)出現(xiàn)漣漪狀粒子擴(kuò)散動(dòng)畫。

控件（如按鈕、滑塊）采用懸浮式設(shè)計(jì)，底部增加微曲投影，模擬弧形玻璃邊緣的視覺效果。

2. 半透明材質(zhì)與立體層次

系統(tǒng)界面（鎖屏、通知中心、控制中心）采用半透明材質(zhì)，內(nèi)容顯示更突出，同時(shí)保留環(huán)境光交互。

App 圖標(biāo)和小組件支持多層透明疊加效果，呈現(xiàn)類似“液態(tài)玻璃”的立體質(zhì)感。

三、使用 Liquid Glass 有哪些難點(diǎn)和挑戰(zhàn)

1. 文字可讀性不佳

擬物化時(shí)代文字在類似紙質(zhì)的淡黃色背景上，而扁平化都是白色或灰色背景。文字可讀性極佳。而 Liquid Glass 風(fēng)格的文字是“蝕刻”在玻璃上的，這種設(shè)計(jì)雖然在視覺上極具創(chuàng)新性，但玻璃材質(zhì)的半透明特性可能導(dǎo)致文字與背景之間的對(duì)比度不足，特別是在復(fù)雜背景或光線變化的環(huán)境中。

2. 界面層次難表達(dá)

傳統(tǒng)的界面設(shè)計(jì)通過顏色、陰影、邊框等元素來建立清晰的層次結(jié)構(gòu)，但 Liquid Glass 的半透明特性使這一任務(wù)變得更加復(fù)雜。

想象一下當(dāng)多個(gè) L 玻璃元素重疊時(shí)，由于它們都具有半透明和反射特性，可能難以區(qū)分哪些元素位于前景，哪些位于背景。

Liquid Glass 目前的策略是采用不同的透明度和虛化效果。透明度越低層次越高，同時(shí)層次高的元素可以把其他層次低的元素當(dāng)作背景進(jìn)行虛化。

新版系統(tǒng)也內(nèi)置了多種材質(zhì)來呈現(xiàn)景深感和層級(jí)結(jié)構(gòu)，同時(shí)不分散對(duì)內(nèi)容的注意力。從幾乎半透明到幾乎不透明，材質(zhì)可以自動(dòng)適配不同外觀模式。

3. 動(dòng)態(tài)效果搶眼

由于玻璃材質(zhì)的半透明特性，在以內(nèi)容為主的 App 中需要實(shí)現(xiàn)一個(gè)平衡：當(dāng)用戶專注于內(nèi)容時(shí)，界面元素應(yīng)當(dāng)弱化；而當(dāng)用戶需要操作功能時(shí)，這些元素又要足夠顯眼。Liquid Glass 通過控件的展開縮放效果，以及玻璃材質(zhì)對(duì)光影的折射變形來解決這一矛盾。

這種動(dòng)態(tài)效果雖然吸引眼球，但如果處理不當(dāng)可能會(huì)分散用戶注意力。例如，當(dāng)用戶正在閱讀文章時(shí)，周圍界面元素的光影變化可能會(huì)造成干擾。因此，設(shè)計(jì)師需要在視覺效果和用戶體驗(yàn)之間找到平衡點(diǎn)，確保動(dòng)態(tài)效果在需要時(shí)才被觸發(fā)。

4. 削弱內(nèi)容沉浸

下圖展示了同一款軟件在 Liquid Glass 和當(dāng)前 macOS 系統(tǒng)舊風(fēng)格下的對(duì)比。為了呈現(xiàn) Liquid Glass 效果，界面增添了帶折射效果的邊框和層次感陰影。這不僅占用了額外空間，減少了實(shí)際內(nèi)容的顯示區(qū)域，復(fù)雜的視覺效果反而喧賓奪主，分散了對(duì)主要內(nèi)容的注意力。

蘋果顯然也意識(shí)到了這個(gè)問題。以 iPad 郵箱 App 為例，雖然按照設(shè)計(jì)邏輯，左側(cè)邊欄的郵件列表應(yīng)該采用更高層次的玻璃效果，但為了確保文字清晰度和內(nèi)容沉浸感，他們選擇保留扁平化設(shè)計(jì)，僅用簡單的灰線來區(qū)分層次。

總結(jié)

Liquid Glass 是蘋果對(duì)未來混合現(xiàn)實(shí)時(shí)代的一次重要設(shè)計(jì)探索。這種設(shè)計(jì)語言通過模擬玻璃的物理特性，在數(shù)字世界中創(chuàng)造出獨(dú)特的視覺體驗(yàn)。從擬物化到扁平化，再到如今的 Liquid Glass，每一階段都在解決前一階段的局限性，這不是簡單的線性發(fā)展，而是一個(gè)復(fù)雜而精密的演進(jìn)過程。盡管 Liquid Glass 在文字可讀性、內(nèi)容沉浸和界面層次等方面仍面臨諸多挑戰(zhàn)，但可以預(yù)見蘋果會(huì)通過持續(xù)迭代來優(yōu)化這些問題。設(shè)計(jì)師們需要深入研究和探索，克服這些難點(diǎn)，充分發(fā)揮 Liquid Glass 的優(yōu)勢，才能為用戶帶來更優(yōu)質(zhì)的設(shè)計(jì)體驗(yàn)。