<!-- title: 苹果12年最大设计革命：Liquid Glass重构一切 -->
<!-- domain: design -->
<!-- video: https://www.youtube.com/watch?v=FXrcFeuYtq8 -->

# 苹果12年最大设计革命：Liquid Glass重构一切

## 导语

2025年6月，WWDC keynote上一个细节让全球设计师屏住了呼吸——苹果正式发布Liquid Glass设计语言。这不是一次普通的面容焕新。从iPhone到Mac，从Apple Watch到Apple TV，苹果首次让所有平台共享同一种视觉语言。MKBHD（Marques Brownlee）在第一时间发布了《iOS 26 Hands-On: Liquid Glass!》，用他那标志性的冷静克制，带我们走进了这个"玻璃世界"。这个视频之所以值得深度拆解，不仅因为它展示了苹果自iOS 7以来最激进的设计转向，更因为它揭示了一个更深的野心：苹果正在用一种全新的人机交互材料，为Spatial Computing时代铺路。

## 视频背景卡片

| 项目 | 内容 |
|------|------|
| 视频标题 | iOS 26 Hands-On: Liquid Glass! |
| 频道 | MKBHD (Marques Brownlee) |
| 频道订阅 | 1900万+ |
| 核心主题 | 苹果Liquid Glass设计语言的首发深度体验 |
| 发布时间 | 2025年6月（WWDC 2025期间） |
| 设计影响 | 覆盖iOS/iPadOS/macOS/watchOS/tvOS全平台 |

## 核心内容拆解

### 一、Liquid Glass是什么：不只是一个UI皮肤

MKBHD在视频开头就做了精准的定义：Liquid Glass不是壁纸、不是主题、不是那种换个配色就叫做"重新设计"的表面功夫。它是苹果创造的**一种全新的数字材料**——一种半透明、会折射周围内容、根据光线明暗自动适应的界面物质。

苹果人机界面设计副总裁Alan Dye在发布会上说了一句关键的话："它结合了玻璃的光学特性和只有苹果才能实现的流动感。"这句话的背后，是苹果芯片、图形技术和设计团队多年协作的结果。Liquid Glass使用**实时渲染**（real-time rendering），对设备运动产生镜面高光（specular highlights）反应——这意味着你倾斜手机时，界面元素上的光斑会像真正的玻璃一样移动。

**[视频原话]** MKBHD反复强调一个词："It behaves like glass in the real world"——它在真实世界中的表现就像玻璃。这不是修辞，是苹果工程师一行一行代码堆出来的物理模拟。

**[延伸分析]** 从技术角度看，Liquid Glass实现了三个关键突破：(1) 基于GPU加速的实时折射渲染；(2) 上下文感知的透明度自适应；(3) 跨设备尺寸的自适应缩放。这些在Apple Watch 1.9英寸屏幕和Studio Display 32英寸屏幕上都必须流畅运行，工程难度极高。

### 二、设计哲学的轮回：从拟物到扁平再到"数字物理"

理解Liquid Glass，必须先理解苹果UI设计的三段进化史：

- **iOS 1-6（2007-2012）**：Skeuomorphism（拟物化）。绿色毛毡桌面、皮革缝线日历、木纹书架。Jobs时代的信条是"让数字世界看起来像真实物体"，降低用户的学习成本。
- **iOS 7-18（2013-2024）**：Flat Design（扁平化）。Jony Ive主导的革命。一夜之间，所有纹理消失，取而代之的是纯色块、细线条和大量留白。这场革命不仅改变了iOS，还影响了Android的Material Design、全行业网页设计乃至实体产品的包装风格。
- **iOS 26（2025-）**：Liquid Glass。它不是回到拟物化的老路，而是走向一种"数字物理"——保留扁平化的简洁逻辑，但通过光学效果和深度暗示，让界面重新拥有触感。

**[延伸分析]** 这种"螺旋上升"在建筑和艺术史上极为常见。极简主义（Minimalism）之后必然是对物质性（Materiality）的回归。Apple的设计决策始终遵循这个规律：当一个美学方向被推到极致，就到了转向的时刻。Flat Design在12年后已经变得疲劳——每家公司的App看起来都一样，灰白配色、细线图标、无情绪的界面。Liquid Glass是对这种"设计同质化"的直接反击。

