隨著上周蘋果發布會帶來久違的 One more thing 環節，蘋果的 MR 頭顯產品終于發布了。相信最近大家已經在網上看過非常多的產品分析，但作為設計師，我們可以更聚焦一些，一起來學習它的全新交互方式和視覺設計亮點吧。

這個產品的發布是不是 iPhone 時刻雖然不能確定，但蘋果的號召力不容小覷，我們作為設計師必須做好準備。

為避免篇幅過長，我計劃用 5 篇文章系統性地梳理 Vision pro 在視覺、UI、交互、動效、3D 創意設計等方面的視覺亮點，值得收藏學習。

今天先講講這次宣傳視頻中最吸引我的 10 大視覺設計亮點吧。

更多關于Vision pro的設計：

一、跟隨眼動的圖標設計

圖標設計在風格上延續了其蘋果系列的設計調性及造型特點，以 2D 微質感風格為主，這便于用戶認知遷移和快速上手。

在保持連續性的基礎上，也做了一些針對場景的創新設計。把圖標做了分層設計，目的是當用戶通過眼動觸發了該圖標時，能以分層+投影的形式強化其立體感，給用戶 3D 的場景感，以及具備方向性的交互反饋。

但這一點好像是錘子以前做過的？形式感很類似，錘子是通過手機陀螺儀實現 3D 分層效果，而蘋果這里是為了其眼動反饋。

錘子手機設計師 paco 作品：?https://dribbble.com/shots/3646455-Space-Launcher

為了使得 3D 的效果更自然，蘋果也會通過圖層的邊緣高光和投影來強化多圖層之間的空間感，給用戶帶來更好地視覺效果和反饋。

這里需要說明的是，這種圖層效果是蘋果系統底層自帶的，也就是你在設計的時候是按左邊這種方式去做，切圖放到系統里之后，會自動添加一個類似一個玻璃材質以突出這種微質感和層次感。

二、界面縮放

蘋果這里的縮放交互做的比較巧妙，玩過 VR 設備的朋友都知道，想要操作窗口的時候，窗口底部會也一個小橫條，蘋果這里也有，不過還多了一個小點。

這個小點，給用戶的隱喻是比較好的，意思是可變的橫條效果，便于用戶理解和操作。

三、多窗口界面

多窗口和 FaceTime 很實用，試想下你在和同事分享 PPT，就像在現場一樣，相互可見，云現場辦公的感覺應該會非常不錯。

相比于 Meta 之前推的那種虛擬形象是完全不同的感受。

Meta 出的 VR 多人視頻會議場景圖

把界面多窗口拓展，實現真正的生產力工具，這以后感覺就不需要屏幕了，隨時隨地辦公。

四、漸進式環境切換

蘋果這次的產品，可以在 VR 與 AR 之間絲滑切換。不僅解決了一直以來 VR 和 AR 不相容的發展局面，在效果上也做了一個非常好的漸進式創新。

你可以通過它自定義沉浸程度，選擇虛擬世界與現實世界相融合的程度。

當有人靠近時，會有類似霧的散開效果，不會讓你與真實世界隔離，隨時與真實世界中的人溝通。這個真的很好的解決我之前用 VR 產品的痛點，不用摘下眼鏡那么麻煩了。

五、多設備互聯

蘋果生態做的非常完整，我一直都特別習慣于蘋果產品的多終端互通，vision pro 同樣繼承了這一優勢。

當你看著你的電腦屏幕，就能把電腦中的界面放大顯示到真實世界中，然后還可以繼續用你的電腦鍵盤和鼠標作為輸入設備，相當于多了一個大屏，而且還能設置多個，這個應該也會非常實用。

尤其對于我們設計師來說，經常需要一個屏幕看圖，一個屏幕畫圖，還需要看各種大圖細節，有了這個設備應該就不用買那么顯示器了。

六、自適應電影主題

原來我在用 VR 的時候就想過這個問題，要是看電影的時候，周圍的環境能隨著電影效果改變，那看非 3D 電影的時候沉浸感也一定會非常強了，畢竟純 3D 的 VR 電影資源還是相對少了一些。

