提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
哈嘍,這里是設(shè)計夾,今天分享的是「液態(tài)玻璃UI使用體驗」。
在WWDC25大會上,蘋果推出了全新的系統(tǒng)設(shè)計語言——Liquid Glass (液態(tài)玻璃)。雖然網(wǎng)絡(luò)上對新設(shè)計的評價褒貶不一,但作為行業(yè)領(lǐng)頭者,蘋果這次的更新確實敢于嘗試。雖說用戶體驗上還存在一些問題,但也讓我們看到了蘋果未來的設(shè)計方向。
那蘋果為什么要搞液態(tài)玻璃UI呢?通過近一個月的真實使用體驗,今天聊聊我的感受以及對新設(shè)計風格的看法~
一、什么是液態(tài)玻璃?
這種透明的效果像屏幕表面覆蓋了一層玻璃或水滴,界面高光會隨著滾動和點擊等交互而實時變化。
它不只是改改風格那么簡單,而是能適配iOS 26、macOS 26、iPadOS 26 這些全平臺系統(tǒng)的通用設(shè)計體系,這其實也預(yù)示著未來用戶體驗和感官體驗的方向要變了。
具體來說,有這幾個特點:
實時響應(yīng):隨著用戶滾動,玻璃背景的透明度、反射和折射等效果會產(chǎn)生細微變化。
玻璃質(zhì)感:帶著輕盈的深度感,就像玻璃蓋在內(nèi)容上,界面和內(nèi)容能融合到一起。
全平臺統(tǒng)一:同一套設(shè)計語言能用在 iPhone、iPad、Mac、Watch 和 Vision Pro 上。
液態(tài)玻璃是自2013年iOS 7扁平化設(shè)計以來最大的變化,這種風格有點像Windows早期推出的“Aero Glass”。但Windows只是有了透明的視覺效果,蘋果的“Liquid Glass”做的更精致,是基于物理原理的界面,甚至有點回到擬物化時代的感覺。
二、液態(tài)玻璃的優(yōu)缺點分析
我認為的優(yōu)勢:
① 全平臺延續(xù)統(tǒng)一感
所有系統(tǒng) (iOS、macOS、watchOS、VisionOS) 用一套視覺語言,不同設(shè)備間的體驗?zāi)芨B貫。哪怕一開始要花點時間適應(yīng),但在iPhone上熟悉了界面風格,到了 iPad、Mac、Vision Pro上也能自然銜接,學(xué)起來更輕松,體驗卻更豐富。
② 界面更有互動感
界面會對滾動、觸摸這些操作做出自然的視覺反饋,就像觸摸物理世界里的東西一樣,能讓用戶更投入,加強使用的沉浸感。
③ 增強內(nèi)容沉浸感
界面和背景無縫融合,用戶能更專注于主要內(nèi)容。而且它能根據(jù)場景調(diào)整——比如深色背景會調(diào)亮一點,復(fù)雜背景會模糊一點,這樣信息傳遞更貼合當下場景,也能引導(dǎo)用戶關(guān)注重點。
我認為的缺點:
① 可讀性下降
透明效果和背景融合看著很吸引人,但很容易讓文字 “站不穩(wěn)”。背景和界面元素融到一起時,內(nèi)容對比度顯著降低,導(dǎo)致難以閱讀內(nèi)容,看久了眼睛也會特別疲勞。白色文字搭配玻璃背景,文字是不是很難看清?
② 分散注意力
那些玻璃光澤、高光效果很容易分散注意力,讓用戶沒法專注在需要的信息上。就算折射效果做得再精細,這些動畫也會喧賓奪主,尤其是需要快速完成任務(wù)的時候,效率會很低。
③ 可訪問性下降
對有視覺或認知障礙的用戶來說,這些視覺效果可能會讓他們更累,更分心。比如老人或視力不好的用戶,通常喜歡高對比度、輪廓清晰、靜態(tài)的界面,半透明和實時變化的元素只會讓他們更難集中。
④ 應(yīng)用間的風格不統(tǒng)一
設(shè)計語言一旦更新,很多APP應(yīng)用都會改版來適配新系統(tǒng),尤其是蘋果這種定義UI標準的引領(lǐng)者,不跟著改很快就顯得過時。但問題是,不是所有應(yīng)用都能同步跟上。
資源少的小應(yīng)用、設(shè)計保守的品牌應(yīng)用,或者要考慮兼容性的應(yīng)用,很難跟上液態(tài)玻璃的節(jié)奏,慢慢就會被這個設(shè)計潮流甩在后面。用戶用起來就會覺得很割裂:有的APP應(yīng)用像玻璃風格一樣透明,有的還是扁平風格的。
三、蘋果的戰(zhàn)略:為XR和Zero UI做準備
雖然有缺點,但這套設(shè)計展現(xiàn)了一個策略——通過液態(tài)玻璃,悄悄讓用戶適應(yīng)“感官界面”的思考方式。在轉(zhuǎn)向成熟的XR空間交互界面之前,先讓用戶提前體驗“感官化的空間計算和設(shè)計邏輯”。
① 強調(diào)基于物理的界面
玻璃紋理、光線反射折射、三維運動,這些都是營造3D空間感的典型元素。這不只是2D屏幕上的圖形,而是融合了現(xiàn)實和數(shù)字的感官體驗,多了一個新維度。結(jié)合visionOS來看,這明顯是在讓用戶慢慢適應(yīng)XR體驗。
② 從觸摸到手勢的過渡
液態(tài)玻璃打破了以清晰按鈕、選項tab為主的界面模式,核心是增強“光澤、動感、深度”這些視覺交互,并且實時響應(yīng)用戶操作。這種 “實時響應(yīng)” 的體驗,正是最近常說的“無界面 (Zero UI) ”和空間計算界面的方向。
傳統(tǒng)UI靠清晰的邊界和功能提示——比如“這是一個按鈕”、“請點這里”。但在無界面或空間計算里,界面得主動響應(yīng)用戶的意圖和場景,深度融入其中。所以液態(tài)玻璃可以看作是“沉浸式交互”的預(yù)演:引導(dǎo)用戶的注意力關(guān)注不斷變化的提示 (例如光澤、移動和深度變化),把它們當成合適的觸發(fā)點和反饋,訓(xùn)練用戶以后能自然地理解和使用“界面”。
③ 全平臺統(tǒng)一設(shè)計,統(tǒng)一用戶認知
這套界面已經(jīng)用在蘋果所有OS26系統(tǒng)上。所以iOS生態(tài)的用戶,其實只能自然而然地適應(yīng) (或者說接受) 蘋果推動的這種體驗。如果無法接受,那只能離開這個生態(tài)了。
我一直覺得Vision Pro的UI“很科幻”。但看了液態(tài)玻璃后忽然明白:如果先讓這種“以感官為中心的界面”在手機上變得常見,等Vision Pro普及了,用戶其實不用怎么學(xué)就能自然適應(yīng)。
這是一個慢慢改變我們體驗方式的過程:從“看 (視覺焦點)”到“感覺 (感官焦點)”,從基于觸摸的界面到基于感官的用戶體驗的平滑過渡。設(shè)計語言不只是“好看”或“酷炫”的設(shè)計體系,它是用戶和產(chǎn)品之間的體驗紐帶,也是品牌理念最直接的體現(xiàn)。
所以在視覺美觀和功能性沖突的情況下,我們不能只盯著“效果多棒!”“動畫多復(fù)雜!”,更要想 “以后我們該怎么閱讀和處理信息?”
最后
總的來說,液態(tài)玻璃的視覺體驗確實很精致,但畢竟現(xiàn)在我們還是用二維的屏幕。就算它是為未來的XR做鋪墊,但對當下的用戶來說,這種變化到底有沒有真正帶來更好的體驗,還是另一回事。
蘋果液態(tài)玻璃確實有戰(zhàn)略考量,但要覆蓋整個系統(tǒng),還是不夠通用。只要UI界面上有可見的元素,就必須保證看得清、好操作,而不是藏在手勢或者其他交互操作里。所以我對蘋果這次更新,多少有點保留意見。當然液態(tài)玻璃的美感確實沒話說。
最后,UI設(shè)計的新時代好像要來了,作為設(shè)計師,我還是挺期待的。如果你有什么想法想分享,歡迎留言咱們一起聊聊~
慢慢來比較快,如覺得有幫助,請點個贊,分享給更多的朋友,謝謝!
Powered by Froala Editor
微信公眾號:Clip設(shè)計夾
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