一篇夯实的 VR 设计复盘文章。
一篇夯实的 VR 设计复盘文章。
Google Sans Flex 在 Glimmer 中通过光学尺寸轴进行优化,增大 a、e 等字母的内白空间、调整 i、j 点的位置,并自动优化字距,使一米距离下的文字更易 glanceable。文章对比显示,默认字体在复杂背景下易模糊,而优化版能保持清晰,成为眼镜界面排版的标准选择。
由于界面感知深度约为一米,文字大小不再用像素或点衡量,而是改用视觉夹角(度数)。团队与视觉科学团队合作,确立最小可读角度约为0.6度,并将排版样式设置在此基础之上,确保多数场景下轻松 glanceable。同时利用Google Sans Flex的光学尺寸轴优化字母开口与间距,提升 glance 时的清晰度。
本文中,加性对比度用于衡量显示内容在真实环境下的可见度,计算公式为(环境亮度+显示亮度)除以显示亮度。团队发现高饱和度颜色在现实背景下容易消失,因此Jetpack Compose Glimmer采用中性界面,默认深色表面搭配亮色内容,以在各种光照环境中维持稳定对比和可读性。
Jetpack Compose Glimmer 是 Google 为显示屏 AI 眼镜推出的新设计系统,专为 Android XR 体验打造。它重新定义了界面规则:用深色表面代替黑色(黑色实际透明),内容始终明亮以对抗光晕效应,并采用视觉角度而非像素来设定排版最小尺寸 0.6 度。该系统强调环境融合与低干扰动效,解决传统 Material Design 在透明显示上的失效问题。
文章末尾提到,开发者可通过 Figma Design Kit 获取 Jetpack Compose Glimmer 的设计资源,以便在 Figma 中直接使用该系统的组件、排版和深度规范进行 AI 眼镜界面原型设计,实现从设计到 Android XR 实现的无缝对接。
文章尝试将 Material Design 的卡片、阴影等组件直接移植到透明显示屏,但因其依赖明亮不透明表面和微妙阴影,导致眩光、电池消耗增加及严重光晕,使文字无法阅读。最终放弃该方案,转而采用深色表面加明亮内容的反向策略,以适配加法显示特性并建立新的深度系统。
David Allin Reese是Google高级视觉设计师,负责为显示型AI眼镜开发下一代界面,并主导Jetpack Compose Glimmer这一Android XR新设计系统的推出。本文由他撰写,分享了透明显示屏在色彩、排版、阴影和动画等方面的反直觉行为,以及如何通过重新定义“黑色”为容器、采用暗表面亮内容等策略,打造与现实世界和谐共存的ambient界面。
可左右滑动查看