重新定義介面：深入解析 Apple WWDC25「Liquid Glass」設計系統的 5 大震撼變革

多年來，產品設計師與開發者在面對跨裝置適應性時，始終在與一種「空間連貫性」的缺失搏鬥。介面與內容往往呈現割裂狀態，試圖在 iPhone、iPad 與 Mac 之間尋找視覺公約數的過程，常導致體驗的平庸化。然而，在 WWDC25 中，Apple 揭曉了「Liquid Glass」設計系統，這不單是視覺層面的翻新，更是 Apple 史上最宏大的架構純粹化運動。它建立了一套全新的啟發式準則（Heuristics），從根本上重新思考軟體的物理邏輯，預示著一個更具適應性且充滿「樂觀精神」的設計時代。

Liquid Glass：介面與內容的全新關係

Liquid Glass 的精髓在於將介面定義為一個「功能層」，它如同液體玻璃般輕盈地懸浮在內容之上。這種設計語彙不再將 UI 視為承載內容的容器，而是一個動態的過濾器，在不奪取內容焦點的前提下，提供必要的結構與操作導航。

為了支撐這種透明且靈動的質感，Apple 同時精進了基礎視覺語言：系統色彩在不同模式（淺色、深色、高對比）下進行了細微調整，提升了色調辨識度；字體則變得更加厚實並改為左對齊，以強化視覺架構的穩定感。這種「和諧設計語言」讓系統在維持 Apple 獨特美學的同時，展現出前所未有的包容性與表現力。

同心幾何學——隱藏在形狀背後的數學美感

Apple 將硬體工藝中的精準曲線帶入數位世界，提出了「同心度 Concentricity」的概念。這不是單純的圓角，而是一套嚴密的數學對齊邏輯，確保元件在嵌套時能消除視覺張力（如過於擁擠或擴張的邊角），創造出統一的視覺節奏。系統定義了三種核心形狀：

• 固定形狀 Fixed shapes：維持恆定的圓角半徑
• 膠囊形 Capsules：半徑始終為容器高度的一半。它是 Liquid Glass 的靈魂，常見於 Slider 與 Switch，創造「鏡像比例」的視覺和諧。在 macOS 上，Capsules 被保留給 Large 或 X-Large 尺寸的控制項，以在大空間中提供視覺重點
• 同心形 Concentric shapes：由系統自動透過「父容器半徑減去間距」計算得出，常用於 macOS 的小型與中型控制項

針對進階設計師，Apple 引入了「回退半徑 Fallback Radius」的技術細節：當組件被嵌套時，它採用同心計算值；而當其獨立存在時，則切換回預設半徑。這種自適應幾何確保了組件在任何脈絡下都能維持優雅。

空間感的覺醒——動作表單（Action Sheet）的來源錨定

在 Liquid Glass 系統中，空間關係變得「接地氣」且具備強烈的邏輯指向。最顯著的變革在於動作表單（Action Sheet）的行為：它不再無差別地從螢幕底部升起，而是直接從觸發動作的元素（來源錨點）中彈出。

這種空間化的表現方式，能有效降低使用者的認知負荷，讓操作邏輯更加直觀。對於自定義控制項，資深設計師必須注意：務必將 Liquid Glass 材質直接應用於控制項本身，而非其內部視圖。這種做法能避免視覺上的破碎感，維持空間層級的完整。此外，iOS 在底端新增了專屬搜尋分頁（Search tab），進一步將資訊架構從混亂中解放。

捨棄裝飾，回歸佈局——導覽列的減法哲學

Liquid Glass 時代宣告了「裝飾性設計」的終結。Apple 建議開發者移除過去為了強調權重而自定義的背景與邊框。現在，層級感應透過「佈局與分組」來表達，而非過度渲染。

系統現在會透過著色（Tinted）處理來突顯主要動作（如「完成」按鈕），而非使用厚重的邊框。以下是優化導覽列的策略建議：

• 純粹化分組：依據功能與頻率進行邏輯分組，系統會自動處理背景的連貫性
• 嚴禁混合元素：避免在同一容器中混合符號與文字（如「選擇」文字與「分享」圖示並列），以免產生互動歧義
• 優先使用符號：導覽列與選單應優先採用 SF Symbols，但在缺乏清晰語意符號時，應果斷使用文字標籤以維持導航精確度

沉浸式導覽：背景延伸與滾動邊緣特效

為了創造無限延伸的視覺感受，Liquid Glass 重新定義了邊界。側邊欄（Sidebars）現在採用內縮設計，並透過「背景延伸特效 Background extension」允許 Hero Images 或內容流動至側邊欄後方，極大地拓寬了視界。

更關鍵的技術限制在於「滾動邊緣特效 Scroll edge effects」：

• 軟邊緣 Soft：iOS／iPadOS 的標準，提供平滑的模糊過渡
• 硬邊緣 Hard：主要用於 macOS，為高密度文字或固定標題建立清晰邊界

必須強調：滾動邊緣特效並非裝飾，嚴禁在同一視圖中混合或堆疊軟硬特效。此外，在使用背景延伸時，開發者須確保所有文字與控制項位於延伸層之上，以避免產生不必要的視覺扭曲。

總結與未來展望

Liquid Glass 不僅是一套 UI Kit，它代表了 Apple 對於「流動性」的終極追求。透過視覺幾何、空間架構與一致性行為的深度縫合，設計師現在只需定義 App 的「核心解剖結構」，即可實現多端的自動延伸。

當介面變得如同「液體玻璃」般透明且靈動，我們作為設計師必須自問：「當系統美學趨向極致的預設化與流體化，我們該如何重新定義 App 的品牌個性，才能在透明的玻璃層下，精準傳達出產品獨有的靈魂與溫度？」這不僅是技術的轉型，更是設計哲學的再一次進化。