问答:针对 visionOS 进行空间设计

在设计 App 和游戏时,空间计算会带来独特的机遇和挑战。在 WWDC23 期间,Apple 设计团队举办了一场内容丰富的问答活动,帮助开发者探索适用于 visionOS 的设计。下面是问答对话中的一些重要内容,包括关于沉浸范围、关键时刻和声音设计的见解。

要在这个平台上给人留下良好的第一印象,最有效的方法是什么?

具体方法当然取决于你的 App,不过,一个首页窗口能够帮助有效地向用户介绍你的 App,还能让他们控制沉浸程度。我们通常建议不要一开始就将用户置于完全沉浸式体验中,最好先确保他们已在 App 中适应了方向,然后再将他们传送到其他地方。

在将现有的 iPadOS 或 iOS App 移植到 visionOS 时,应该考虑哪些事项?

思考一下你的 App 能够在空间中大放异彩的关键时刻。例如,在 visionOS 版的照片 App 中,打开全景照片会让图像在你的视野中环绕。问问自己,对于你的 App 来说,潜在的关键时刻 (一种不受屏幕束缚的体验) 是什么样的。

从更具策略性的角度考虑需要如何针对 visionOS 优化你的用户界面。如需进一步了解,请观看“设计空间用户界面”。

设计空间用户界面

了解如何为空间计算 App 设计出色的界面。我们将分享如何把基于实体屏幕的知识应用到 visionOS 平台来创造出极致体验。探索 UI 组件、材质和字体排印,了解如何设计熟悉、易读且易于使用的用户体验。

Watch now

你能详细说明一下“关键时刻”是什么意思吗?

“关键时刻”是指充分利用 visionOS 独特功能的功能或交互。(可以将它视为 App 中的空间亮点或沉浸式亮点。)例如,如果你要开发一款写作 App,那么关键时刻可以是一种让用户全身心沉浸在某个环境中的专注模式,也可以是让用户进入创意域的空间音频声景。这些都是在基于屏幕的设备上无法实现的体验。

针对 iOS 和 macOS 进行设计时,我经常使用网格系统。这个系统也适用于 visionOS 吗?

当然!网格在设计窗口时非常有用,并且点值可以直接在平台之间转换。3D 元素的设计可能更加复杂,例如在附近设计控件,让用户能够控制远处的元素。如需进一步了解,请观看“空间设计的原则”。

空间设计的原则

了解空间设计的基础知识。探索如何从深度、比例、窗口和沉浸感等维度进行设计,并应用最佳实践来创造连接现实、舒适、以人为本的体验。了解如何使用这些空间设计原则来扩展现有 App 或将新想法变为现实。

Watch now

在没有设备的情况下测试 Apple Vision Pro 体验的最佳方式是什么?

你可以在 Xcode 中使用 visionOS 模拟器来重新创建系统手势,如双指开合、拖动、轻点和缩放等。

要打造精美的空间计算设计,最简单的方法是什么?

在刚开始设计时,我们建议使用系统提供的用户界面组件。应考虑悬停形状、每个元素的默认显示效果,以及当用户直接看向元素时它们会有何变化。构建自定组件或较大的元素 (如 3D 对象) 时,还需要自定悬停效果。

针对 visionOS 进行设计时,应该牢记哪些交互或人体工程学设计注意事项?

体验应该以舒适为主。我们建议让主要内容保持在视野范围内,这样用户就不需要过度移动脖子和身体。内容越靠近视野的中心位置,对眼睛来说就越舒适。同样重要的是,要考虑如何使用输入。确保 App 支持系统手势,以便用户可以选择与内容间接交互 (眼睛聚焦在元素上,然后用双指开合等手势进行选择)。如需进一步了解设计注意事项,请观看“视觉和动态效果设计注意事项”。

视觉和运动的设计考量

学习如何在考虑到人类视觉和运动感知局限性的情况下,为 visionOS 设计引人入胜的沉浸式体验。我们将向你展示如何利用深度线索、对比度、焦点和运动,让用户在你开发的 App 和游戏中获得舒适的体验。

Watch now

有没有关于完全令人沉浸其中的体验的设计理念?内容应该环绕在人的脑后、头顶和脚下吗?

内容可以放置在任何位置,但我们建议只提供所需的沉浸程度。App 无需占据用户周围的全部环境,即可创造出色的沉浸式体验。如需进一步了解,请查看《人机界面指南》。

Human Interface Guidelines: Immersive experiences

如果要打造环境以实现完全令人沉浸其中的体验,需要遵守哪些准则?

首先,在你的环境中,脚下的地平面应该与现实世界齐平。设计环境的细节时,应重点打造能够营造沉浸感的关键细节。例如,无需渲染真实影院的所有细节,也能传达身处影院的感觉。你还可以使用细致的动态效果来呈现栩栩如生的环境,例如白云在胡德山环境中轻柔地飘动。

针对空间计算进行设计时,还应该考虑哪些事项?

请务必重视声音设计。在为其他 Apple 平台进行设计时,你可能不那么注重为界面创建音频,因为用户经常在他们的设备上设置静音 (或者只是因为你当前提供的体验不适合添加音频)。使用 Apple Vision Pro 时,声音对打造引人入胜的体验至关重要。

人们惯于通过声音来了解周围环境,你在 visionOS App 或游戏中使用的声音,将能帮助用户更好地了解周围的元素并与之交互。例如,当用户按下某个按钮时,会出现音频提示,帮助他们识别并确认自己的操作。在 visionOS 中,你可以将声音放在空间中,这样一来,当用户与某个物品交互时,该物品可以直接发出声音,系统也可以利用用户周围的环境来提供适当的混响并增加质感。你甚至可以为场景创造空间声景,让画面更加生动逼真,令人身临其境。如需进一步了解如何为 visionOS 设计声音,请观看“探索沉浸式声音设计”。

探索沉浸式声音设计

了解如何使用声音来增强 VisionOS App 和游戏的体验。了解 Apple 设计师如何选择声音并构建音景来打造质感十足的沉浸式体验。我们将分享当你在空间上放置音频提示、改变重复的声音以及在 App...

Watch now

进一步了解

如需进一步了解如何针对 visionOS 进行设计,请参考更多视频、《人机界面指南》,以及 Apple Developer 网站。

开发你的第一款沉浸式 App

了解如何使用 Xcode 和 Reality Composer Pro 为 visionOS 构建沉浸式 App。我们将向你展示如何开始一个新的 visionOS 项目,使用 Xcode 预览进行 SwiftUI 开发,并利用 RealityKit 和 RealityView 渲染 3D 内容。

Watch now

开始构建用于空间计算的 App

准备好为 visionOS 开发 App 和游戏!探索构成空间计算的基本构建块:窗口、容积和空间,并了解如何使用这些元素来构建引人入胜的沉浸式体验。

Watch now

为空间计算制作精彩的游戏

学习如何针对 visionOS 打造出色的游戏体验。我们将介绍一些开发者在这个平台构建游戏所需的重要构件,以及开发者如何将现有的经验运用在沉浸式新平台,学习如何使用 ARKit、RealityKit、Reality Composer Pro、Unity、Metal 和...

Watch now

Human Interface Guidelines

Design for visionOS