Principles of spatial design

Highlight

Apple 总结了 visionOS 空间设计的五条原则：保持熟悉、以人为中心、善用维度、渐进沉浸、做出平台原生感。

核心内容

空间计算不是把 iPad 应用漂浮在房间里。Nathan Gitter 和 Amy DeDonato 用 Music、Safari、Keynote、TV、Mindfulness、Photos 等系统应用示例，解释了为什么空间设计首先要克制。

（01:25）第一条原则是熟悉。用户仍然需要侧边栏、标签页、搜索框和窗口。新平台没有取消这些东西，只是让它们活在空间里。窗口使用玻璃材质，既能与真实世界形成对比，又能保留环境感知。系统提供移动、关闭、缩放控件，用户拖动窗口时，窗口会始终转向用户，保证内容可读。

（02:49）窗口大小由内容决定。Safari 适合高窗口，因为网页需要垂直浏览；Keynote 适合宽窗口，因为演示稿需要横向空间。工具栏和标签栏可以延伸到窗口外，像 Music 那样把控制层悬在主内容上方。Safari 打开侧边栏时，窗口会变宽，而不是盖住网页。Apple 的建议很明确：窗口不要过大，尽量保持单窗口，多个窗口会很快变成用户的管理负担。

（04:32）第二条原则是以人为中心。用户佩戴设备，用眼睛和手交互，在自己的房间里体验应用。重要内容应该放在视野中央，布局优先考虑横向，因为人的视野是宽的。Safari 的标签页概览就是例子：标签以网格铺开，两侧标签向内旋转，确保易读。

（06:36）人体工学决定内容摆放。系统默认把窗口放在自然视线上，鼓励舒适坐姿。自定义内容应该相对用户头部和面朝方向摆放，适配不同身高、坐姿，甚至躺在沙发上的场景。多数内容应放在略远于手臂长度的位置，鼓励远距离交互。避免把内容放到用户身后、过高或过低的位置。不要把内容锁在视野里，那会产生”粘住眼睛”的感觉；应该锚定在空间里，让用户自然转头观察。

（08:21）第三条原则是维度。空间是无限的，但用户的物理房间可能很小。窗口这类内容由系统处理与房间的关系，开发者无需担心它穿过椅子或墙壁。视频类内容可以用变暗（dimming）扩大可用空间：TV app 播放电影时，画面占据整个窗口，周围 passthrough 被压暗，用户仍知道自己在哪里，但注意力被引向内容。

（09:57）深度是新的层级工具。远处的大内容适合观看，近处的小控件适合操作。TV 的沉浸影院把播放控制放在小而近的位置，虽然控件小，但视觉优先级高于远处巨大屏幕。如果把控件贴到电影屏幕上，它会显得过大、不协调。深度要用光影强化：发光物体应该照亮附近表面，普通物体应该投下阴影。文本通常不要做成 3D，斜着看会难读。

（12:37）第四条原则是渐进沉浸。应用可以从 Shared Space 中的窗口开始，再在关键时刻进入 Full Space。Keynote 打开时是普通窗口，播放时通过 dimming 聚焦演示，排练时才进入完整剧场。Apple 建议应用尽量从窗口开始，让用户控制沉浸程度。

（15:00）沉浸体验需要引导注意力。Mindfulness 用运动、空间音频和彩色材质把用户焦点拉向空间中的花朵，进入深度反思时再让花朵扩展包围用户。转换要平滑、可预测，让用户知道正在发生什么。房间融合要用柔边，避免场景边界突兀。微小动画和空间音频能让静态场景变活，不需要渲染完整剧院也能用地面和天花板上的微弱反光传达影院感。

（17:35）舒适性是硬约束。如果必须移动用户的位置或移动沉浸空间，避免大幅快速运动。推荐在移动期间淡出内容，稳定后淡入。用户身体移动时，沉浸体验也会淡出，让用户看清真实环境。进入和退出沉浸模式都要有明确入口，用短标签和熟悉图标，如展开和收起箭头。

