#31 Learning Spatial Design - 5 Design Principles
23:30 Share

0 你如何为AR或空间设计进行设计？这是我们都想知道的一个大问题，这期播客将为想要为Apple Vision Pro进行空间设计的设计师分享五条准则。

朋友们，大家好，欢迎回到UX的未来播客，我们将在这里探索设计的未来，看看设计行业，看看AI、AR、VR和元宇宙技术能为我们设计师提供什么。我叫Patricia Reiners，我是一名驻柏林的创新设计师。

在本期节目中，我真的很兴奋。我们将讨论空间设计以及如何为Apple Vision Pro设计，如何为增强虚拟现实设计。是的，一个小总结。我将分享...

五条准则，简单易懂，易于使用，实际上苹果公司发布了apple vision pro，作为设计师的小准则，我也会在描述中分享视频，所以你可以看看，但仍然非常有帮助听播客节目，因为我正在做一个小步骤的总结，所以希望这对你非常有帮助

所以我想说，让我们从第一个主题开始。第一个主题是熟悉。所以熟悉是我们都熟悉的东西，如果我们正在设计，因为有一些特定的规则，如果你设计新的东西，那么你应该看看人们可能已经知道的东西，并使其熟悉。

因此，当我们查看Apple Vision Pro时，我们可以找到许多熟悉的元素。非常常见的元素，例如

它们侧面有一个侧边栏，它们有标签栏，它们有搜索栏，用户已经知道所有内容。所以他们实际上所做的就是，他们从我们日常使用的设备（如我们的手机或MacBook或笔记本电脑）的二维空间中获取窗口和设计元素，并将它们转换为三维空间。

因此，当你比较手机、MacBook上的应用程序时，你会发现它看起来非常非常相似。我认为这非常有趣。因此，这种一致性最终真正帮助用户识别和导航界面。所以熟悉胜出。

你还可以看到，他们使用窗口。界面通常显示在某些窗口中。我的意思是，我们都知道，我们都在窗口中设计。这非常清楚地表明它们属于一起，并且与其周围环境是分开的。例如，如果你打开了Spotify应用程序，如果你正在收听Spotify，那么Spotify就在某个窗口中。

在Apple Vision Pro上，你拥有用于特定软件或特定应用程序的相同窗口。这些窗口采用玻璃材质呈现，带有一些像乳白色玻璃的东西。

它模糊了背景，让用户更好地了解周围环境，因为材料也能适应不同的光照条件。所以你仍然可以看到，但不是100%，所以它有点像模糊了背景，但它确保你可以看到上面的内容。我想说，它看起来非常别致，但仍然非常容易访问。

真正有趣的是，用户可以调整这些窗口的大小，并根据自己的喜好和周围环境进行调整，所以不仅仅像一个尺寸，而是在你的笔记本电脑上，例如，如果你打开了不同的窗口，你也可以调整它们的大小，使它们变大或变小，也可以重新排列它们，但在apple vision pro上，你当然有更多的空间，因为世界就是你的画布，所以

Keynote和Safari是调整大小以最大化内容可见性的应用程序示例。因此，Keynote允许，你知道，想象一下你正在使用Apple Vision Pro，然后首先你有一个非常基本的视图，就在你面前，上面有你正在创建演示文稿的Keynote。然后你还可以允许全尺寸演示文稿。

可能侧面有一个小侧边栏或小窗口，你可以在其中看到下一张幻灯片。但你也可以将其最大化，然后看到例如背景中的观众，这样你就可以拥有一个三维视图。因此，标签栏或工具栏通常位于窗口外部。因此，如果你有一个特定的...

包含导航元素的窗口，那么你通常会在窗口外部找到它。例如，位于原始窗口的顶部，这种放置真正确保了易于访问。例如，Safari的导航栏位于窗口外部，并且位于几英寸之外。

