在官方交互設(shè)計(jì)指南之前，我們團(tuán)隊(duì)已經(jīng)在開(kāi)發(fā)AndroidXR的系統(tǒng)產(chǎn)品了，當(dāng)然我也在一直關(guān)注Google AI glasses 以及project aura設(shè)備的上架。 因?yàn)檫@2個(gè)設(shè)備才是真正的意味著可以觸及到普通消費(fèi)者，而在春節(jié)期間，谷歌官方更新了AndroidXR在AIglasses的設(shè)計(jì)規(guī)范，我們?cè)敿?xì)閱讀了這篇文章，將其可用的官方指南作為我們的設(shè)計(jì)指南。

我第一時(shí)間看到了并且將其分享給身邊那些打算做空間計(jì)算的朋友，看看AndroidXR與vision OS的區(qū)別。 1.談透明屏設(shè)計(jì)：讓虛擬與現(xiàn)實(shí)在眼前共存

—— 來(lái)自 Jetpack Compose Glimmer 團(tuán)隊(duì)的設(shè)計(jì)實(shí)踐分享

當(dāng)我們談?wù)摻缑嬖O(shè)計(jì)時(shí)，傳統(tǒng)總是從一個(gè)固定的容器開(kāi)始 —— 手機(jī)、平板、電腦屏幕。設(shè)計(jì)師往往填充屏幕的矩形區(qū)域，排列內(nèi)容、布局元素。但如果屏幕不是屏幕？如果我們面前看到的“畫(huà)布”，不是一塊黑色矩形，而是現(xiàn)實(shí)世界本身？這就是設(shè)計(jì)透明屏的核心挑戰(zhàn)。

本文來(lái)自 Google 設(shè)計(jì)師 David Allin Reese 及 Jetpack Compose Glimmer 團(tuán)隊(duì)，講述他們?nèi)绾螢轱@示式 AI 眼鏡這種新型透明屏界面重新構(gòu)建設(shè)計(jì)語(yǔ)言。

2.重新定義界面：現(xiàn)實(shí)即畫(huà)布

普通屏幕的界面設(shè)計(jì)依賴(lài)于容器（屏幕矩形、柵格、層次結(jié)構(gòu)），但透明屏不同：界面并不浮于一塊固態(tài)屏幕之上，而是直接疊加在現(xiàn)實(shí)世界之上。你看到的不再是統(tǒng)一暗背景，而是千變?nèi)f化的真實(shí)環(huán)境 —— 天空、街道、人臉、風(fēng)景。如何在這樣的背景上層疊界面？如何不讓 UI 成為視覺(jué)噪音？這是設(shè)計(jì)師面臨的新問(wèn)題。

設(shè)計(jì)的首要目標(biāo)從“填滿(mǎn)屏幕”轉(zhuǎn)向“尊重世界”：界面需要恰到好處地出現(xiàn)，在用戶(hù)需要時(shí)出現(xiàn)，用戶(hù)不需要時(shí)消失。

2.界面不是貼在鏡片上，而是在視野中投射

透明屏界面并非直接貼在眼鏡鏡片上，而是“投射”到大約 1 米遠(yuǎn)的虛擬空間。也就是說(shuō)，用戶(hù)在閱讀內(nèi)容時(shí)需要有意識(shí)地將視線從現(xiàn)實(shí)世界轉(zhuǎn)移到這個(gè)深度平面。這不是無(wú)意識(shí)的一瞥，而是一個(gè)物理的、不可忽視的注意力移動(dòng)。設(shè)計(jì)必須具備吸引用戶(hù)注意力的能力，同時(shí)保持界面與現(xiàn)實(shí)世界的融合。

這個(gè)距離感不僅是技術(shù)限制，更是影響視覺(jué)可讀性的關(guān)鍵因素。界面必須清晰、直觀，讓用戶(hù)一瞥就懂，而不是漫長(zhǎng)聚焦。

3.光與顏色：重新理解“黑”和對(duì)比度

