如何打造空间计算应用的真实感和沉浸感？先掌握这2个设计原则！

在我之前的文章中 Apple Vision Pro 设计规范之空间设计原则篇写到，Apple Vision Pro 空间设计原则中有五大基础原则，分别是：

1. Familiar:如何让你的应用保持熟悉感，让用户易于学习和上手。
2. Human-centered：如何打造以人为本的设计，让用户更易用。
3. Dimensional：如何利用维度来打造独特的空间体验，让界面更有层次感。
4. Immersive：如何将你适配你的应用使其更具有沉浸感。
5. Authentic：如何打造更真实的体验设计。

那今天作者就带大家详细拆解其中的 Immersive 和 Authentic 两大设计原则，即如何打造应用的沉浸感及真实感。

一、打造应用的沉浸感

说到沉浸感，大家第一感觉会想到什么呢？我相信大多数同学都会想到一个场景——"IMAX巨幕电影"。一方面巨幕电影超大的尺寸会占据观影者大部分的主要视觉可视区域，另一方面在关灯场景下，观影者能的视觉能更加聚焦在巨幕大屏上。因此我们可以从这一个场景中拆解出两个关于营造感沉浸感的关键特性——无限大屏和环境氛围。

接下来，让我们来看看在 AVP 中如何设计具有沉浸感的应用。

1. 动态的沉浸模式

在沉浸模式类型中，AVP 支持开发者使用.mixed、.progressive、.full 等几种沉浸式模式。这样就可以根据用户在不同的沉浸式状态之间流畅的过渡。

如果你想给用户与现实互动融合的体验，不妨试试.mixed 的沉浸式效果，将元素内容混合在 VST 透视中，在无边界的场景下显示内容，VST 可见。

如果你想给用户环绕大屏的浏览体验，那就使用.progressive 的沉浸式效果，这样就可以显示环绕型窗口内容应用，不过用户仍然可以和现实世界进行互动。

当然如果你想给用户一个完全独占的沉浸式体验，那么.full 是你的最优选择。在无边界的场景下只显示虚拟内容，遮盖除了手部以外其它所有内容的 VST 透视，让用户进入一个完全虚拟的新世界。

2. 沉浸的环境氛围

在 Shared Space 中，用户可以通过调节头显上的表冠来调整沉浸程度，AVP 同时提供多种虚拟自然景观壁纸和滤镜效果给到用户选择，来帮助用户营造沉浸的环境氛围。

当排练演示的时候，我们可以把用户带到舞台上，让他们完全沉浸在剧院真人大小的体验中，这样的体验需要更多的空间，应用将某人带到一个他们可以看到周围的新地方。

除此之外，用户在看电影或进行 PPT 的演示模式时，系统会支持调节亮度来使电影屏幕或演示文稿更加聚焦。

因此，完整的空间时刻可能不会把用户带到一个新的地方，他们依然可以存在于自己的空间里，在这里感觉就像你看着大海，而你仍然可以看到你周围的房间，你可以设计丰富的沉浸式体验，而不需要接管用户的整个视野。

3. 提供一些精妙的小线索

除了动态的沉浸模式以及沉浸的环境氛围，我们还需要注意一些可以营造沉浸感的小细节。

① 细微贴近物理世界的反射效果

比如在电影院里可以用小效果创造出巨大的视听感受，比如地板和天花板上反射的细微光线就能给人一种令人信服的空间感，而不需要渲染真实剧院的所有细节来传达。

② 管理用户的注意力

我们需要引导用户将他们的注意力集中在重要的事情上，尽量避免在用户的主视角区域放置太多元素和信息，如果太多的事情同时发生，他们可能会感到不知所措或不确定该怎么做。这就要求我们在设计沉浸式体验时，尽量将重要且精简的信息展示在用户主视野区域内，并通过动效、音频和色彩来引导用户的注意力。

例如在 AVP 的冥想场景中，用户的注意力被引导到空间中的一个物体上，注意力通过运动、空间化的音频和彩色材料被吸引到一个位置，当用户深入思考的时候，它就轻轻地展开花朵，完全包围你，流畅及可预测的过渡，可以在用户体验的不同状态之间创造连续性，这将让用户感到舒适并意识到发生了什么。

③ 提供虚拟元素贴近物理世界的光影效果

沉浸式应用会感觉到与人们的物理环境有联系，比如 AVP 的开机动画中，一个巨大的"Hello"在桌子上投下了阴影，让你感觉就像真的在那里。

④ 考虑动效及空间音频

鲜活的动画可以给场景带来活力，比如湖上荡漾的水或漂浮在天空中的云微妙的运动可以将静态体验转化为生动和动态的体验，并通过空间音频进一步创造氛围，您可以将声音锚定在空间中的物体上，或创建完全围绕人们的声音场景。

⑤ 与现实融合

如果你在一个完整的空间中使用应用，你可以将应用和现实环境进行虚实融合，使用柔和的边缘来平滑地集成你的应用，这避免了突然的过渡，让用户专注于你的内容。

二、打造应用的真实感

其次，让我们谈谈如何打造更真实的体验设计。

在设计富有真实感特性的应用时，我们应该充分考虑到 XR 设备的独特性——空间沉浸体验 。因此最好的应用应该是能让用户快速进入空间沉浸式体验的。

所以我们应该思考如何让你的应用程序有足够的吸引力和独特性，以至于用户会持续使用你的应用。

为了打造更加真实的吸引用户的体验我们需要考虑以下几点。

1. 找到关键时刻

让我们看看 Vision Pro 是如何在照片应用程序中做到这一点的，我们研究了在现有平台上熟悉的照片应用程序的核心功能，浏览你的照片库，重新发现特殊的记忆，通过全景重温一个地方。当你找到那个特殊的照片时，照片会在你的空间里变大，让你的周围环境变暗，这些都是你 iPhone 上同样美好的回忆，但是以逼真的尺寸看到它们真的很惊喜。当观看全景的时候，我们有一个关键时刻带你回到一个特殊的地方。

通过专注于一个特殊功能来思考你自己应用程序中的关键时刻，你可以用你已经拥有的内容让你的体验变得独特和难忘，你可以用深度和尺寸来增强一个时刻，或者改变某人的空间，帮助人们专注于一项任务，或者唤起一种感觉，你可以创造难忘的体验。

2. 提供贴近物理世界线索

我们感知物理世界线索主要是通过视觉和听觉完成，为了让虚拟元素更具有真实感，我们要考虑虚拟元素的尺寸、纹理、材质、阴影、光照等是否符合物理世界的规律，这个就涉及到美术设计领域的知识，如果大家感心情，作者也会在后续的篇章安排干货讲解。

除此之外，音效也能为你的虚拟体验呈现更真实的效果，典型的案例就是 Mac 电脑上删除文件的体验，将文件拖动到垃圾桶时，会有垃圾被碾碎的声音，给用户更加真实删除文件的体验效果。所以选择贴合物理世界的声音效果能帮你在真实感的体验设计上事半功倍。

总结

小结一下，在打造具有沉浸感和真实感的应用设计时，我们要充分考虑 XR 设备的独特特性—空间沉浸体验。因此在设计空间体验时，我们可以根据视觉及听觉信息来管理用户的沉浸感受，尽可能多的借鉴及洞察来自物理世界的线索，给用户真实且沉浸的视听触体验。

作者：Vicky Design Studio