編譯/VR陀螺

近日，蘋果發(fā)布了面向VisionOS的空間用戶界面設(shè)計(jì)指南，里面涉及了一款應(yīng)用從圖標(biāo)、材料到排版、布局等相關(guān)教程，可讓開發(fā)者打造更為清晰且易用的軟件體驗(yàn)。

在圖標(biāo)設(shè)計(jì)上，蘋果希望它能盡量保持熟悉感，并在此基礎(chǔ)之上增加3維且逼真的效果，如用戶注視圖標(biāo)時(shí)，它們會(huì)發(fā)生膨脹。手冊(cè)提到，這是應(yīng)用多層設(shè)計(jì)實(shí)現(xiàn)的，一個(gè)背景層和兩個(gè)前景層，當(dāng)層匹配在一起時(shí)，會(huì)自動(dòng)應(yīng)用玻璃層，為圖標(biāo)添加深度、鏡面高光和陰影。不過(guò)這里要注意的是圖標(biāo)應(yīng)該盡量居中，并且盡量避免大面積使用半透明像素。

圖源：蘋果

為了讓軟件在室內(nèi)、白天、夜間等多種不同場(chǎng)合都能使用，蘋果為Vision Pro設(shè)計(jì)了全新的玻璃材質(zhì)，玻璃狀的軟件界面就如同物理世界的一部分，它可讓周圍部分光線以及現(xiàn)實(shí)內(nèi)容透過(guò)。指南提到，應(yīng)盡量避免在背景界面中使用純色，因?yàn)檫@樣看起來(lái)會(huì)很壓抑。

圖源：蘋果

為了保持可讀性，界面字體要粗于iOS界面。此外，蘋果新增了兩種專為優(yōu)化易讀性而設(shè)計(jì)的字體，以適應(yīng)更多編輯以及布局要求。

圖源：蘋果

Vibrancy（活力），這是保持系統(tǒng)易讀性的重要細(xì)節(jié)，它使顯示在材料頂部的前景內(nèi)容變亮，并通過(guò)將光線和顏色從其背后的內(nèi)容向前拉動(dòng)來(lái)發(fā)揮作用。蘋果指出，應(yīng)盡可能使用系統(tǒng)顏色而不是自定義顏色，因?yàn)樗鼈円厌槍?duì)易讀性進(jìn)行了校準(zhǔn)，并可讓玻璃背板上的色調(diào)和對(duì)比度保持動(dòng)態(tài)適應(yīng)。

面對(duì)不斷變化的背景，Vibrancy 會(huì)實(shí)時(shí)更新，以保持可讀性，圖源：蘋果

布局方面，由于VisionOS與傳統(tǒng)2D操作系統(tǒng)不同，它比以往任何時(shí)候都更需要考慮人體工學(xué)設(shè)計(jì)。如人們左右轉(zhuǎn)動(dòng)頭部要比上下轉(zhuǎn)動(dòng)頭部輕松，因此頁(yè)面應(yīng)該盡量保持較高的寬高比，并盡量避免把頁(yè)面內(nèi)容放得過(guò)高。

操作方面，對(duì)于可以交互的按鈕，應(yīng)當(dāng)最少預(yù)留60pt X 60pt的空間，按鈕與按鈕之間需至少預(yù)留16pt的空間。此外，開發(fā)者還應(yīng)該為按鈕單獨(dú)設(shè)置一個(gè)選中狀態(tài)，以增強(qiáng)用戶的眼動(dòng)追蹤反饋。

圖源：蘋果

VisionOS不僅適用于眼睛、語(yǔ)音以及手勢(shì)，它還可以通過(guò)觸摸或者鍵盤等外設(shè)進(jìn)行輸入。

圖源：蘋果

VisionOS的標(biāo)簽欄放置在窗口左側(cè)，它對(duì)于眼睛交互增加了不少細(xì)節(jié)，如長(zhǎng)看可以展開二級(jí)標(biāo)簽，視線轉(zhuǎn)移則會(huì)關(guān)閉，這有點(diǎn)類似于touch ID。

凝視一段時(shí)間二級(jí)標(biāo)簽會(huì)展開，圖源：蘋果

如相冊(cè)年月日導(dǎo)航、音樂(lè)播放按鈕等，它位于界面Z軸前方的位置，以起到不干擾正常內(nèi)容顯示的作用。當(dāng)然有新的消息、廣告推送時(shí)，它也會(huì)在界面Z軸前方彈出，父窗口則向后推并變暗。

來(lái)源：Apple