在官方交互设计指南之前,我们团队已经在开发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.