（18:24）最后一条原则是平台原生感。visionOS 的优秀应用应该值得用户把它邀请进自己的空间。Photos 的做法是先保留熟悉的图库窗口，找到特殊照片后让照片放大到近似真实比例并压暗环境；全景图则把用户带回拍摄地点。关键不在于把所有功能空间化，而在于找到一个只有空间平台能成立的关键时刻。

详细内容

设计检查清单

1. 熟悉感
   - 是否保留用户认识的导航结构？
   - 是否优先使用窗口承载主要界面？
   - 是否避免一上来就进入 Full Space？

2. 人体工学
   - 主要内容是否在视野中央？
   - 是否使用横向布局匹配宽视野？
   - 内容是否放在自然视线方向、略远于手臂长度？
   - 是否避免头锁定内容？

3. 维度
   - 深度是否用于层级和焦点？
   - 近处控件是否保持小而清晰？
   - 发光物体是否有反光，普通物体是否有阴影？
   - 文本是否保持平面？

4. 沉浸
   - 是否从窗口开始，让用户决定进入更深沉浸？
   - Full Space 是否有明确进入和退出路径？
   - 场景切换是否平滑、可预测？

5. 平台原生感
   - 是否找到了只有空间平台才成立的关键时刻？
   - 是否避免把整个旧应用机械搬进空间？

关键点：

• 这是无代码设计 session，实践入口是产品评审清单，而不是 API 调用
• 每一项都来自 transcript 中的系统应用示例
• 适合在设计评审或 visionOS 迁移评估中逐条检查

窗口设计原则

窗口尺寸：由内容决定，越小越好
- Safari：高窗口，服务长网页阅读
- Keynote：宽窗口，服务演示稿比例
- Music：工具栏悬浮在主窗口外，给内容留空间
- Safari sidebar：展开时窗口变宽，不覆盖网页

窗口数量：默认单窗口
- 多窗口只用于并排内容或必须协同的独立动作
- Keynote 播放：大而远的幻灯片 + 小而近的演讲者显示

关键点：

• 空间里没有屏幕边界，但过大的窗口会遮挡用户视野
• 多窗口会增加管理成本，不应作为默认设计
• 工具栏可以脱离矩形窗口轮廓，这是空间平台的新自由度

transcript 中的沉浸模式示例

Shared Space 中的窗口
  Keynote 和 Photos 都先用熟悉的窗口承载主要界面，让用户保持控制感

窗口播放 + Dimming
  Keynote 播放演示、TV 播放电影时压暗周围环境，帮助用户聚焦内容

Full Space 中的房间可见体验
  有些沉浸场景仍保留真实房间可见，方便用户看到手、键盘或控制器

Full Space 中的新环境
  Keynote 排练把用户带到剧场，Environment 可以延伸到物理房间之外

关键点：

• 这些是 transcript 中出现的设计模式示例，不是 Apple 给出的正式分类表
• Dimming 是聚焦内容的手段，可以在窗口播放或演示场景中使用
• Full Space 也可以保留房间可见，不一定要完全替换用户周围环境

核心启发

• 给照片类应用设计一个”放大记忆”时刻：列表、相册、搜索仍然用窗口；当用户打开最重要的照片时，把它放大到接近真实尺寸，轻微压暗环境。全景图可以进入半沉浸模式，让用户回到拍摄地点。

• 给教育应用做一个近处控制、远处内容的课堂：课件或模型放远处并放大，章节导航和播放控制放近处小面板。这样层级清晰，用户不需要抬手够远处内容。

• 把产品 3D 展示做成真实比例体验：电商或工业设计应用可以让用户在窗口中浏览商品，选中后把模型以真实比例放到桌面或房间里。用阴影和环境光让物体落地，不要把所有 UI 都做成 3D。

• 给沉浸场景加一条安全退出路径：任何 Full Space 都应该有明确的”退出沉浸”按钮，使用简短标签和熟悉图标。场景移动时先淡出再淡入，避免用户被强制移动视角。

关联 Session

• Design for spatial user interfaces — 深入讲解窗口、工具栏、控件和空间 UI 组件
• Design for spatial input — 眼睛和手势输入的设计规则
• Design considerations for vision and motion — 防止眩晕、疲劳和视觉不适的设计约束
• Build spatial experiences with RealityKit — 将这些设计原则落到 RealityKit 内容中