從「靜態」演進至「液態」：拆解 App Icon 的設計革命與開發者契機

口袋裡的「空間運算」時代正式降臨

在 WWDC25 中，Apple 揭示了其生態系視覺語彙的一次範式轉移（Paradigm Shift）。這不僅僅是圖示外觀的更迭，更標誌著「平面設計 Flat Design」時代的終結，轉而由「深度功能主義 Depth-based Functionalism」接棒。

這場革命核心在於將 visionOS 的空間感導入 iOS、iPadOS 與 macOS。Apple 透過模擬真實玻璃的物理特性，打造出全新的「液態玻璃 Liquid Glass」材質，將 App 圖示從過往的靜態平面圖片，重塑為具備物理反饋與層次感的數位物件。身為設計評論員，我認為這是 Apple 將「空間運算」體驗縮小化並植入口袋的戰略布局，讓跨平台的視覺體驗從單純的一致性，進化為感官上的「生命力」。

核心突破：動態「材質配方」與物理感應的融合

「液態玻璃」並非一種靜態的視覺濾鏡，而是一套動態的「材質配方 Material Recipe」。Apple 不再要求設計師在稿件中手繪光影，而是交由系統根據物理邏輯即時運算。

• 精密材質成分：透過疊加「邊緣高光 Edge Highlights」、「磨霜感 Frostiness」與「半透明 Translucency」，圖示呈現出一種「由內而外發光」的極致質感
• 鏡面高光與彩色陰影：系統會自動生成「鏡面高光 Specular Highlights」來定義元素形狀，並搭配「彩色陰影 Chromatic Shadows」增加深度，這比傳統的單色投影更能營造玻璃的厚度感
• 陀螺儀與環境反射：最令人驚艷的技術點在於陀螺儀感應（Gyro input）。當使用者傾斜手機時，圖示邊緣的光影會隨之擺動，彷彿正在反射真實世界的光線。這種物理互動讓主畫面不再是死板的像素集合，而是一個充滿生命力的物理空間

外觀模式的演進：從品牌識別到系統融合

為了因應個人化需求的激增，Apple 將液態玻璃材質延伸至多種模式，確保品牌識別在任何情境下都能維持溢價感（Premium Feel）。

• 單色玻璃模式 Monochrome Glass：分為淺色與深色版本，提供純粹且一致的極簡美學
• 著色模式的視覺邏輯 Tint Modes：
• 深色著色 Dark Tint：僅將色彩應用於前景元素，強化品牌識別
• 淺色著色 Light Tint：顏色被直接「注入 Infused」玻璃材質中，呈現出如染色玻璃般的透亮質感
• 跨平台通用性：這些模式完美橫跨 iPhone、iPad、Mac 與 Apple Watch，甚至同步更新至 App Store 產品頁面。這種高度的一致性對於品牌在不同接觸點（Touchpoints）維持專業形象至關重要

統一的設計系統：精密網格與「遮罩」的嚴格限制

Apple 在本次更新中大幅簡化了跨平台設計流程，但也對設計精密度提出了更高要求。

• 全新網格與同心圓美學：在 1024 像素的標準畫布上，新網格導入了更均勻的間距與更圓潤的圓角半徑（Rounder corner radius）。其目的在於讓圖示能與硬體邊框達成視覺上的「同心圓 Concentric」對齊。此外，針對圓形圖示，新網格提供了專屬的框架與更充裕的呼吸空間（Breathing room）
• macOS 的「遮罩」革命：以往 Contacts 等圖示允許元素超出邊框，但現在 macOS 畫布將強制執行遮罩（Mask）。雖然系統能針對 Photo Booth 這種獨特形狀進行「自動縮放 Auto-scaling」的智能調整，但這僅是權宜之計。作為專業設計師，應避免依賴系統的自動 fallback，而應手動重新繪製，以求精確掌握畫布空間
• watchOS 的視覺重量：為了讓圓形圖示在視覺上與 iOS 的矩形對等，watchOS 採用了 1088 像素的畫布。這種「溢出 Overshoot」設計是確保跨裝置視覺重量平衡（Visual weight parity）的技術關鍵

實踐指南：掌握「視覺減法」與「原生漸層」

在液態玻璃的架構下，設計師必須捨棄「繪圖」思維，轉向「構築」思維。

• 多層疊加（Layering）取代 3D 繪製：以 Podcast 圖示為例，透過堆疊多個前景層（Foreground layers）來創造真實深度，而非繪製虛假的透視
• 捨棄內建特效 Baked-in effects：務必移除原始稿件中的投影或斜邊（如舊版 Home 圖示）。過於複雜的寫實 3D 會與系統材質衝突，應採用平視圖（Frontal view），讓系統的鏡面高光與彩色陰影來完成細節
• 線條的物理性：加粗線條、將邊角圓潤化（如 Settings 圖示的齒輪）。圓潤的邊緣能讓系統生成的「光線」流動更自然
• 背景選擇：避免使用純黑或純白。建議使用 Apple 提供的「系統淺色 System Light」與「系統深色 System Dark」漸層，這能為玻璃材質提供最佳的對比度與對齊光線方向

從像素到敘事，App 入口的商業價值重塑

WWDC25 的這場變革告訴我們：App 圖示不再只是靜態的點擊入口，而是具備品牌敘事（Storytelling）能力的物理物件。

從商業角度來看，一個具備「液態玻璃」質感的 bespoke 圖示，能顯著提升 App 在 App Store 上的感知價值（Perceived Value）與轉化率。當圖示呈現出如同手工打磨的玻璃質感時，它向使用者傳遞的是產品背後的工匠精神與高品質承諾。

開發者現在應立即採取行動，不僅要下載最新的 Figma／Sketch 模板，更建議觀看 Lyam 的配套演講《使用 Icon Composer 製作 App 圖示》，掌握這套全新的開發工具。在圖示具備物理光影的時代，讓我們重新定義使用者的第一印象，創造出從第一眼就讓人驚豔的數位藝術。