作者 | Raluca Budiu 責(zé)編 | 蘇宓

出品 | CSDN（ID：CSDNnews）

在今年 6 月的 WWDC 大會(huì)上，蘋果推出了一項(xiàng)頗具突破性的設(shè)計(jì)更新——為包括 iOS、iPadOS 在內(nèi)的各大系統(tǒng)引入統(tǒng)一的視覺語言。

簡(jiǎn)單來看，Liquid Glass 是一種半透明的視覺層，漂浮在應(yīng)用之上，在你需要切換視圖、選擇功能時(shí)，它會(huì)柔和地過渡，讓界面顯得更清晰、更自然。同時(shí)也會(huì)隨著你的操作動(dòng)態(tài)變化，能折射光線、適應(yīng)環(huán)境，還能根據(jù)內(nèi)容自動(dòng)調(diào)整樣式。

這種設(shè)計(jì)帶來了更強(qiáng)的透明感、流動(dòng)感與層次感，發(fā)布當(dāng)時(shí)確實(shí)讓不少果粉眼前一亮，覺得界面更顯高級(jí)。

然而，隨著系統(tǒng)正式落地、用戶實(shí)際體驗(yàn)后，越來越多的用戶涌入網(wǎng)絡(luò)，反饋認(rèn)為蘋果過于追求視覺美感和裝飾性效果，反而在可用性上做了妥協(xié)——那些閃爍的表面和動(dòng)態(tài)的控件，看久了甚至讓人覺得有些礙眼。

近日，用戶體驗(yàn)專家 Raluca Budiu 發(fā)文分析了 Liquid Glass 視覺語言對(duì)實(shí)際使用的影響，在文章中一一細(xì)數(shù)了自己糟糕的體驗(yàn)，看看你有相同的感受嗎？

透明 = 看不清

Liquid Glass 讓 UI 元素變得半透明、帶氣泡感，最終呈現(xiàn)出輕盈、通透的效果，但通常情況下也容易“隱形”。

早在幾十年前的可用性研究就證明：任何疊加在別的內(nèi)容之上的東西，都會(huì)更難辨認(rèn)。而現(xiàn)在，到了 2025 年，Apple 卻反其道而行之，讓文字、圖標(biāo)和控件半透明地漂浮在復(fù)雜背景上。

在圖像上疊文字本就是設(shè)計(jì)大忌，因?yàn)槲淖峙c背景的對(duì)比度常常不足。那為什么 Apple 現(xiàn)在鼓勵(lì)用戶在信息聊天背景里使用照片？

比如：當(dāng)蝴蝶形狀的表情文字疊在一張兔子背景圖上，你幾乎看不出任何一個(gè)。

結(jié)果就是，朋友發(fā)來的消息藏在他們的海灘自拍或?qū)櫸锩l(fā)里，看似“聚焦內(nèi)容”，實(shí)際上根本看不清。

同樣的問題也出現(xiàn)在 Apple Maps：屏幕底部的圖標(biāo)和食物背景圖幾乎融為一體。

而 Apple 還在進(jìn)一步挑戰(zhàn)用戶的眼力——文字疊文字。設(shè)計(jì)師似乎認(rèn)為用戶都有鷹眼和耐心，因?yàn)楝F(xiàn)在讀一條郵件主題，都像在解密碼。

結(jié)果不僅難讀，還難看。

郵件：文本上重疊的文本造成了難以辨認(rèn)的混亂。

iOS 26 中，半透明的懸浮控件遍布系統(tǒng)：標(biāo)題欄、搜索欄、標(biāo)簽欄，甚至狀態(tài)欄都漂浮在內(nèi)容之上。這些控件不但遮擋頁面，還在視覺上與其他元素爭(zhēng)搶注意力。

Safari 的新控件設(shè)計(jì)就是典型例子：瀏覽器底部的 URL 欄、返回鍵、菜單圖標(biāo)與網(wǎng)頁內(nèi)的浮動(dòng)按鈕混在一起，狀態(tài)欄還與內(nèi)容層互相干擾，造成視覺噪音。

動(dòng)畫按鈕：動(dòng)得多，不一定有意義

動(dòng)畫在第一次出現(xiàn)時(shí)往往令人愉悅；如果使用得當(dāng)，它還能帶來一種“恰到好處”的滿足感——那種元素精準(zhǔn)對(duì)齊、順滑收尾時(shí)的“咔嗒”或“啪嗒”一瞬間。人類的視覺系統(tǒng)對(duì)運(yùn)動(dòng)極為敏感，這也是為什么帶動(dòng)畫的按鈕會(huì)立刻吸引注意力。但當(dāng)同樣的動(dòng)畫重復(fù)到第十次、第二十次、第一百次時(shí)，那份“愉悅”就變成了干擾。

