Highlight
WWDC25 推出 Liquid Glass 材质、Icon Composer 分层图标流程和 SF Symbols 7 Draw 动画系统，统一更新 iOS、iPadOS、macOS 的视觉语言。
核心内容
iOS 7 那年 Apple 把拟物化扔掉了，换来了扁平设计。十年之后，扁平设计的代价开始显现：层级感弱、控件之间缺乏物理关系、半透明材质做得再多也只是贴一层纸。WWDC25 给出的回答是 Liquid Glass。这是一种会折射底层内容的材质：浅色背景下泛冷调光泽，深色背景下变暖，控件在滚动时会跟着内容做实时反应。开发者过去手写的那些自定义半透明控件，这次得重新审视一遍——系统材质能做到的，自己写大概率不如它细腻。
图标系统跟着改了规则。以前交一张 1024x1024 的图就完事，新流程要求交”结构”：前景、背景、高光分层提交给 Icon Composer，由系统组合出亮色、暗色、Tinted、Liquid Glass 四种模式下的最终样子。SF Symbols 7 引入了 Draw 动画系统，让符号能用着色变化表达进度、状态、连接过程，原来需要 Lottie 才能做的微交互，用系统符号就能搞定，而且和周围控件的视觉语言天然统一。这一整套变化的目标只有一个：让 App 跟着系统一起更新，而不是每次系统改版都要靠开发者手动追平。
详细内容
这场 session 属于设计概览，没有放出代码片段，重点放在三件事：材质（Liquid Glass）、图标（Icon Composer）、符号（SF Symbols 7）。
Liquid Glass 的物理属性。这是一种会响应底层像素的光学材质，并非静态的半透明层。Apple 在 Meet Liquid Glass 里解释了它的折射、镜面反射和光照计算逻辑。开发者侧不需要写 shader，SwiftUI、UIKit、AppKit 的系统控件已经默认使用了新材质，升级 Xcode 重新编译就能看到效果。
新的图标流程。Icon Composer 是配合新图标系统出的桌面工具，输入是带图层的源文件，输出是一个 .icon 包，里面包含所有外观变体。原来需要导出多套 PNG 的工作流被替换为”一次设计、多种渲染”。详细操作参考 Create icons with Icon Composer。
SF Symbols 7 的 Draw 动画。SF Symbols 7 把符号的笔画拆解，可以让笔画按路径动画绘制，也可以让颜色按状态变化。下载图标能用渐变颜色显示进度，Wi-Fi 图标能用逐层着色表示连接过程。完整 API 在 What’s new in SF Symbols 7 里有讲解。
session 的最后部分提醒开发者：先升级 Xcode 编译一次，看系统控件自动变成什么样子。大概率第一眼觉得”还不错”，然后会发现几处自定义控件和新风格脱节——这些就是要优先处理的地方。
核心启发
-
跑一次 Xcode 26 重编译，标记不协调的控件：为什么值得做——新材质和新形状已经默认作用于系统控件，最快的进展评估方式就是看哪里”出戏”。怎么开始——用最新 Xcode 打开项目，跑一遍主要流程截图，把自定义控件和系统控件并排比较，列出待修清单。
-
审视
.ultraThinMaterial等手动材质用法：为什么值得做——很多自定义材质当初是因为系统控件不够灵活，现在系统控件能力增强后，自定义版本反而更脆弱。怎么开始——全局搜索Material、UIVisualEffectView、NSVisualEffectView，逐个判断是否能换回系统默认行为。 -
图标迁移可以缓一步，但先把源文件分层准备好：为什么值得做——一次图标重做的成本高，但等到 App 正好要发新版时再做最划算。怎么开始——让设计师按 Icon Composer 的分层要求维护源文件，发版前用 Icon Composer 导出新格式，避免临时返工。
-
不要试图关闭 Liquid Glass 保持旧外观：为什么值得做——用户升级系统后所有原生 App 都是新风格，App 保留旧风格反而显得突兀。怎么开始——把”保持旧视觉”从产品需求清单里删掉，转而把精力放在自定义控件的适配上。
关联 Session
- Meet Liquid Glass — Liquid Glass 的物理属性、光学行为和适用场景。
- Get to know the new design system — 新设计系统在信息架构、组件、跨设备一致性上的整体变化。
- Say hello to the new look of app icons — 新图标外观（亮色/暗色/Tinted/Clear）的设计与规范。
- What’s new in SF Symbols 7 — SF Symbols 7 的 Draw 动画系统与新增符号。
- Create icons with Icon Composer — Icon Composer 工具的使用方法与导出流程。
评论
GitHub Issues · utterances