### 三、全平台统一：苹果史上最大的设计工程

MKBHD在视频中展示了Liquid Glass横跨iPhone、iPad、Mac的统一体验，这个视角至关重要。苹果历史上从未让所有平台共享同一种设计语言——iOS和macOS一直是两套独立的视觉体系。

Liquid Glass首次统一了五大平台：iOS 26、iPadOS 26、macOS Tahoe 26、watchOS 26和tvOS 26。Alan Dye称之为"我们最广泛的软件设计更新"（our broadest software design update ever）。

**[视频原话]** MKBHD特别指出了Mac上的变化——完全透明的菜单栏（completely transparent menu bar）让屏幕感觉更大了，这是Mac用户多年未见的改变。

**[延伸分析]** 全平台统一的技术实现面临巨大挑战。Apple Watch的1.9英寸屏幕上如何呈现"玻璃感"？答案是"适度表现"——通过并发症（complications）中的微妙透明效果和界面层级中的精细深度暗示来传递设计语言，而非照搬iPhone的实现方式。这体现了苹果设计哲学中一个核心原则：**理念统一，执行弹性**。

### 四、设计细节解剖：MKBHD眼中的"魔法时刻"

MKBHD的视频最精彩的部分，是那些他用慢动作和特写镜头展示的设计微细节：

**Tab Bar的动态形变**：在iOS 26中，当你向下滚动时，标签栏会自动缩小，把舞台让给内容；当你回滚时，标签栏又如水般展开。这种"呼吸式"的界面行为，是Liquid Glass设计理念的核心——控制层永远不与内容争抢注意力。

**锁屏时钟的智能适配**：时钟现在由Liquid Glass制成，动态调整字重、字宽和字高以"嵌合"到锁屏场景中。San Francisco字体被特别定制，数字会自动缩放以优雅地避开壁纸的主体——这是typography与computational design的完美结合。

**App图标的分层玻璃**：Dock、App图标和Widget都由多层Liquid Glass制成。MKBHD展示了它们在OLED屏幕上呈现的镜面高光效果，在不同角度下会呈现微妙的光线变化。

**[延伸分析]** 这些细节看似微不足道，但它们共同构成了一种"界面可信度"（interface believability）。当每一个交互都有物理上合理的视觉反馈时，用户会产生一种"这个界面是真实的"的直觉。这并非偶然——苹果引入了一个叫做"temporal coherence"（时间连贯性）的设计原则：所有界面动画都必须在物理上看起来合理。

### 五、社区的真实声音：赞美与争议并存

MKBHD在视频中保持了相对平衡的态度，既展示了Liquid Glass的惊艳之处，也承认了一些问题。而更广泛的社区反应则更加两极化：

**支持者说**：
- 它让iOS重新感觉"高级"了（premium），尤其在OLED屏幕上
- 与过去的Glassmorphism潮流相比，苹果的执行更加克制、优雅
- 透明度和深度帮助用户理解界面层级，不只是装饰

**批评者说**：
- 部分App（如Messages）感觉拥挤，悬浮按钮和过渡淡入让人不适
- 过度透明可能影响可读性，尤其在复杂背景上
- "玻璃"仍然是视觉模拟，不是真正的光折射突破

Apple内部显然预见到了这些批评。他们扩展了"Reduce Transparency"（降低透明度）设置，提供完整的自定义选项套件：用户可以微调玻璃效果、调整折射强度，甚至切换到保持可读性的高对比模式。

**[延伸分析]** 这场争论的本质是设计永恒命题的当代表达：**形式与功能的张力**。iOS 7的扁平化被批评"过于冷淡"，Liquid Glass被批评"可能过度装饰"。完美的设计永远在两极之间寻找平衡。

### 六、开发者视角：新工具与新挑战

苹果为开发者准备了全新的API套件。SwiftUI框架增加了专门用于玻璃材质的view modifier，UIKit也获得了对应的API。最重要的新增是**Material系统**——开发者可以选择"thin glass"（细微叠加）、"thick glass"（突出界面元素）或"frosted glass"（需要内容可见性的背景）。