在 iOS 26 中，控件似乎“執(zhí)著”地要自己動(dòng)起來——無論用戶是否從中受益。比如：輪播導(dǎo)航點(diǎn)幾秒后會(huì)自動(dòng)變成“搜索”字樣；拍照按鈕在點(diǎn)擊時(shí)會(huì)輕微抽動(dòng)；切換頁面時(shí)，標(biāo)簽欄會(huì)鼓泡、晃動(dòng)；按鈕被點(diǎn)擊后會(huì)短暫地脈沖閃爍，隨后又變成完全不同的元素。

整個(gè)界面仿佛在不停地喊：“看我，看我！”可事實(shí)上，它更應(yīng)該安靜地退到幕后，讓真正的主角——內(nèi)容——站到聚光燈下。

主屏幕：旋轉(zhuǎn)點(diǎn)變成搜索欄。

切換時(shí)，標(biāo)簽會(huì)閃爍、冒泡并擺動(dòng)。

選中時(shí)按鈕會(huì)跳動(dòng)。

更夸張的是，某些控件在用戶沒操作時(shí)也要表演一番。比如在電話應(yīng)用中，從“所有通話”切到“未接來電”時(shí)，篩選按鈕會(huì)自己變藍(lán)，好像要提醒你此刻被“篩選”了，但實(shí)際上這種顏色變化完全多余。

這些“動(dòng)感特效”，帶來的不是體驗(yàn)升級(jí)，而是視覺負(fù)擔(dān)。

擁擠且變小的觸控區(qū)域

Apple 似乎也決定是時(shí)候讓觸控區(qū)域更密集、更小巧了。他們似乎把那條沿用多年的設(shè)計(jì)準(zhǔn)則——控件之間至少保持 0.4 厘米間距、點(diǎn)擊區(qū)域不小于 1×1 厘米——徹底拋諸腦后。也許蘋果認(rèn)為我們的手指變細(xì)了，或者他們更樂觀地假設(shè)：經(jīng)過多年的智能手機(jī)訓(xùn)練，用戶已經(jīng)掌握了以毫米級(jí)精度點(diǎn)擊微小目標(biāo)的超能力。

照片：在 iOS 18（左）中，控件之間的距離比在 iOS 26（右）中遠(yuǎn)得多。

在 iOS 26 中，標(biāo)簽欄正體現(xiàn)了這種設(shè)計(jì)思路：控件顯得擁擠且緊湊，幾乎每個(gè)頁面右下角都會(huì)懸浮著一個(gè)始終存在的搜索按鈕，為了給它騰位，其他控件被壓縮得很近。

iOS 18 與 iOS 26 中的 App Store：在 iOS 26（右）中，應(yīng)用程序頁面底部的標(biāo)簽欄已分為導(dǎo)航和搜索 - 搜索占用了更大的空間，導(dǎo)航類別被擠在一起。

由于這個(gè)搜索按鈕獨(dú)自漂浮在底欄之外，導(dǎo)航顯得支離破碎：一個(gè)控件孤立，而其他控件又緊緊擠在一起，破壞了底欄原本的統(tǒng)一感，也讓用戶難以一眼掃清整體布局。此外，這種對(duì)搜索功能的高度強(qiáng)調(diào)，讓人不免聯(lián)想到 Google 的設(shè)計(jì)套路——諷刺的是，蘋果一向以自成一派的設(shè)計(jì)語言著稱，卻在這里似乎借鑒了競(jìng)爭(zhēng)對(duì)手的思路。

可預(yù)測(cè)性消失了

我們?cè)缇椭溃?b>不斷變化的界面是一場(chǎng)災(zāi)難。早年間，微軟 Office 曾嘗試過“自適應(yīng)菜單”，會(huì)根據(jù)最近使用的頻率自動(dòng)重新排序。結(jié)果用戶普遍痛恨這種做法——因?yàn)椴藛斡肋h(yuǎn)不會(huì)保持原樣，你每次都得重新掃一遍。界面無法被“學(xué)會(huì)”，因?yàn)樗诓粩嘧兓?/p>

Apple 顯然沒從這段歷史中吸取教訓(xùn)。在 iOS 26 中，控件會(huì)根據(jù)上下文出現(xiàn)、消失、收起或展開。比如，在健康（Health）應(yīng)用中，一旦激活搜索欄，底部的標(biāo)簽欄就會(huì)收縮成一個(gè)圖標(biāo)以騰出空間。

健康：每當(dāng)搜索框展開時(shí)，標(biāo)簽欄就會(huì)折疊。

Safari 的處理方式更奇怪：前進(jìn)按鈕會(huì)“時(shí)隱時(shí)現(xiàn)”——當(dāng)沒有可前進(jìn)的頁面時(shí)它會(huì)消失。理論上這似乎合理，但實(shí)際上卻破壞了界面的一致性。當(dāng)按鈕的位置和大小隨情境變化，用戶就無法建立肌肉記憶，使用也更難預(yù)測(cè)。

Safari：瀏覽器工具欄有時(shí)只包含后退按鈕（左），有時(shí)還包含前進(jìn)按鈕（右）。

結(jié)果是：用戶不再能依賴熟悉的操作模式，而得像玩“找找看”一樣尋找導(dǎo)航控件。

