這篇文章是我們團隊開發(fā)vision OS所采用的空間計算設(shè)計規(guī)范，我認(rèn)為對于所有產(chǎn)品經(jīng)理與交互設(shè)計師都適用，下面為源文

對于設(shè)計師和產(chǎn)品團隊而言，Apple Vision Pro 的到來不僅僅是發(fā)布了一款設(shè)備，而是開啟了一個全新的交互維度。進入 2025 年，空間計算已從最初的新奇概念演變?yōu)橐环N必要能力，其背后有著多方面的關(guān)鍵原因。最初的熱潮逐漸沉淀，取而代之的是對 visionOS 設(shè)計如何重新定義生產(chǎn)力、娛樂方式，以及打破當(dāng)前各自孤立運行的系統(tǒng)之間協(xié)作模式的深入探索。

為 visionOS 進行設(shè)計，意味著必須擺脫二維屏幕的固有約束，從“頁面上的像素”轉(zhuǎn)向“房間中的對象”。本指南在夯實設(shè)計基礎(chǔ)認(rèn)知的同時，融入了新的洞察與更新后的最佳實踐，并以前瞻性的視角，探討如何打造真正原生、直覺化且富有“魔力”的 visionOS 沉浸式應(yīng)用。

visionOS 的核心：理解空間化設(shè)計

傳統(tǒng) UI 受限于屏幕邊界，而 Apple Vision Pro 運行在一個“無限畫布”之上。但無限空間并不意味著無限混亂。最成功的 visionOS 界面設(shè)計，既尊重用戶的物理現(xiàn)實，又通過數(shù)字化的空間深度對其進行增強。

下面來看一下 visionOS 所具備的一些關(guān)鍵特性：

1. 空間（Space）
   visionOS 提供了一個廣闊、開放的空間，用戶可以在其中查看虛擬內(nèi)容，例如窗口、物體和場景。

2. 沉浸感（Immersion）
   用戶可以在不同層級的沉浸模式之間切換，從多個應(yīng)用同時運行的共享空間，到一次只運行一個應(yīng)用的全沉浸空間。

3. 透視顯示（Passthrough）
   Passthrough 是 visionOS UI 的“真實基底”。它允許用戶在與虛擬內(nèi)容交互的同時，依然能夠看到真實的周圍環(huán)境。

4. 空間音頻（Spatial Audio）
   空間音頻讓聲音在用戶的環(huán)境中聽起來更加自然、具有方向感和距離感。

5. 注視與手勢（Focus and Gestures）
   用戶通過眼睛和雙手與 visionOS 進行交互：注視某個虛擬對象即可讓其獲得焦點，隨后通過點擊來激活；也可以直接用手指“觸碰”虛擬對象進行操作。

6. 人體工學(xué)（Ergonomics）
   visionOS 在設(shè)計上強調(diào)長時間使用的舒適性。系統(tǒng)會自動放置內(nèi)容，使其相對于佩戴者的頭部位置保持合理關(guān)系，用戶無需頻繁走動即可完成交互。

7. 無障礙（Accessibility）
   visionOS 支持多種無障礙輔助技術(shù)，幫助不同能力的用戶采用最適合自己的方式完成交互操作。

為 visionOS 設(shè)計時需要牢記的 14 條指南

為空間計算進行設(shè)計，會同時帶來新的約束與新的機遇。以下是用于創(chuàng)建高質(zhì)量 visionOS UI 的更新設(shè)計指南（節(jié)選）：

1. 優(yōu)先考慮透明性（Prioritize Transparency）
   避免使用不透明、實心的背景來遮擋用戶視野。應(yīng)使用系統(tǒng)定義的玻璃材質(zhì)，讓真實的物理世界能夠透顯出來，使你的應(yīng)用“落地”于現(xiàn)實環(huán)境之中。

2. 白色文字是標(biāo)準(zhǔn)（White Text is Standard）
   在變化多端的玻璃背景之上，白色文字具有最佳的可讀性，并且能夠根據(jù)環(huán)境光照條件進行動態(tài)適配。

1. 謹(jǐn)慎分層使用顏色（Layer Colors Carefully）
   如果需要使用顏色，應(yīng)當(dāng)謹(jǐn)慎地將其應(yīng)用在背景層級上。由于玻璃材質(zhì)會根據(jù)真實物理環(huán)境發(fā)生色彩變化，不當(dāng)?shù)呐渖赡軙绊懡缑鎸Ρ榷群涂勺x性。