MKBHD在视频中简要提到开发者适配的问题，但更深的影响在于：**不采用Liquid Glass的App会迅速显得过时**。这在App生态中制造了一种"设计引力"——苹果的设计决策会通过15万个注册开发者辐射到数百万款App中。

苹果还提供了Icon Composer工具，让开发者可以创建跨平台的Liquid Glass图标，支持light、dark、tinted和clear四种外观。这意味着每个App图标都需要设计四个变体——工作量显著增加。

### 七、为什么这会改变整个设计行业

MKBHD可能没有在视频中明说，但每一个看过iOS 7历史影响的人都心知肚明：苹果的设计决策会波及整个科技行业。

2013年iOS 7发布后，Google推出了Material Design，无数网站和App一夜之间"扁平化"。甚至实体产品设计——店面装潢、设备美学——都转向了极简主义。苹果不是最大的科技公司，但它可能是最有设计影响力的公司。

Liquid Glass的涟漪效应已经开始：
- 第三方设计师已经开始在Figma中复刻Apple的Liquid Glass风格
- Spotify和其他App的概念设计已经出现
- Android的下一个设计语言可能也会增加深度和透明元素

**[延伸分析]** 从设计行业的角度看，这可能标志着"Post-Flat"（后扁平化）时代的正式到来。过去几年，设计社区已经在讨论如何让扁平设计重新获得"温度"——Google的Material You增加了动态色彩，微软的Fluent Design引入了亚克力材质。但苹果以一贯的姿态，用最彻底的方式宣告了方向。

### 八、通往Spatial Computing的桥梁

MKBHD在视频结尾暗示了一个更宏大的图景：Liquid Glass不仅仅是为今天的手持设备设计的。

苹果在Vision Pro上的visionOS已经展示了空间界面的雏形——深度、层级、材料感是空间界面的基础语言。Liquid Glass可以看作是将空间界面的设计理念"降维"投射到2D屏幕上的产物。

用户在iPhone上习惯了"玻璃感"界面后，当他们戴上Vision Pro或未来的AR眼镜时，从扁平界面到空间界面的过渡会变得更加自然。这不是巧合，这是苹果一贯的"铺路式设计"——今天的每个设计决策，都在为明天的产品做准备。

## 知识结构图

```mermaid
mindmap
  root((Liquid Glass<br/>设计革命))
    设计哲学
      拟物化 iOS 1-6
      扁平化 iOS 7-18
      数字物理 iOS 26+
    核心技术
      实时折射渲染
      GPU加速管线
      动态透明度适配
      镜面高光模拟
    设计原则
      深度即层级
      诚实材质感
      时间连贯性
      上下文自适应
    全平台覆盖
      iOS 26
      iPadOS 26
      macOS Tahoe 26
      watchOS 26
      tvOS 26
    行业影响
      Post-Flat时代
      开发者API适配
      竞品设计跟进
      Spatial Computing桥梁
```

## 实战启示

**如果你是UI/UX设计师**：Liquid Glass代表的设计方向值得深入研究，但不要盲目复制。核心启示是——在扁平设计的基础上重新引入"材质感"和"深度暗示"，但保持克制。具体来说：优先考虑可读性，把玻璃效果留给叠加层、头部和面板；配合动效使用，让玻璃感"活"起来；理解上下文，奢侈品牌App适合玻璃感，银行App不适合。

**如果你是前端/App开发者**：苹果的SwiftUI Material系统提供了一个参考框架。即使在非苹果平台上，你也可以用backdrop-filter、CSS blur和动态透明度来模拟类似效果。关键是性能优化——苹果花了一整年解决GPU渲染管线的问题，你的实现也需要关注120Hz流畅度。

**如果你是产品经理**：Liquid Glass的核心理念——"控制层永远不与内容争抢注意力"——是一个通用的产品设计原则。无论你做的是什么产品，界面的功能性元素都应该在用户需要时出现、不需要时优雅隐退。Tab Bar的"呼吸式"行为可以借鉴到任何内容型产品中。

