Google Design 本週發表了一篇有趣的文章,主題為「為透明屏幕設計」,探討了 Jetpack Compose Glimmer 的設計,這是 Android XR 顯示 AI 眼鏡的設計系統。對於未曾使用過具顯示功能的智能眼鏡的用戶來說,首先需要了解的是「介面並不會直接出現在鏡片的表面上」。相反,它是在大約一米的感知深度中投影的。此外,顯示區域呈正方形。用戶可以通過「將手放在眼前的手臂長度處,並專注於手指」,來獲得對這種顯示效果的理解。在這種情況下,「手背後和周圍的環境會變得模糊」,如下面的視頻所示。
這對我們的 Android XR 設計團隊而言是一個非常重要的發現。聽起來似乎是個小細節,但這意味著用戶在閱讀任何內容時,必須有意識地轉移注意力。用戶需要將視線從現實世界——例如朋友的面孔、壯觀的日落或前方的街道——轉移到這個一米的焦點平面上。這並不是一個被動的瞥一眼,而是主動的物理選擇,即使這只是短暫的一瞬間。
在這種顯示技術上,運動不能「分散注意力或多餘」。Google 在通知方面的研究發現,典型的動作過渡約為 500 毫秒,顯得過於迅速。用戶的注意力未能被緩慢地吸引,通知便會突然出現。最終,Android XR 採用的實現方式讓進入的通知過渡時間約為兩秒,期間圓形的個人圖標會擴展成藥丸形狀。
在文字方面,Google Sans Flex 的光學大小軸被用來提升在一米距離的可讀性:字母如 a 和 e 的內部圓孔較大,而 j 和 i 的點則遠離字母本體。建議使用粗體字體和增加字母間距,文字的測量以視角(度數)為單位,而非像素或點數。這可以類比於在高速公路行駛時,看到的出口標誌或限速標誌,文本和圖形以固定大小印刷,但隨著距離的變化,文本的大小在視覺上會有顯著的變化。
這些眼鏡使用的是加法顯示技術,只能增加光線,無法創造黑色,而黑色在這裡顯示為 100% 透明。Google 將其比作「家庭投影機無法投影黑色」。這在 Google 最初嘗試移植現有的 Material 組件時造成了問題:Material Design 的設計依賴於明亮、致密的表面和細微的陰影,而在加法顯示上,這些「表面」變成了大型、明亮的光塊,造成了分散注意力的眩光,並迅速耗盡電池壽命。
我們很快發現了另一個顯著的問題:光暈效應。光暈是指明亮的光源向鄰近的較暗區域擴散,形成模糊的光環。在這些顯示器上,明亮的表面會滲透到透明內容中,導致文本變得完全無法辨識。Google 的解決方案是「使用黑色來提供清晰可讀的基底」,並結合「新的深度系統,投射深邃且豐富的陰影,以傳達遮蔽和空間感」。此外,「在手機上通常使用的高飽和顏色在現實世界中會完全消失」。因此,Android XR 的用戶界面預設為「中性,以便與多樣化的現實顏色協調」。顏色則被謹慎使用,以引起對按鈕和其他重要元素的注意。Glimmer 中的表面始終呈現暗色,而內容則始終保持明亮。這種高對比的預設是我們在大多數環境中保持可讀性的基礎。