这确实允许用户专注于Safari窗口中的内容，但可以帮助他们非常轻松地找到导航元素，因为它们就在窗口外部。通常，页面是灵活的，并且会在添加新内容时进行调整。因此，如果你在中心有一个窗口，例如Safari窗口，然后像侧边栏从侧面出现，整个窗口，

移动，它们仍然在中心，并且页面确实保持居中，确保周围空间不会被遮挡。虽然某些应用程序利用多个窗口，例如，一个用于导航，一个用于内容，一个用于，我不知道，分析或类似的东西，但通常最好将内容保留在单个窗口中，因为多个窗口

会很快让许多用户不知所措。我的意思是，我们都知道，对吧？我们需要专注，我们需要尽可能减少干扰。然后是第二点，以人为本和视野。让我们从那一点开始。因为你总是需要考虑用户可以看到什么以及他们如何在应用程序中移动。因此，当用户佩戴设备时，

他们的视野主要集中在他们面前的东西上。完全有道理，对吧？因此，将最重要的元素放置在他们的视野中心非常有效。如果视野是白色的，则通常使用横向布局，并且肯定要好得多。

因此，我们倾向于，或者我在许多案例研究中看到的是，拥有多个窗口和大量内容。但最好将最重要的内容放在中心，并且不要太多干扰。所以如果你仍然有多个内容片段，

例如某些图像。那么真正有帮助的是将最重要的图像仍然放在中心，但左侧或右侧的图像稍微倾斜并稍微转向中心以增强可读性。所以有点像一个圆圈。

因此，以人为本的第二个主题当然是人体工程学。你知道，主要目标是在所有维度上舒适地放置物体。因此，默认情况下，窗口应相对于用户的头部方向放置在用户的视线范围内。完全有道理，对吧？内容也应放置在手臂可及范围之外，以确保易于查看和访问。

但也应避免将内容放置过高或过低，这会使其难以查看和阅读。所以不要放在用户身后或侧面太远的地方，而要放在中心，这样用户就能知道发生了什么，元素在哪里，不同类型在哪里。可能也很有帮助的是，我在LinkedIn上也围绕这个主题进行了一些讨论，即在用户视图中锚定内容。

这是什么意思？因此，如果你将内容锚定在某个位置或中心某个灯上，并且用户仍然看向侧面，则内容不会随用户移动，而是停留在原处。

例如，想象一下用户坐在他们的办公桌前，他们将屏幕放在他们面前。他们想看看右侧，因为那里有一扇窗户，就像快速向外看一眼，以获得一些新想法，暂时思考其他事情，然后回头看，窗户仍然在那里。当然，你可以使用侧面某个旋钮重新锚定内容

但是锚定内容对于用户来说非常有帮助，不会感到被跟踪或仍然知道所有内容的实际位置。这也允许像自然的头部运动和能力，正如我提到的，例如向窗外看。

以人为本的第三点当然是运动。在我们的设计经验中，我们需要最少的运动，因为许多用户可能行动不便。所以不要像疯狂的手臂运动或类似的东西，而像非常小的运动。也有些人可能坐在办公桌前，他们不能移动太多，或者他们将来可能坐在公共汽车或飞机上或类似的东西。所以最小的运动绝对有帮助。

此外，我已经提到过，但如果用户改变位置，他们可以使用一个小卷轴或旋钮重新居中窗口。因此，如果他们坐在办公桌前，然后想搬到厨房，他们可以不用转动或移除Vision Pro就可以走动，他们只需用这个小旋钮重新居中他们正在使用或正在查看的窗口。这真的很有帮助。好的，让我们进入第三点。

也就是维度。然后我们还将讨论不同的主题。第一个是空间，因为优秀的应用程序真正利用了用户周围的空间。例如，

在电影应用程序中，周围空间可能会变暗以专注于内容，对吧？因此，你始终需要确保某个应用程序的正确环境是什么。用户是否需要看到并完全了解正在发生的事情，或者用户是否可以更沉浸在空间中？第二点是深度。