**如果你是设计行业观察者**：关注苹果从iOS 7到iOS 26的设计路径，可以预测未来3-5年的设计趋势。"后扁平化"不只是视觉风格的转变，更是人机交互范式的升级——从2D平面走向有深度感的数字环境。这个趋势会在Web、Android、桌面应用甚至游戏UI中逐步展开。

## 延伸学习路径

1. **Apple官方WWDC 2025 Session** — [Get to know the new design system](https://developer.apple.com/videos/play/wwdc2025/356/) — 苹果设计师亲自讲解Liquid Glass的设计原则和API
2. **Apple Human Interface Guidelines - Liquid Glass** — 苹果最新的HIG文档，涵盖Material系统、Icon Composer等开发工具
3. **The Useful Apps深度分析** — [Exploring Apple's Liquid Glass UI in iOS 26](https://www.theusefulapps.com/news/exploring-apple-liquid-glass-ui-ios26) — 从产品和技术双角度解读Liquid Glass
4. **Apple Scoop完整解读** — [What Is Liquid Glass?](https://applescoop.org/story/what-is-liquid-glass-ui-apples-ios-26-redesign-explained) — 社区反馈和设计影响分析
5. **iOS 7设计革命回顾** — 对比2013年iOS 7的扁平化革命，理解苹果设计决策的历史脉络

## 一句话总结

Liquid Glass不只是苹果12年来最大的一次界面换装，它是对"数字界面应该是什么触感"这个根本问题的重新回答——在扁平化的冷静之后，苹果正在用一种全新的数字材料，为所有人机交互设定下一个十年的方向。

---

## 参考来源
1. [iOS 26 Hands-On: Liquid Glass!](https://www.youtube.com/watch?v=FXrcFeuYtq8) — MKBHD核心分析视频
2. [Apple introduces a delightful and elegant new software design](https://www.apple.com/newsroom/2025/06/apple-introduces-a-delightful-and-elegant-new-software-design/) — 苹果官方新闻稿
3. [What Is Liquid Glass? Apple's iOS 26 Redesign Explained](https://applescoop.org/story/what-is-liquid-glass-ui-apples-ios-26-redesign-explained) — Apple Scoop详细解读
4. [Exploring Apple's Liquid Glass UI in iOS 26: A Deep Dive](https://www.theusefulapps.com/news/exploring-apple-liquid-glass-ui-ios26) — 技术与设计深度分析
5. [Apple Unleashes iOS 26 and Liquid Glass Redesign](https://www.devicedecode.com/news/ios-26-more-a-deep-dive-into-apples-revolutionary-liquid-glass-update) — DeviceDecode全面报道

---
> 本文由「51学通信」技术团队出品。51学通信由通信行业18年老兵**爱卫生**（微信ID: gprshome201101）维护，聚焦5G/6G核心网、3GPP标准解读、通信前沿技术深度分析。
> 出版作品有《5G核心网原理与实践》《IMS原理与实践》等4本通信专业书籍。知识星球「51学通信」提供深度技术答疑和行业洞察。

> [!tip] 51学通信知识星球
> **星主：爱卫生**（微信：gprshome201101）——公众号「51学通信」创办者，19 年通信行业运维与讲师经验，著有《GPRS网络信令实例详解》《EPC原理与实践》《5G核心网原理与实践》三本纸质书（各大电商平台有售）。
> **星球定位**：深耕 5G 核心网、IMS、NFV/AI、云原生等 ICT 领域，主打运维岗位与信令分析。
> **当前规模**：5200 篇主题 / 990 个回答，198 元/年。
> **加入福利**：加入星球后请加爱卫生微信，拉您进知识星球年度陪伴与答疑群——不限量回复您的各种问题，另有群内分享。
> **AI 加持**：51学通信知识星球已作为 skill 接入 WorkBuddy，使用 deepseek-4-flash 在海量星球帖子中精准找贴、找视频、找 FAQ 和案例，做总结、找文档和 PPT 等场景全覆盖。

![51学通信知识星球海报-扫码加入](https://wiki.500nian.com/images/zhixingqiu_qrcode.png)
