Apple 液态玻璃设计

这是自 iOS 7 以来最具突破性的软件设计革新。它不仅是一次视觉升级,更是 Apple 对未来数字体验的大胆构想,完美融合了美学创新、技术实力与生态战略。

什么是液态玻璃设计语言?

液态玻璃是 Apple 在 WWDC 2025 重磅推出的革命性软件设计语言和用户界面"材质"。这标志着自 2013 年 iOS 7 发布以来,Apple 对其软件生态系统进行的最为深远的一次视觉与交互革新。

其核心理念是将具有物理特性的"玻璃"引入数字界面。这种"材质"呈现半透明效果,能够像真实玻璃一样实时反射和折射周围环境及屏幕下方的内容,创造出前所未有的空间感和层次感。这种效果不仅应用于按钮、开关、滑块等小型控件,还延伸至标签栏、侧边栏和通知等更大区域。

iOS 26 锁屏界面展示液态玻璃时间显示效果
动态响应的液态玻璃界面元素变形效果

示意图:液态玻璃的透明与动态特性

液态玻璃绝非静态的视觉效果。它具备出色的动态响应能力:能够根据用户的触摸操作、设备移动而"流动"或"晃动",并呈现出细腻的光影效果。界面元素,如 iOS 26 中引入的动态标签栏,可以根据滚动操作自如伸缩乃至"变形",赋予界面前所未有的灵动感。

此外,液态玻璃的色彩会智能地适应周围内容,并能在常规的浅色/深色模式,以及新增的"多彩新浅色/深色"与"新简约"外观之间自动调整。其设计灵感深度借鉴了 visionOS 在材质表现和光影处理上的经验,旨在为 iOS 26、iPadOS 26、macOS Tahoe 26、watchOS 26 等所有 Apple 主要操作系统,打造一个统一且富有表现力、愉悦感和沉浸感的用户体验。

核心设计哲学

液态玻璃的核心在于其独特的"材质"属性,它重新定义了用户与数字界面的互动方式,追求表现力、专注、直观与和谐。

半透明与折射

材质能实时反射和折射周围环境与下方内容,营造出真实玻璃般的深邃感与光影互动。

动态响应与变形

对用户交互做出灵敏反应,界面元素可扩展、收缩甚至"变形",如 iOS 中可收缩的标签栏。

色彩自适应

颜色受内容影响,并支持多种新外观,如多彩新浅色/深色调,完美融入使用环境。

源自 visionOS

深受 visionOS 的深度感和维度感启发,将空间计算的设计理念逐步融入 2D 操作系统。

统一的生态体验

液态玻璃横跨所有 Apple 主要平台,建立起前所未有的和谐感,同时保留每个平台的独特魅力。点击下方设备按钮,探索其在不同平台上的具体应用。

液态玻璃在 iPhone、iPad 和 MacBook 上的统一视觉风格

示意图:液态玻璃在 Apple 多设备上的统一视觉风格

    开发者指南

    Apple 提供了丰富的 API、设计指南和工具,帮助开发者在应用中实现液态玻璃效果,确保体验的一致性与高质量。

    SwiftUI 重点支持

    作为现代化的界面框架,SwiftUI 提供了最强大的液态玻璃支持。开发者可以利用全新的 API,轻松为自定义视图添加玻璃效果,并实现流畅的变形过渡动画。

    • 1 .glassEffect() 修改器:为视图添加可配置的液态玻璃效果。
    • 2 GlassEffectContainer:优化多视图渲染性能,支持形状融合。
    • 3 matchedGeometryEffect:实现流畅的跨视图变形动画。
    SwiftUI 代码示例,展示 glassEffect() 修改器

    示意图:SwiftUI 实现液态玻璃效果

    深度解读

    探索液态玻璃背后的深层话题,包括可访问性、设计比较以及与相关技术的澄清。

    可访问性:挑战与应对
    +

    液态玻璃的半透明和动态特性引发了社区对可访问性的担忧,尤其是在对比度和清晰度方面。Apple 通过系统级"降低透明度"功能和详尽的 HIG 设计指南来应对。开发者有责任确保其应用,特别是自定义组件,在开启可访问性设置时提供清晰、可用的后备体验。

    比较视角:vs. Google Material You
    +

    液态玻璃与 Google Material You 代表了不同的设计哲学。液态玻璃专注于模拟材质的物理特性和空间感,强调半透明与深度;而 Material You 则更侧重于基于用户壁纸的动态色彩主题化,提供更开放的"个性化"体验。两者都在利用 AI 发展智能特性,但视觉框架和情感基调截然不同。

    设计语言的传承:从 visionOS 到 Liquid Glass
    +

    Liquid Glass 明确地将 visionOS 中为空间计算设计的核心理念(如材质、光影、深度感)带到了传统的 2D 屏幕上。这不仅统一了 Apple 全平台的设计语言,也让用户在切换设备时有更连贯的体验,是 Apple 为未来更沉浸式的交互体验所做的重要铺垫。

    概念澄清:Liquid Glass (UI) vs. Liquidmetal (硬件)
    +

    请务必区分这两个名称相似但性质完全不同的技术:

    Liquid Glass (UI)

    一种全新的软件设计语言和用户界面美学,关乎屏幕上的视觉呈现和交互感受。

    Liquidmetal (硬件)

    一种非晶态金属合金的硬件材料技术,具有高强度、耐腐蚀等特性,用于制造设备实体部件。