Highlight
WWDC 2025 把 Liquid Glass 作为跨平台的新材质系统，从导航栏、工具栏到控件高光都纳入统一规范。
核心内容
每年 WWDC 之后，开发者最怕的就是「设计语言换了，我的 app 看起来像上个时代的产物」。过去几年这种感觉一直在叠加：iOS 7 的扁平化、iOS 15 的材质刷新、再到 visionOS 的空间化。每一次开发者都要重新学一套规则，又担心动手太晚被同行甩开。
WWDC 2025 把这件事的复杂度拉高了一个层级：Liquid Glass 是一个跨 iOS、iPadOS、macOS 的统一材质系统。它不只是给图标加点高光，而是从导航栏、工具栏、控件反馈到字体排版都给出新规范。这一场是让开发者先建立全局认知，再去看具体平台的落地 session（如 323 SwiftUI、284 UIKit、310 AppKit），从而把改造成本控制住。
落点是「内容优先」。Liquid Glass 让 UI 元素具备类似真实玻璃的光学行为——边缘高光、环境光反射、轻微景深——但材质始终为内容服务，而不是反过来抢走注意力。
详细内容
这一场以全平台总览为主，技术细节分布在配套 session 里。要落地的开发者通常会沿着三条路径展开：
- 理解材质层级：导航栏、工具栏、Sheet、控件分别使用不同强度的 Liquid Glass 材质。系统已经给出标准 Material，开发者直接调用即可。
- 测试六种外观模式：Light / Dark / Increased Contrast / Reduce Transparency / Tinted / Clear。每一种都可能暴露 app 中依赖背景不透明度的旧假设。
- 关注导航栏下方的滚动内容：新设计中导航栏更透明，列表与滚动视图的内容会从导航栏下方透出，需要确保组合后的可读性。
平台落地 session 索引
| 平台 | Session | 说明 |
|---|---|---|
| SwiftUI | 323 — Build a SwiftUI app with the new design | 新材质对组件、布局的影响 |
| UIKit | 284 — Build a UIKit app with the new design | Tab、Split View、工具栏关键变更 |
| AppKit | 310 — Build an AppKit app with the new design | macOS 端的对应改造 |
| 设计原理 | 356 — Get to know the new design system | 视觉、信息架构、核心系统更新 |
| 材质本身 | 219 — Meet Liquid Glass | Liquid Glass 的概念入门 |
文案与图标的同步更新
Liquid Glass 落地之外，还有两条配套线值得关注：
- 404 — Make a big impact with small writing changes：新材质下文字与背景的对比变化，让 UI 文案的清晰度有了新的评估标准。
- 361 — Create icons with Icon Composer：导出适配新设计的图标资源。
核心启发
-
做什么：盘一次自己 app 中所有的「自定义毛玻璃」实现。
- 为什么值得做：手写的 Core Animation 模糊层在 iOS 26 上很可能跟系统材质冲突，造成层级混乱或性能下降。
- 怎么开始：搜索 codebase 中
UIBlurEffect、.ultraThinMaterial、backdrop-filter类关键字，逐一对照系统提供的标准 Material，把能替换的换掉。
-
做什么：把六种外观模式纳入回归测试清单。
- 为什么值得做：Tinted 与 Clear 模式会击穿很多依赖背景不透明的旧设计，开发者本地肉眼测试很容易漏掉。
- 怎么开始：在 SwiftUI Preview 或 UIKit Snapshot Test 里覆盖 Light / Dark / Increased Contrast / Reduce Transparency / Tinted / Clear 六组截图。
-
做什么：审视导航栏与滚动内容的视觉冲突。
- 为什么值得做：新设计的导航栏更透明，原本「平铺在顶部」的列表容易和导航栏色彩混杂，影响可读性。
- 怎么开始：在所有主要列表页面，截图导航栏区域与列表第一屏的合成效果，对比 iOS 25 与 iOS 26 的差异。
-
做什么：把品牌个性与系统材质做一次取舍。
- 为什么值得做：盲目跟随会丢掉 app 自己的辨识度，全部抗拒又会显得过时。
- 怎么开始：列出 app 内的「系统区域」（导航/工具栏/Sheet）与「品牌区域」（首页定制 hero、营销卡片），前者用系统 Liquid Glass，后者保留自定义视觉。
关联 Session
- Get to know the new design system — 设计语言更新的系统级总览，先看这一场建立全局认知。
- Meet Liquid Glass — Liquid Glass 材质本身的概念入门。
- Build a SwiftUI app with the new design — 在 SwiftUI 中落地新材质的实操。
- Build a UIKit app with the new design — UIKit 端的导航、Tab、工具栏改造。
- Build an AppKit app with the new design — macOS AppKit 端的同步更新。
评论
GitHub Issues · utterances