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