为应用程序添加深度确实可以创造维度、层次结构和焦点感。我们都已在谷歌的材料设计指南中看到过，对吧？因此，他们也在他们的设计系统中使用这种深度结构，使用不同的阴影。超级有帮助。我强烈建议你查看一下。我也会在描述框中链接它，以便你可以查看它。非常相似的想法。

因为绝对可以使用深度建立层次结构。因此，想想更靠前的元素更重要，对吧？而更远的区域或元素则不太重要。因此，从层次结构级别稍微向下。

当然，也可以通过使用灯光和阴影来增强深度。例如，电影屏幕可能会在地板和天花板上投射光线和阴影，对吧？因此，当你在一个非常黑暗的房间里，你仍然可以看到地板，然后你看到你面前播放的电影在地板上的小阴影或光线，这给人一种非常自然的感觉，是的，对环境的感觉很好。

因此，大多数物体都应投射阴影，以便有效地将它们融入空间。因此，即使你将某个屏幕放在桌子上，你也应该看到桌子上当然有阴影，这样看起来很自然。

当然，对于UI窗口或对于文本或类似内容不一定重要的元素，使用非常细微的深度，因为它可能会非常混乱。但是对于任何你感觉它们不完全平坦，而是具有一定毫米尺寸的UI元素。

好的，现在进入第四点，也就是沉浸式。沉浸式光谱。应用程序可以在不同的沉浸阶段之间动态流畅地转换，具体取决于用户在体验中的位置。我在第一点已经提到过。例如，在准备主题演讲时，

沉浸级别可能很低。因此，想象一下你坐在办公桌前，你面前有一个屏幕，你仍然可以看到周围的环境，你正在准备主题演讲，例如某些幻灯片。但是当你点击播放时，背景可能会变暗一点，或者用户也可能会体验到完全沉浸，你知道。

例如，在虚拟现实会议室中练习它。因此，你选择沉浸级别，并且根据用户的结果进行调整也很有意义。因此，如果你真的想练习，绝对更有帮助的是专注于屏幕或更多练习以获得某种三维全方位体验。以下是一些基本技巧。

真的，但我们已经从UX设计，从任何类型的设计中知道，当发生太多事情时，人们往往会感到不知所措，不确定该做什么。与我们设计的每个网站，与我们设计的每个应用程序一样，需要有一个明确的行动号召和某种指导，以便用户始终知道该做什么。

因此，目标绝对是引导用户的注意力转向最重要的体验。就像我提到的，类似于网页上的行动号召CDA。

或者以正念应用程序为例。这也是苹果公司使用的，我认为它非常有趣。在视点中心编辑位置，背景变暗，用户只能看到花朵形状的物品。用于冥想，并带有一定声音引导他们进行冥想和某些呼吸或类似的东西。

然后，沉浸感会根据目标而变化。例如，当用户需要专注于深度反思时，花朵会溶解成非常平滑、缓慢的过渡，你知道，将所有小花朵都放在用户周围，以便用户真正进入这种深度专注状态，并完全沉浸其中。

这些过渡非常重要，可以防止用户感到不知所措或迷失方向。因此，它们需要非常平滑和平静。是的，平滑和平静。我认为这是一个很好的描述。是的，绝对也要通过使用房间的形状和锚定内容来与现实进行深思熟虑的融合。超级有帮助。

这些微妙的动画可以使元素栩栩如生，将非常静态的体验转变为非常动态的体验。因为我们可以使用3D内容，我们可以使用动画内容，这非常有帮助。沉浸主题的下一个技巧，第四点，也是舒适性。

通常避免任何快速的内容移动，在运动过程中淡出内容以确保用户感到舒适。因此，你可能从3D电影等中了解到这一点。

那里经常发生这种情况，我个人绝对讨厌事情发生得非常快，你知道你会感到害怕或震惊或害怕或类似的东西，因为这就像一个非常快速的运动或类似的东西，或者像你知道从侧面跳到屏幕上的东西，就像一只猫在黑暗的房间里，有人正在探索什么东西。真烦人。

