Apple visionOS UI設計規(guī)范
果發(fā)布首款 MR 設備 Vision Pro,正在倡導用于Vision Pro在真實空間中顯示應用程序窗口和內容“空間用戶界面設計”,蘋果的設計團隊解釋了開發(fā)人員應該知道的空間用戶界面設計的原則。
visionOS
UI設計規(guī)范(sketch源文件下載hereitis.cn/articleDetails/1545)
支持:sketch
Vision Pro中安裝的visionOS操作系統(tǒng)的是其最大的特征是應用程序圖標是三維呈現的。

應用程序圖標由一個背景層和一兩個前景層組成,最多三個:各層為正方形,1024×1024像素,重疊后切成直徑1024像素的圓,成為圖標。


蘋果的設計團隊說:“visionOS主要是用眼睛和手進行操作,所以創(chuàng)造一種身體舒適和安全性優(yōu)先的體驗是很重要的。比以往任何時候都要考慮到人體工程學來配置內容,以免引起眼睛和脖子的疲勞?!盪I 設計要求上、下、左和右留出足夠的空白區(qū)域,以方便人們查看。

visionOS 窗口使用半透明玻璃特效,可讓光線以及現實和虛擬對象透過顯示。玻璃窗口會讓用戶覺得你的內容與周圍融為一體,同時使用鏡面反射和陰影來傳達窗口的縮放和位置。使用默認樣式創(chuàng)建窗口時,你會自動獲得玻璃背景。

至于系統(tǒng)字體,類型與iOS和iPadOS相同,但為了提高可讀性,稍微變粗了

對于按鈕,建議將其高度和寬度設置為至少 60pt的大小。對于 44 pt大小按鈕(這是一種常見尺寸),您可以在頂部、底部、左側和右側設置 8 pt的邊距。這將在視覺上提供按鈕之間的 16pt分隔。這個縱橫60pt的個設置,可以更輕松地在 visionOS 窗口中進行選擇。

此外,通過用手指直接觸摸出現在空間中的虛擬鍵盤,您可以像使用物理鍵盤一樣使用它。

另一方面,visionOS Photos應用程序將標簽欄縱向放置在左側的固定位置。它位于左側,以便平時不受妨礙,但是如果您查看此選項卡欄,它將自動展開以顯示每個部分的標簽。當您將視線從放大的標簽欄移開時,它會自動關閉,讓您再次專注于內容。

visionOS作為Apple全新的體驗方案,在交互設計以及視覺、動態(tài)、信息表現形式等多維度做出了全面的設計方案!