2. 避免疊加淺色材質(zhì)（Avoid Stacking Light Materials）
   多層半透明材質(zhì)疊加會顯著降低文字和內(nèi)容的清晰度與對比度。應(yīng)保持界面層級結(jié)構(gòu)扁平、簡潔，避免不必要的視覺復(fù)雜度。

1. 使用更粗的字體（Use Bolder Typography）
   空間環(huán)境中的文字需要足夠的“重量”才能保持可讀性。相比 iOS，應(yīng)選擇略粗一些的字體字重，以確保在復(fù)雜的真實世界背景下依然清晰可辨。

2. 尊重視野范圍（Respect the Field of View）
   避免將關(guān)鍵內(nèi)容放置得過高或過低。頸部疲勞是 visionOS 體驗中的真實痛點，應(yīng)將主要交互控制在舒適的“視線高度”范圍內(nèi)。

3. 居中放置核心內(nèi)容（Center the Essentials）
   周邊視覺更適合承載環(huán)境和上下文信息，而中央視野用于專注與操作。將最重要的操作與核心內(nèi)容放在正中央位置。

4. 重視目標(biāo)尺寸（Target Size Matters）

   visionOS 中的設(shè)計元素必須“容易命中”。為適配眼動追蹤的精度，需確保可交互目標(biāo)的尺寸至少為 60×60 點

5. 清晰的狀態(tài)指示（Clear State Indicators）

   及時反饋至關(guān)重要。應(yīng)使用系統(tǒng)提供的 懸停效果（hover effect），在用戶視線掃過元素時高亮顯示，以明確傳達(dá)其可交互性。

10.保持一致的間距（Consistent Spacing）
為交互元素留出足夠的“呼吸空間”。當(dāng)眼動追蹤出現(xiàn)輕微漂移時，至少4pt的間距可以有效減少誤觸。

11.嵌套圓角規(guī)則（Nested Corner Radii）
遵循幾何上的和諧關(guān)系：內(nèi)圓角 = 外圓角 ? 內(nèi)邊距（Padding）。這一規(guī)則能讓嵌套的 UI 結(jié)構(gòu)看起來更加自然、精致且專業(yè)。

12.限制標(biāo)簽欄數(shù)量（Limit Tab Bar Items）
空間界面非常容易變得雜亂。為降低用戶的認(rèn)知負(fù)擔(dān)，標(biāo)簽欄（側(cè)邊欄）中的項目數(shù)量應(yīng)控制在最多 6 個。

13.裝飾控件的位置（Ornament Placement）
裝飾控件（懸浮工具欄）應(yīng)與窗口底部邊緣重疊 20pt，以在視覺上形成清晰的錨點關(guān)系，增強界面的穩(wěn)定感。

14.通過背景變暗引導(dǎo)焦點（Focus via Dimming）

當(dāng)用戶打開模態(tài)窗口或聚焦于某一特定內(nèi)容時，應(yīng)輕微降低背景亮度，在不丟失整體環(huán)境上下文的前提下，引導(dǎo)用戶的注意力集中到當(dāng)前焦點區(qū)域。

題圖來自 Unsplash ，基于 CC0 協(xié)議， 如有侵權(quán)，請聯(lián)系pmtalk123刪除

“分享產(chǎn)品經(jīng)理改變世界的點滴”

產(chǎn)品顧問｜ 產(chǎn)品咨詢｜培訓(xùn)合作

請?zhí)砑游⑿?strong>PMxiaowanzi

最近我的原創(chuàng)

每日案例拆解庫，AI等產(chǎn)品打卡群

我創(chuàng)建的產(chǎn)品設(shè)計打卡社群，加入后365天，每天體驗一款A(yù)PP。提升產(chǎn)品設(shè)計能力，同時有1300份體驗報告幫助你找到競品

在這里你可以隨時查詢到你想找的各類競品行業(yè)APP，無須自己親自下載就可以馬上得到APP的一手產(chǎn)品優(yōu)化、交互設(shè)計、功能描述信息。

從優(yōu)化&建議、商業(yè)模式、運營、功能描述、交互設(shè)計、產(chǎn)品定位至少6個維度，體驗一款應(yīng)用。

平均1天1塊錢，掃碼購買即可加入

連續(xù)體驗48款應(yīng)用，通過后原路退回

報名后添加星球助理

PMTalk123