话题指南
设计
理解 Apple 持续演进的视觉语言、交互原则、图标、动效，以及清晰跨平台体验背后的设计方法。
设计话题既关注 API，也关注判断力。它追踪层级、材质、动效、布局、声音和平台规范如何协同，并展示如何在适配平台的同时保留产品身份。
- Session
- 50
- 2026
- 13
- 2025
- 22
- 2024
- 15
这一话题涵盖什么
- 视觉系统与平台规范
- 交互、动效与反馈
- 图标、布局与产品细节
WWDC 2026
13 场 Session- Icon Composer 初学者群组实验室在线加入我们，提出问题、获取建议，并参与 Icon Composer 入门讨论。使用英语进行。
- SwiftUI 新功能探索 SwiftUI 的最新新增功能，了解它们如何改进 App。我们将介绍新的 Document 协议，它通过直接磁盘访问和基于快照的差异比较来构建高性能 App；用于在列表、网格和分区中重新排列内容的新 API；以及工具栏增强功能，包括可见性优先级和自动最小化行为。我们还会介绍扩展的呈现 API（包括任意视图上的轻扫操作），以及 AsyncImage 缓存改进和 Observable 类型的惰性状态初始化。
- 为 App 功能与标签设计清晰名称产品、功能和标签的名称会影响用户理解与浏览 App 的方式。探索 App 设计中审慎命名背后的原则，了解 Apple App 使用的模式，并学习如何有意识地作出命名决策。
- 为 visionOS App 与空间 Web 设计沉浸式环境了解如何为 App、网站和 SharePlay 体验创建照片级真实感的 visionOS 环境。探索让环境真正具有沉浸感的设计原则，并了解如何创建或采集参考资料、准备高保真 CG 资源，以及制作运动和光照等实时效果。
- 使用 Reality Composer Pro 3 设计无代码游戏了解如何使用 Reality Composer Pro 3 中的 ScriptGraph，为 App 和游戏创建无代码 3D 内容。了解如何利用可视化节点构建动画、创建交互时刻，并加入 SwiftUI 元素，为体验添加对话气泡和其他 UI。
- 使用 SwiftUI 编排进阶图形效果了解如何创造性地组合 SwiftUI 布局与图形 API，创建丰富的自定义体验。我们将展示如何拆解复杂设计，并使用创意管线将简单构建模块串联起来。了解如何使用图层着色器绘图、通过时间线添加动画，并使用对齐参考线锚定视图。
- 使用 Xcode 中的 Agent 创建 UI 原型了解如何使用 Xcode 中的 Agent 为 App 制作原型。探索使用 AI 制作交互原型、迭代布局，以及为设计难题生成创意解决方案的技术。你将了解如何审慎评估想法，并将其完善为精致、以人为本的 App 体验。
- 出色设计的原则深入了解 Apple 平台的基础设计原则。
- 在 iOS 上传达品牌识别探索使用排版、色彩、组件与交互进行品牌设计的实用方法，在熟悉感与独特性之间取得平衡。
- 学习 CSS Grid Lanes构建可适应各种形状与大小内容的 Web 布局。探索 Grid Lanes 如何让你用简单 CSS 将不同形状的元素排列为整洁、灵活的设计。了解 flow-tolerance 如何在保持布局可塑性的同时完善无障碍功能。
- 深入了解 SwiftUI 的惰性堆栈与滚动了解 SwiftUI 中惰性堆栈的内部工作方式。我们将探索 LazyVStack 和 LazyHStack 如何估算大小、惰性加载子视图并预取内容，以提供顺畅的滚动体验。我们还会介绍进阶性能优化、状态管理最佳实践，以及精确编程式滚动的技巧。为了充分理解本 Session，建议基本熟悉使用堆栈进行 SwiftUI 布局。
- 设计直观的搜索体验探索在 App 中实现搜索的新模式与最佳实践。了解搜索如何在帮助用户查找和浏览内容方面发挥关键作用，以及如何在不同导航模型和 Apple 平台中集成搜索。
- 重新认识 HTML select 元素了解如何完全掌控 Web 上 select 菜单的样式。HTML select 元素将通过新的 CSS appearance 值和新伪元素获得重大升级。了解 select 选项如何包含丰富内容，为 HTML 带来新的可能性。构建符合设计系统的 select，同时保留默认元素的全部无障碍能力与稳健性。
WWDC 2025
22 场 Session- SF Symbols 7 新功能探索 Apple 图标库 SF Symbols 的最新更新。认识 Draw，这是一套让符号模拟手写笔画自然流动的新动画系统；以及可用于传达强度或进度的 Variable Draw。探索可为符号增添层次与视觉吸引力的 Gradients，以及在相关符号间提供更强连续性的 Magic Replace 增强功能。了解如何预览这些功能并将其集成到自己的 App 中。
- Xcode 26 新功能了解 Xcode 26 中最新的生产力与性能进展。了解如何在开发工作流中利用大语言模型。探索编辑与调试增强功能、改进的性能与测试工具，以及 Xcode 使用的开源构建系统引擎 Swift Build。
- visionOS 26 新功能探索 visionOS 26 中精彩的新功能。了解增强的体积 API，以及如何结合 SwiftUI、RealityKit 和 ARKit 的能力。了解如何使用更快的手部跟踪和空间配件输入，构建更具吸引力的 App 与游戏。抢先了解 SharePlay、Compositor Services、沉浸式媒体、空间 Web、Enterprise API 等方面的更新。
- 为 visionOS 设计小组件了解如何为 visionOS 26 设计精美小组件，使其自然融入用户周围的环境。了解如何为小组件设计增加深度，并针对空间计算自定义材质、大小和样式。我们将分享如何让现有小组件适配 visionOS，或设计感觉如同真实物体的新小组件。
- 为 visionOS 设计悬停交互了解如何为 visionOS App 创建进阶交互。我们将探索如何设计引人入胜的自定义悬停效果与动画、避免常见错误、利用 Look to Scroll 等交互，并通过持久效果构建直观的媒体控件。
- 了解新的设计系统深入了解新的设计系统，探索视觉设计、信息架构和核心系统组件的关键变化。了解系统如何重塑界面与内容之间的关系，帮助你创建动态、协调，并在不同设备、屏幕尺寸与输入模式下保持一致的设计。
- 从想法到界面的设计基础出色的 App 清晰、直观且易于使用。在本 Session 中，你将了解 App 设计如何提升功能、传达目的、引导用户浏览内容，并审慎使用组件，在不损失影响力的前提下保持体验简洁。本 Session 面向各种技能水平的设计师、开发者，以及所有对设计感兴趣的人。
- 优化 visionOS 自定义环境了解如何使用程序化工具，为 visionOS App 或游戏创建精美的沉浸式环境。我们将分享创建高质量环境的构建模块，然后深入介绍优化过程。了解如何使用 Apple 为 Houdini 提供的一系列工作流，减少场景多边形数量、清理几何体、打包 UV 贴图，并创建可导入 Reality Composer Pro 或所选游戏引擎的 USD 资源。
- 使用 Icon Composer 创建图标了解如何使用 Icon Composer 为 iOS、iPadOS、macOS 和 watchOS 制作更新后的 App 图标。了解如何从所选设计工具导出资源、将它们添加到 Icon Composer、应用实时玻璃属性和其他效果，并针对不同平台与外观模式进行预览和调整。
- 使用新设计构建 SwiftUI App探索 Liquid Glass 改变 App 外观与体验的各种方式。了解这种亮眼的新材质如何增强各平台的工具栏、控件与 App 结构，提供令人愉悦的交互，并让 App 与系统顺畅融合。了解如何采用新 API，充分发挥 Liquid Glass 的优势。
- 使用新设计构建 UIKit App更新 UIKit App，充分利用新的设计系统。我们将深入介绍标签视图、分栏视图、栏、呈现、搜索和控件方面的关键变化，并展示如何在自定义 UI 中使用 Liquid Glass。为了充分理解本视频，建议先观看“了解新的设计系统”，获取通用设计指导。
- 包容性 App 设计原则了解认识障碍如何帮助你为所有人创建更好的 App。了解如何通过支持多种交互方式、提供自定义选项并采用无障碍 API，让 App 更具包容性。
- 协同更出色：SwiftUI 与 RealityKit了解如何在 visionOS 26 中顺畅融合 SwiftUI 与 RealityKit。我们将探索 Model3D 的增强功能，包括动画与 ConfigurationCatalog 支持，并演示如何顺畅转场到 RealityView。你将了解如何利用 SwiftUI 动画驱动 RealityKit 组件变化、实现交互式操控、使用新的 SwiftUI 组件提供更丰富的交互，以及从 SwiftUI 代码观察…
- 在 visionOS 中使用 SwiftUI 设置场景探索可增强 visionOS App 中窗口、体积和沉浸式空间的精彩新 API。微调场景在重新启动或固定到位时的行为。通过裁剪边距与吸附，让体积适应周围环境。将沉浸式内容从 Mac 流式传输到 Vision Pro。通过体积和沉浸式空间提升现有基于 UIKit 的 App。
- 探索 visionOS 视频体验了解在 App 中创建和呈现沉浸式视频体验的不同方式。我们将探索 visionOS 26 中提供的多种媒体类型，包括适用于 180°、360° 和宽视野视频的 Profile；创建和播放 Apple Immersive Video 的选项；以及 2D、3D 和空间视频的扩展能力。了解哪些 Profile 最适合 App 及其内容。
- 探索设备端基础模型的提示设计与安全性利用 Foundation Models 框架的优势设计生成式 AI 体验。首先，我们会展示如何为 Apple Intelligence 核心的设备端大语言模型设计提示。然后介绍 AI 安全方面的关键概念，并提供具体策略，让生成式 AI 功能安全、可靠且令人愉悦。
- 提升 iPad App 的设计让 App 在 iPadOS 上拥有出色的外观与体验。了解为可调整大小的 App 窗口设计响应式布局的最佳实践。熟悉窗口控件并探索适配它们的最佳方式。了解出色菜单栏的构建模块，并认识新的指针及其更新效果。
- 认识 App 图标的新外观概览 iOS、iPadOS 和 macOS 上 App 图标的新外观，包括浅色与深色色调和透明选项。了解如何使用磨砂感与半透明效果，让 App 图标更鲜明、更具动态感和表现力，并确保图标与镜面高光良好配合。
- 认识 Liquid GlassLiquid Glass 统一了 Apple 平台的设计语言，同时提供更具动态感和表现力的用户体验。了解 Liquid Glass 的设计原则，探索其核心光学与物理特性，并了解何时以及为何使用它。
- 认识 SwiftUI 空间布局探索使用 SwiftUI 构建空间体验的新工具。学习 visionOS 上 3D SwiftUI 视图的基础知识、使用深度对齐自定义现有布局，并使用修饰符在空间中旋转和定位视图。了解如何使用空间容器在同一 3D 空间中对齐视图，帮助你创建沉浸式且引人入胜的 App。
- 设计交互式片段片段是由 App Intents 调用的紧凑视图，用于显示 App 中的信息。现在，片段可以加入按钮和有状态信息，在 Intent 中提供更多交互，从而让 App 为 Siri、Spotlight 和 Shortcuts App 带来更多能力。本 Session 将介绍片段设计的最佳实践，包括布局、排版、交互和 Intent 类型方面的指导。
- 通过小幅文案调整带来显著效果随着新的设计系统覆盖各个平台，现在正适合重新审视 UI 中的文案。了解移除重复内容、优先说明益处等几项小改动，如何快速提升 App 的易用性与清晰度。
WWDC 2024
15 场 Session- SF Symbols 6 新功能探索 SF Symbols 的最新更新。SF Symbols 是 Apple 的图标库，旨在与所有 Apple 平台的系统字体 San Francisco 顺畅集成。了解新的 Wiggle、Rotate 和 Breathe 动画预设如何为界面增添活力。为了充分理解本 Session，建议先观看 WWDC23 的“SF Symbols 5 新功能”。
- 为 Apple Watch 设计实时活动从 watchOS 11 开始，iOS App 中的实时活动会自动出现在已连接 Apple Watch 的智能叠放中。了解如何针对手腕优化实时活动布局，并在恰当时机提供适量的信息与交互。
- 为 Apple 平台设计进阶游戏了解如何调整高端游戏，使其在 Mac、iPad 和 iPhone 上都自然契合平台。我们将介绍如何让游戏在不同显示屏上呈现出色画面、针对每台设备调整输入和控制方式以保持直观，并利用 Apple 技术提供出色的玩家体验。
- 为 visionOS 沉浸式 App 创建自定义环境了解如何为 Apple Vision Pro 创建视觉丰富且性能出色的自定义 App 环境。学习设计准则，获取专家建议，并探索可在任意数字内容创作工具中使用的技术，以开始构建沉浸式环境。
- 为 visionOS 设计交互式体验跟随 Encounter Dinosaurs 的设计师，了解如何为 Apple Vision Pro 设计引人入胜的交互式叙事体验。了解此类体验与现有 App、媒体和游戏有何不同，并探索如何设计将观众带入新世界的叙事。了解如何创建可适应任意空间和尺寸的故事、提供多层次交互以方便所有人使用，并运用动画、空间音频和自定义手势，让用户更深入地沉浸在体验中。
- 为系统体验设计 App IntentsApp Intents 为控件、Spotlight、Siri 等系统体验提供支持。了解如何识别最适合 App Intents 的功能，以及如何使用参数让这些 Intent 更加灵活。了解如何使用 App Intents，让用户可以在 App 外执行操作；并通过示例了解何时应导航到 App 内显示上下文信息。
- 使用 SwiftUI 创建自定义视觉效果了解如何在 SwiftUI 中创建亮眼的视觉效果。学习构建独特的滚动效果、丰富的色彩处理和自定义转场。我们还会探索使用 Metal 着色器与自定义文本渲染实现的进阶图形效果。
- 在 visionOS 中创建自定义悬停效果了解如何开发自定义悬停效果，在用户注视视图时更新视图。了解如何构建结合不透明度、缩放和裁剪效果的扩展按钮效果。探索如何创建舒适且尊重用户无障碍需求的效果。
- 增强 UI 动画与转场探索如何在导航和呈现中采用缩放转场，增强 App 的连续感；了解如何使用 SwiftUI 动画为 UIKit 视图添加动画，更轻松地构建连贯的动画体验。
- 探索 visionOS 中的多视图视频播放了解 AVExperienceController 如何在 Apple Vision Pro 上启用多个视频的播放。回顾采用这项功能的最佳实践，并探索出色的使用场景，例如从不同角度观看体育赛事直播，或同时观看多场比赛。还可了解如何在 App 中设计引人入胜且直观的多视图体验。
- 探索 visionOS 中的游戏输入了解如何为 visionOS 游戏设计和实现出色的输入体验。了解系统手势如何让玩家顺畅地与游戏互动，并探索支持自定义手势与游戏控制器的最佳实践。
- 提升 iPadOS 标签栏与侧边栏体验iPadOS 18 引入了新的导航系统，让用户可灵活选择标签栏或侧边栏。经过全新设计的标签栏可为内容和其他功能提供更多空间。了解如何使用 SwiftUI 和 UIKit 启用自定义功能 – 例如添加、移除和重新排列标签页 – 为 App 增添更个性化的体验。
- 认识下一代 CarPlay 设计系统探索下一代 CarPlay 核心设计系统，它让每家汽车制造商都能展现车辆的个性与品牌。了解仪表、布局、动态内容等如何实现深度自定义和灵活适配，从而表达自己的设计理念，创建标志性的定制外观。本 Session 面向汽车制造商、系统开发者，以及所有为支持下一代 CarPlay 的系统进行设计的人员。
- 设计出色的 visionOS App了解如何通过采用沉浸式体验、围绕眼睛和双手设计，以及利用深度、比例与空间，创建引人入胜的空间计算 App。我们将分享多个出色的 visionOS App 示例，并探索其设计师如何为该平台构思新体验。
- 通过 UX 文案为 App 注入个性每个 App 都有自己的个性，它体现在你说什么，以及如何表达。了解如何定义 App 的声音，并针对庆祝通知、错误信息等不同情境调整语气。我们会帮助你明确 App 的用途与受众，并练习使用不同语气写作。