在透明顯示技術(shù)上，“黑色不是顏色，它是透明”。這不是設(shè)計(jì)風(fēng)格，而是物理現(xiàn)實(shí) —— 這種顯示只能添加光線、不能阻擋光線。所以原來(lái)在平板和手機(jī)上習(xí)以為常的設(shè)計(jì)套路（大量明亮色塊、柔和對(duì)比、陰影）在透明屏上完全失效。

嘗試將傳統(tǒng) Material Design 的色彩系統(tǒng)直接移植到透明顯示上，會(huì)遇到兩個(gè)問(wèn)題：

• 高亮面會(huì)發(fā)出刺眼光暈（halation），文本模糊難辨。

• 飽和色在真實(shí)背景下消失或失真，無(wú)法提供穩(wěn)定對(duì)比。

解決思路：

• 使用深色表面 + 明亮內(nèi)容：深色作為“虛擬容器”，能提供穩(wěn)定可讀的對(duì)比；亮色文本和圖標(biāo)更易辨識(shí)。

• 將“黑”定義為 UI 的基礎(chǔ)語(yǔ)義：它不是顏色，而是“無(wú)光”容器。

• 設(shè)計(jì)更加中性、穩(wěn)定的色彩體系，以適應(yīng)真實(shí)世界亮度和色彩動(dòng)態(tài)變化。

在透明顯示中，標(biāo)準(zhǔn)的字號(hào)、像素密度概念不再適用。取而代之的是 視覺(jué)角度（visual angle） —— 用戶(hù)從約 1 米遠(yuǎn)閱讀界面時(shí)，字體大小看起來(lái)有多大。視覺(jué)角度遠(yuǎn)比像素更決定可讀性。

Google 設(shè)計(jì)團(tuán)隊(duì)與視覺(jué)科學(xué)團(tuán)隊(duì)合作，確定了最低可讀視覺(jué)角度，并根據(jù)此構(gòu)建了可在多種環(huán)境下保持清晰的字體體系。此外，他們對(duì) Google Sans Flex 進(jìn)行了字間距與光學(xué)尺寸調(diào)整，以增強(qiáng)透明界面的閱讀體驗(yàn)。

5. 動(dòng)效：引導(dǎo)注意，而不是吸引注意

在透明顯示中，動(dòng)效不是為了炫酷，而是為了自然引導(dǎo)注意力的轉(zhuǎn)移。UI 出現(xiàn)、消失、移動(dòng)的動(dòng)畫(huà)必須尊重人的注意心理：

• 過(guò)快的轉(zhuǎn)場(chǎng)會(huì)錯(cuò)失用戶(hù)注意力；

• 完全靜態(tài)又難以捕獲視線。

設(shè)計(jì)團(tuán)隊(duì)發(fā)現(xiàn)，一些界面動(dòng)畫(huà)需要比傳統(tǒng)界面長(zhǎng)得多的時(shí)間，以便在用戶(hù)周?chē)鎸?shí)環(huán)境干擾下仍然保持可感知和不突兀。

6.設(shè)計(jì)哲學(xué)：讓技術(shù)輔助，而不是占據(jù)視野

透明屏設(shè)計(jì)的核心，不是把信息塞滿(mǎn)用戶(hù)視野，而是 在用戶(hù)需要時(shí)出現(xiàn)，在不需要時(shí)消失；不是“覆蓋現(xiàn)實(shí)”，而是“增強(qiáng)現(xiàn)實(shí)”。設(shè)計(jì)要尊重人的注意力、理解人類(lèi)視覺(jué)習(xí)慣，并與真實(shí)世界達(dá)成和諧共存。

總結(jié)：三大設(shè)計(jì)啟示

1. 界面與現(xiàn)實(shí)共存：不再是邊框矩形，而是投射視野中的層次空間。

2. 重新定義色彩與對(duì)比：黑=透明；深色容器 + 亮內(nèi)容更易閱讀。

3. 視覺(jué)角度重于像素密度：實(shí)際閱讀體驗(yàn)來(lái)自視角，而非像素本身。