在我之前的文章中 Apple Vision Pro 設(shè)計規(guī)范之空間設(shè)計原則篇寫到，Apple Vision Pro 空間設(shè)計原則中有五大基礎(chǔ)原則，分別是：

1. Familiar:如何讓你的應用保持熟悉感，讓用戶易于學習和上手。
2. Human-centered：如何打造以人為本的設(shè)計，讓用戶更易用。
3. Dimensional：如何利用維度來打造獨特的空間體驗，讓界面更有層次感。
4. Immersive：如何將你適配你的應用使其更具有沉浸感。
5. Authentic：如何打造更真實的體驗設(shè)計。

那今天作者就帶大家詳細拆解其中的 Immersive 和 Authentic 兩大設(shè)計原則，即如何打造應用的沉浸感及真實感。

一、打造應用的沉浸感

說到沉浸感，大家第一感覺會想到什么呢？我相信大多數(shù)同學都會想到一個場景——"IMAX巨幕電影"。一方面巨幕電影超大的尺寸會占據(jù)觀影者大部分的主要視覺可視區(qū)域，另一方面在關(guān)燈場景下，觀影者能的視覺能更加聚焦在巨幕大屏上。因此我們可以從這一個場景中拆解出兩個關(guān)于營造感沉浸感的關(guān)鍵特性——無限大屏和環(huán)境氛圍。

接下來，讓我們來看看在 AVP 中如何設(shè)計具有沉浸感的應用。

1. 動態(tài)的沉浸模式

在沉浸模式類型中，AVP 支持開發(fā)者使用.mixed、.progressive、.full 等幾種沉浸式模式。這樣就可以根據(jù)用戶在不同的沉浸式狀態(tài)之間流暢的過渡。

如果你想給用戶與現(xiàn)實互動融合的體驗，不妨試試.mixed 的沉浸式效果，將元素內(nèi)容混合在 VST 透視中，在無邊界的場景下顯示內(nèi)容，VST 可見。

如果你想給用戶環(huán)繞大屏的瀏覽體驗，那就使用.progressive 的沉浸式效果，這樣就可以顯示環(huán)繞型窗口內(nèi)容應用，不過用戶仍然可以和現(xiàn)實世界進行互動。

當然如果你想給用戶一個完全獨占的沉浸式體驗，那么.full 是你的最優(yōu)選擇。在無邊界的場景下只顯示虛擬內(nèi)容，遮蓋除了手部以外其它所有內(nèi)容的 VST 透視，讓用戶進入一個完全虛擬的新世界。

2. 沉浸的環(huán)境氛圍

在 Shared Space 中，用戶可以通過調(diào)節(jié)頭顯上的表冠來調(diào)整沉浸程度，AVP 同時提供多種虛擬自然景觀壁紙和濾鏡效果給到用戶選擇，來幫助用戶營造沉浸的環(huán)境氛圍。

當排練演示的時候，我們可以把用戶帶到舞臺上，讓他們完全沉浸在劇院真人大小的體驗中，這樣的體驗需要更多的空間，應用將某人帶到一個他們可以看到周圍的新地方。

除此之外，用戶在看電影或進行 PPT 的演示模式時，系統(tǒng)會支持調(diào)節(jié)亮度來使電影屏幕或演示文稿更加聚焦。

因此，完整的空間時刻可能不會把用戶帶到一個新的地方，他們依然可以存在于自己的空間里，在這里感覺就像你看著大海，而你仍然可以看到你周圍的房間，你可以設(shè)計豐富的沉浸式體驗，而不需要接管用戶的整個視野。

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

除了動態(tài)的沉浸模式以及沉浸的環(huán)境氛圍，我們還需要注意一些可以營造沉浸感的小細節(jié)。

① 細微貼近物理世界的反射效果

比如在電影院里可以用小效果創(chuàng)造出巨大的視聽感受，比如地板和天花板上反射的細微光線就能給人一種令人信服的空間感，而不需要渲染真實劇院的所有細節(jié)來傳達。

② 管理用戶的注意力

我們需要引導用戶將他們的注意力集中在重要的事情上，盡量避免在用戶的主視角區(qū)域放置太多元素和信息，如果太多的事情同時發(fā)生，他們可能會感到不知所措或不確定該怎么做。這就要求我們在設(shè)計沉浸式體驗時，盡量將重要且精簡的信息展示在用戶主視野區(qū)域內(nèi)，并通過動效、音頻和色彩來引導用戶的注意力。