对于电影或类似的东西来说，这可能很有趣，但对于像Vision Pro这样的设备来说，并非如此。人们想要专注，他们不想感到害怕，他们想要感觉自己掌控着一切。让我们进入第五点，也就是真实性。

我认为这也是一个快速但非常重要的一点，因为当你考虑用户将如何使用这些类型的设备时，它与你的iPhone的使用方式将大不相同。因此，当你比较时，

有时你只看几秒钟iPhone，查看新闻，查看电子邮件，快速查看某些内容，想使用计算器一秒钟，想快速做某事，然后你再次关闭应用程序并离开它。或者也关闭，例如锁定手机并离开手机。这对于Vision Pro来说将大不相同。

Vision Pro，虽然戴上并调整需要更多时间，但人们会在一次使用中花费更多时间。

因此，有帮助的是也以用户已经拥有所需一切的方式调整空间。因此，想想这些专注阶段，人们会在上面花费更多时间，某些任务。他们需要一切来完成这种类型的会议，来实现他们想要在这个地方实现的目标。他们会在那里待更长时间。他们不会真的很快跳进去查看他们的邮件或类似的东西，因为这没有意义。

他们会在那里待更长时间来完成任务和目标。因此，他们需要周围环境中所有真实的东西。因此，想象一下他们有一个特定任务或示例，例如准备主题演讲。因此，他们需要所有单个步骤。侧面可能有灵感，但没有干扰，并且拥有他们所需的一切。

因此，我希望这对你有帮助。让我们快速总结一下。第一个主题是熟悉性。我的意思是，我们都从设计中了解到这一点。使用人们已经知道并且使用起来很舒服的元素。我们尤其从界面结构方式中看到了这一点。他们基本上使用了我们已经从我们的网络体验、我们的应用程序体验中了解到的所有元素。

并将其转换为3D空间，你知道，例如工具栏、侧边栏、搜索栏、不同的窗口等等。然后当然它需要以人为本。我的意思是，作为UX设计师，我们都知道这一点，所以这应该不足为奇，但真正想想

以人为本在人体工程学方面意味着什么，如何以及在哪里放置不同的元素，使其在所有维度上都感觉舒适。还有视野，用户在哪里可以看到最佳效果？我可以在哪里放置内容而不会让用户不知所措？还有整个运动主题，不仅是移动内容，还包括用户如何移动和放置元素。

第三是维度。我绝对在考虑3D元素，例如空间、深度以及沉浸感。你知道，空间是如何真正利用用户周围环境的，还在层次结构中添加深度。因此，将一些元素稍微放在前面，其他元素稍微放在后面，然后使用阴影和光线来使其可见层次结构的实际显示方式。

然后第四点当然是沉浸式。是的，例如确保它在不同的沉浸阶段之间动态流畅地过渡。我们喜欢根据用户在体验中的位置，但也有一些，你知道，基本技巧，例如真正用明确的行动号召来引导用户。我们都知道这一点，但将其带入3D空间也很重要。当然，

舒适性，因此请确保所有动画、运动都快速而平静，并且用户真的感觉使用起来很舒服。最后一点是真实性。

确保你为这些类型的设备创建的设计对用户的目标感觉真实，他们在空间中感到舒适，他们拥有所需的一切。因为目标与将其与你快速查看某些内容的手机进行比较非常不同，你会在那里待更长时间。因此，你需要在一个空间中拥有所有可以帮助你完成这项特定任务的东西。好的，我希望这有帮助。如果你想了解更多关于

未来设计的信息。请随时订阅我的新闻通讯。我每周四都会在那里分享免费资源，因此你可以订阅，将资源直接发送到你的收件箱。它是免费的，并且有很多见解供你参考。

非常感谢你的收听。是的，如果你有任何问题、建议，请随时与我联系。你可以在Instagram上找到我，用户名是ux.patricia。我很乐意与你联系并聊天。是的，我想说下周再见或听到你们所有人关于未来设计的另一个激动人心的主题。所以在未来听到你们的声音，我的朋友们。再见。