舊習(xí)難改：設(shè)計(jì)規(guī)范被推翻

在舊版 iOS 中，搜索欄一直位于頁面頂部。比如在郵件或信息應(yīng)用里，用戶要下拉頁面頂部才能顯示搜索欄。雖然這種模式不算最直觀，但多年習(xí)慣讓它成為了本能操作。

信息（iOS 18）：搜索功能默認(rèn)隱藏（左）。要訪問搜索功能，用戶必須“下拉”頁面頂部（右）。

而現(xiàn)在，iOS 26 把搜索欄搬到了屏幕底部，并且始終可見。

對(duì)新用戶來說，這可能更容易發(fā)現(xiàn)；但對(duì)老用戶來說，這種“換位思維”反而帶來了割裂感和效率損失——直到重新適應(yīng)為止。（哪怕這種新模式長(zhǎng)期可能更好，短期內(nèi)仍意味著學(xué)習(xí)成本與操作挫敗。）

設(shè)置應(yīng)用程序：搜索在 iOS 18（左）中位于頂部，在 iOS 26（右）中位于底部。

更糟的是，搜索欄現(xiàn)在是一個(gè)漂浮的半透明控件，有時(shí)會(huì)遮擋頁面內(nèi)容。它淺色的外觀又讓它容易融進(jìn)背景中、被忽略。而過去的研究早已表明：浮動(dòng)按鈕只有在足夠顯眼時(shí)才好用，否則用戶根本不會(huì)注意到。

可發(fā)現(xiàn)性下降

曾經(jīng)那個(gè)帶面包屑導(dǎo)航（breadcrumb）的返回按鈕，現(xiàn)在也被“簡(jiǎn)化”了。

過去，它不僅告訴你可以返回，還標(biāo)明你是從哪兒來的?，F(xiàn)在，它只剩下一個(gè)黑白箭頭——沒有任何文字提示。

設(shè)置：返回按鈕旁邊曾經(jīng)有一個(gè)面包屑導(dǎo)航（頁面路徑），指示用戶來自哪個(gè)頁面（左）。在 iOS 26 中（右），該標(biāo)簽已被移除。

這意味著 iOS 又一次在設(shè)計(jì)上向 Android 靠攏：頁面標(biāo)題改為左對(duì)齊，使得返回按鈕右側(cè)的面包屑被擠掉。問題在于，不是所有應(yīng)用都跟上了這個(gè)改動(dòng)——有的仍在返回按鈕旁顯示面包屑，有的則把當(dāng)前頁面標(biāo)題放在那里。

這種混亂的做法勢(shì)必造成用戶困惑。

App Store：當(dāng)前頁面的標(biāo)題“評(píng)分和評(píng)論”取代了 iOS 16 后退按鈕面包屑。

Safari 也沒能幸免。地址欄被兩側(cè)的圖標(biāo)擠得狹窄，域名被截?cái)嗟妹婺咳?，你甚至無法一眼看出自己在哪個(gè)網(wǎng)站。而原本只需一鍵即可切換的標(biāo)簽頁，現(xiàn)在被藏進(jìn)了一個(gè)省略號(hào)菜單里。

這不僅違反了溢出菜單的設(shè)計(jì)規(guī)范（其中應(yīng)只放非核心操作），還讓每一次切換都多出一個(gè)動(dòng)作?？紤]到用戶每天切換上百次標(biāo)簽頁，這種額外負(fù)擔(dān)可不容小覷。

Safari：URL 欄被擠在其他工具欄按鈕之間，因此很難知道您正在訪問哪個(gè)網(wǎng)站 。

更大的問題

綜上，iOS 26 帶來了覆蓋在嘈雜背景上的 Liquid Glass 控件、抖動(dòng)的動(dòng)畫按鈕、縮小且擁擠的標(biāo)簽欄、會(huì)收起的導(dǎo)航欄，以及無處不在的搜索欄。

更糟糕的是，它打破了長(zhǎng)期沿用的 iOS 交互規(guī)范，設(shè)計(jì)風(fēng)格越來越接近 Android。

總體來看，蘋果似乎更注重視覺效果，而非可用性，這也讓人覺得 Liquid Glass 很可能是為了掩蓋 iOS 26 長(zhǎng)期承諾的 AI 功能缺失而推出的一種“視覺煙幕”。整個(gè)界面顯得躁動(dòng)、貪眼、不易預(yù)測(cè)、可讀性差，不斷吸引用戶注意力，卻無法順暢地訪問內(nèi)容。

iOS 26 并沒有讓日常操作更順暢，反而讓用戶在面對(duì)一連串花哨的視覺效果時(shí)，還得重新學(xué)習(xí)基本操作。

Apple 稱之為 Liquid Glass，但對(duì)許多用戶來說，它更像是一扇蒙著霧氣的窗——遠(yuǎn)看漂亮，近用卻令人挫敗。

對(duì)此，你怎么看？

來源：https://www.nngroup.com/articles/liquid-glass/