例如在 AVP 的冥想場景中，用戶的注意力被引導到空間中的一個物體上，注意力通過運動、空間化的音頻和彩色材料被吸引到一個位置，當用戶深入思考的時候，它就輕輕地展開花朵，完全包圍你，流暢及可預測的過渡，可以在用戶體驗的不同狀態(tài)之間創(chuàng)造連續(xù)性，這將讓用戶感到舒適并意識到發(fā)生了什么。

③ 提供虛擬元素貼近物理世界的光影效果

沉浸式應用會感覺到與人們的物理環(huán)境有聯(lián)系，比如 AVP 的開機動畫中，一個巨大的"Hello"在桌子上投下了陰影，讓你感覺就像真的在那里。

④ 考慮動效及空間音頻

鮮活的動畫可以給場景帶來活力，比如湖上蕩漾的水或漂浮在天空中的云微妙的運動可以將靜態(tài)體驗轉(zhuǎn)化為生動和動態(tài)的體驗，并通過空間音頻進一步創(chuàng)造氛圍，您可以將聲音錨定在空間中的物體上，或創(chuàng)建完全圍繞人們的聲音場景。

⑤ 與現(xiàn)實融合

如果你在一個完整的空間中使用應用，你可以將應用和現(xiàn)實環(huán)境進行虛實融合，使用柔和的邊緣來平滑地集成你的應用，這避免了突然的過渡，讓用戶專注于你的內(nèi)容。

二、打造應用的真實感

其次，讓我們談?wù)勅绾未蛟旄鎸嵉捏w驗設(shè)計。

在設(shè)計富有真實感特性的應用時，我們應該充分考慮到 XR 設(shè)備的獨特性——空間沉浸體驗 。因此最好的應用應該是能讓用戶快速進入空間沉浸式體驗的。

所以我們應該思考如何讓你的應用程序有足夠的吸引力和獨特性，以至于用戶會持續(xù)使用你的應用。

為了打造更加真實的吸引用戶的體驗我們需要考慮以下幾點。

1. 找到關(guān)鍵時刻

讓我們看看 Vision Pro 是如何在照片應用程序中做到這一點的，我們研究了在現(xiàn)有平臺上熟悉的照片應用程序的核心功能，瀏覽你的照片庫，重新發(fā)現(xiàn)特殊的記憶，通過全景重溫一個地方。當你找到那個特殊的照片時，照片會在你的空間里變大，讓你的周圍環(huán)境變暗，這些都是你 iPhone 上同樣美好的回憶，但是以逼真的尺寸看到它們真的很驚喜。當觀看全景的時候，我們有一個關(guān)鍵時刻帶你回到一個特殊的地方。

通過專注于一個特殊功能來思考你自己應用程序中的關(guān)鍵時刻，你可以用你已經(jīng)擁有的內(nèi)容讓你的體驗變得獨特和難忘，你可以用深度和尺寸來增強一個時刻，或者改變某人的空間，幫助人們專注于一項任務(wù)，或者喚起一種感覺，你可以創(chuàng)造難忘的體驗。

2. 提供貼近物理世界線索

我們感知物理世界線索主要是通過視覺和聽覺完成，為了讓虛擬元素更具有真實感，我們要考慮虛擬元素的尺寸、紋理、材質(zhì)、陰影、光照等是否符合物理世界的規(guī)律，這個就涉及到美術(shù)設(shè)計領(lǐng)域的知識，如果大家感心情，作者也會在后續(xù)的篇章安排干貨講解。

除此之外，音效也能為你的虛擬體驗呈現(xiàn)更真實的效果，典型的案例就是 Mac 電腦上刪除文件的體驗，將文件拖動到垃圾桶時，會有垃圾被碾碎的聲音，給用戶更加真實刪除文件的體驗效果。所以選擇貼合物理世界的聲音效果能幫你在真實感的體驗設(shè)計上事半功倍。

總結(jié)

小結(jié)一下，在打造具有沉浸感和真實感的應用設(shè)計時，我們要充分考慮 XR 設(shè)備的獨特特性—空間沉浸體驗。因此在設(shè)計空間體驗時，我們可以根據(jù)視覺及聽覺信息來管理用戶的沉浸感受，盡可能多的借鑒及洞察來自物理世界的線索，給用戶真實且沉浸的視聽觸體驗。

作者：Vicky Design Studio