在官方交互設計指南之前,我們團隊已經在開發AndroidXR的系統產品了,當然我也在一直關注Google AI glasses 以及project aura設備的上架。 因為這2個設備才是真正的意味著可以觸及到普通消費者,而在春節期間,谷歌官方更新了AndroidXR在AIglasses的設計規范,我們詳細閱讀了這篇文章,將其可用的官方指南作為我們的設計指南。
![]()
我第一時間看到了并且將其分享給身邊那些打算做空間計算的朋友,看看AndroidXR與vision OS的區別。 1.談透明屏設計:讓虛擬與現實在眼前共存
—— 來自 Jetpack Compose Glimmer 團隊的設計實踐分享
當我們談論界面設計時,傳統總是從一個固定的容器開始 —— 手機、平板、電腦屏幕。設計師往往填充屏幕的矩形區域,排列內容、布局元素。但如果屏幕不是屏幕?如果我們面前看到的“畫布”,不是一塊黑色矩形,而是現實世界本身?這就是設計透明屏的核心挑戰。
![]()
本文來自 Google 設計師 David Allin Reese 及 Jetpack Compose Glimmer 團隊,講述他們如何為顯示式 AI 眼鏡這種新型透明屏界面重新構建設計語言。
2.重新定義界面:現實即畫布
普通屏幕的界面設計依賴于容器(屏幕矩形、柵格、層次結構),但透明屏不同:界面并不浮于一塊固態屏幕之上,而是直接疊加在現實世界之上。你看到的不再是統一暗背景,而是千變萬化的真實環境 —— 天空、街道、人臉、風景。如何在這樣的背景上層疊界面?如何不讓 UI 成為視覺噪音?這是設計師面臨的新問題。
設計的首要目標從“填滿屏幕”轉向“尊重世界”:界面需要恰到好處地出現,在用戶需要時出現,用戶不需要時消失。
2.界面不是貼在鏡片上,而是在視野中投射
透明屏界面并非直接貼在眼鏡鏡片上,而是“投射”到大約 1 米遠的虛擬空間。也就是說,用戶在閱讀內容時需要有意識地將視線從現實世界轉移到這個深度平面。這不是無意識的一瞥,而是一個物理的、不可忽視的注意力移動。設計必須具備吸引用戶注意力的能力,同時保持界面與現實世界的融合。
這個距離感不僅是技術限制,更是影響視覺可讀性的關鍵因素。界面必須清晰、直觀,讓用戶一瞥就懂,而不是漫長聚焦。
3.光與顏色:重新理解“黑”和對比度
在透明顯示技術上,“黑色不是顏色,它是透明”。這不是設計風格,而是物理現實 —— 這種顯示只能添加光線、不能阻擋光線。所以原來在平板和手機上習以為常的設計套路(大量明亮色塊、柔和對比、陰影)在透明屏上完全失效。
![]()
嘗試將傳統 Material Design 的色彩系統直接移植到透明顯示上,會遇到兩個問題:
![]()
高亮面會發出刺眼光暈(halation),文本模糊難辨。
飽和色在真實背景下消失或失真,無法提供穩定對比。
解決思路:
使用深色表面 + 明亮內容:深色作為“虛擬容器”,能提供穩定可讀的對比;亮色文本和圖標更易辨識。
將“黑”定義為 UI 的基礎語義:它不是顏色,而是“無光”容器。
設計更加中性、穩定的色彩體系,以適應真實世界亮度和色彩動態變化。
在透明顯示中,標準的字號、像素密度概念不再適用。取而代之的是 視覺角度(visual angle) —— 用戶從約 1 米遠閱讀界面時,字體大小看起來有多大。視覺角度遠比像素更決定可讀性。
![]()
Google 設計團隊與視覺科學團隊合作,確定了最低可讀視覺角度,并根據此構建了可在多種環境下保持清晰的字體體系。此外,他們對 Google Sans Flex 進行了字間距與光學尺寸調整,以增強透明界面的閱讀體驗。
5. 動效:引導注意,而不是吸引注意
在透明顯示中,動效不是為了炫酷,而是為了自然引導注意力的轉移。UI 出現、消失、移動的動畫必須尊重人的注意心理:
![]()
過快的轉場會錯失用戶注意力;
完全靜態又難以捕獲視線。
設計團隊發現,一些界面動畫需要比傳統界面長得多的時間,以便在用戶周圍真實環境干擾下仍然保持可感知和不突兀。
![]()
6.設計哲學:讓技術輔助,而不是占據視野
透明屏設計的核心,不是把信息塞滿用戶視野,而是 在用戶需要時出現,在不需要時消失;不是“覆蓋現實”,而是“增強現實”。設計要尊重人的注意力、理解人類視覺習慣,并與真實世界達成和諧共存。
![]()
總結:三大設計啟示
界面與現實共存:不再是邊框矩形,而是投射視野中的層次空間。
重新定義色彩與對比:黑=透明;深色容器 + 亮內容更易閱讀。
視覺角度重于像素密度:實際閱讀體驗來自視角,而非像素本身。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.