這次蘋果果然做到了，在你看電影的時候，會自動結合電影主題，改變環境顯示元素。甚至連 UI 都做了主題化定制，可謂是效果拉滿。

七、電影互動效果

蘋果做到的不僅是環境自適應，在 XR 的環境中，虛擬和真實不再那么割裂的時候，互動電影就該是它獨有的形態。

當電影中的角色把東西扔出來時，它是能真正戴到你的手上，讓你分不清真假。

八、視頻 3D 化

當你看球賽的時候，如果覺得單純看視頻不過癮，你還可以把畫面直接轉換為 3D 球場，讓你看清球員的各個角度的動作，給你一個上帝視角，這個功能真的是非常厲害。

看到的 2D 視頻中的恐龍也能把頭伸出屏幕，效果非常驚人。

九、虛實結合

蘋果真正做到了，與真實世界無縫銜接。雖然你處在虛擬世界，但與真實世界中的人可以隨時互動，還能一起圍觀 3D 模型效果。

也可以隨手在真實世界中畫出 3D 虛擬物件，效果看起來非常好。

十、玻璃材質

界面整體采用了磨砂玻璃的材質效果，會隨著環境的變化產生光影變化。

這種玻璃材質語言，在 MR 場景中效果很不錯，原因是它能讓真實環境中的光透過，讓界面能適應各種光照條件和物理環境，易于擺放和使用。

光線的變化，邊緣高光的細節也會跟隨變化，這個效果做的很細膩。

對于菜單導航，也做流光的選擇效果。

在移動窗口的時候，甚至還會把界面的透明度降低，以方便用戶找準擺放界面的位置，細節處理的非常棒了。

用玻璃材質在 MR 空間中會有不少好處，比如玻璃材質能對環境產生動態變化，很自然的結合到不管是亮的環境還是暗的環境中。

亮色環境

暗色環境

總結

以上所有設計都是為用戶的需求考慮，不單純是設計形式感上的創新，而是真正做到以用戶為中心來設計。科技服務于人，深刻領會這一要點，才是蘋果一直在引領設計趨勢的秘訣。

有黑科技不算特別厲害，把所有這些黑科技全部整合在一起，給用戶帶來優秀的產品，才是真正的了不起。

Apple Vison pro，先不說它算不算新的 iPhone 時刻，但它確實做了非常多的創新，單專利就有 5000 多件。

重新定義了很多新的玩法，比如虛實結合居然還能給其他人展示用戶狀態，也能看到其他人穿透到你的虛擬世界，真正做到虛擬現實的融合；創新的 3D 相機，記錄真正的現實回憶；把工作串到虛擬場景里，可能成為真正意義上的生成力工具等等。

蘋果十年磨一劍，感覺把它很多先前發布的硬件產品能力都傾注在了這個新設備上，比如 airpods 空間音頻，自研 M2 芯片，多設備互聯，高清屏幕，面部識別，蘋果手表等等。

像是繼承了喬布斯的意志：或許你不知道你現在做的這些事有什么意義，但終將有一天能幫到你。

蘋果從來都沒有什么先來后來的概念，也不管世界是 AI 還是元宇宙，它只在乎它的用戶有沒有被產品打動。我覺得這才是真正意義上的理想主義者。

今年才過半，趨勢上就已經有了 2 劑猛料，前有 AI，后有 XR。作為互聯網從業者，必須保持對新趨勢的敏銳度。

記得我去年寫 AI 繪畫教程，那時候它還沒火，寫了教程也沒什么人看，后面火了之后又有不少人在群里問我寫教程，其實你只是稍微對新趨勢保持一點關注力就好了，多多看我寫的文章。

最后想引用庫克說的一段話：

“如同 Mac 將我們帶入個人計算時代，iPhone 將我們帶入移動計算時代，Apple Vision Pro 將帶我們進入空間計算時代。基于 Apple 數十年的創新積累，Vision Pro 是遙遙領先的空前之創，帶來革命性的全新輸入系統和數以千計的創新技術。它為用戶帶來絕佳體驗，并為開發者帶來振奮人心的新機會。”

所以，別再錯過機會了！

如果你有學到，記得分享到你的朋友圈哦~

歡迎關注作者的微信公眾號：「彩云譯設計」