空間運算把介面從一塊平面螢幕搬進使用者身處的三維空間,設計的座標系從 (x, y) 多了一條 z 軸。這一步不是「把網頁貼到牆上」,而是要重新思考深度代表什麼、輸入怎麼發生、以及人的眼睛和脖子能撐多久。visionOS 的設計語言把這些拆成幾條具體規則,值得拿來當作進入空間介面的第一課。
📖 學(核心)
深度是資訊,不是裝飾
z 軸的位置應該用來傳達層級,而不是拿來炫技。在 visionOS 裡,固定尺寸的物件離使用者越遠就顯得越小,和現實世界一致,所以「距離」本身就是一種語意:近的元素優先、遠的元素次要。關鍵限制是人眼一次只能對焦一個距離,頻繁改變對焦深度會造成眼睛疲勞。因此互動內容盡量放在同一個深度,讓使用者在不同 UI 間切換時不必重新對焦。實務上,當你彈出一個 modal,做法是把主視圖往 z 軸「推遠」,而 modal 出現在原本主視圖的距離上——使用者的眼睛不需要重新適應新距離,切換就變得毫不費力。用陰影、模糊與視差來輔助深度感,但別讓層次多到眼睛得不斷來回拉焦。
注視是瞄準,手勢是點擊
空間介面的主要輸入是「眼睛看 + 手指捏」。使用者看向哪個物件,系統就把焦點帶到那裡;接著用捏合(pinch)手勢就等於滑鼠的點擊。這個組合的精髓是省力:眼睛不論多遠都能瞬間瞄準任何元素,而手可以自然地放在腿上、坐著操作,不必舉起手臂在空中揮舞。設計上有兩個硬指標:一是所有可點元素直徑至少 60 point,比 iOS 的 44pt 觸控目標更大,因為注視瞄準本身有抖動;二是 hover 狀態要在使用者「一看過去」的瞬間就觸發,提供即時的視覺回饋讓人確認焦點落在哪。要避免需要大幅、費力手臂動作的互動,間接手勢(看+捏)在人因工學上遠優於直接伸手去戳。
舒適區與暈眩:別跟前庭系統作對
暈眩的根源是視覺、前庭(內耳平衡)與本體感覺三者送進大腦的訊號互相矛盾——眼睛看到在動、身體卻感覺沒動,大腦就抗議。設計上有幾條紅線:不要替使用者搖晃或旋轉鏡頭、不要強制轉動視角、不要逼人不停轉圈才能看完內容。內容的擺放也有舒適區:主要內容盡量留在視野中央,水平方向理想是偏離中心 30 度以內,超過 30 度會讓脖子吃力,超過 50 度對多數人來說幾乎轉不到。垂直方向同理,別把重要資訊放在得抬頭或低頭才看得到的地方。移動要平滑、轉場要克制,並用視覺、聲音、觸覺的多感官回饋確認每一次操作,把延遲和物理負擔壓到最低。
🧠 記
- z 軸位置傳達層級語意:近=優先、遠=次要,深度是資訊不是裝飾。
- 人眼一次只對焦一個距離,互動內容放同深度;modal 出現在原視圖距離、主視圖往後推。
- 主要輸入是「眼睛瞄準 + 捏合點擊」,設計成坐著、手放腿上就能操作。
- 可點目標直徑至少 60pt(大於 iOS 的 44pt),因為注視瞄準有抖動。
- hover 要在使用者看過去的瞬間觸發,即時回饋焦點位置。
- 暈眩來自視覺/前庭/本體感覺訊號衝突;別搖鏡頭、別強制轉視角。
- 內容舒適區:水平偏離中心 30 度內為佳,超過 50 度幾乎不可達。
✍️ 實踐
- 盤點你現有介面的層級,試著把它映射到 z 軸:哪些是「近」的主要動作,哪些是「遠」的背景資訊,先用紙筆畫一張深度分層圖。
- 設計 modal 或彈窗時,採 visionOS 的做法——主視圖往後退、彈窗停在原距離,避免使用者眼睛重新對焦。
- 把所有可點元素的命中區放大到至少 60pt 等效尺寸,並為每個元素加上「注視即觸發」的 hover 回饋樣式。
- 重新設計互動姿勢:凡是需要伸長手臂、揮舞或站起來的操作,改成看+捏的間接手勢,讓使用者能坐著完成。
- 做一份「暈眩檢查表」:確認沒有自動搖晃/旋轉鏡頭、沒有強制轉圈、移動皆平滑、關鍵內容都在中央 30 度視野內。
- 為每個關鍵操作補上多感官回饋(視覺+聲音+觸覺其中至少兩項),並用真人短時間試戴驗證是否會頭暈或眼睛累。
🔗 延伸學習
- Designing for visionOS — Apple Human Interface Guidelines
- Q&A: Spatial design for visionOS — Apple Developer
- Design for spatial input — WWDC23
- Spatial UI Design: Tips and Best Practices — IxDF
💬 問 AI
我要把一個 {現有 2D 介面/App 功能} 重新設計成 visionOS 空間介面。請依序幫我:
1) 把介面的資訊層級映射到 z 軸深度,說明哪些元素該近、該遠、以及理由;
2) 指出哪些互動需要改成「注視+捏合」的間接手勢,並標出命中區是否達 60pt;
3) 用一份暈眩與舒適區檢查表評估我的設計(鏡頭運動、視角強制、內容是否在中央 30 度視野內);
4) 給我 3 個最容易讓使用者眼睛疲勞或頭暈的風險點與修正建議。