视觉样式

让界面清晰、易读,尽量减少干扰。

带屏眼镜的近眼显示区域很小,视觉设计需要围绕这一限制展开:强调清晰、易读和低干扰,同时牢记用户的主要注意力仍在现实世界。视觉元素应轮廓清楚、对比鲜明,只在有需要时出现,在不再相关时迅速淡出。

设计元素应固定在画面底部。

Jetpack Compose Glimmer 采用精简的主题体系,让内容在眼镜上清楚可见。可以定制颜色和字体,以传达不同含义,并保持应用自身的视觉一致性。

Compose Glimmer 配色示意图
Compose Glimmer 提供一套配色方案。
Compose Glimmer 字体层级与样式
Compose Glimmer 提供自己的字体层级。
Compose Glimmer 圆角样式
Compose Glimmer 的形状样式包含三档圆角大小。
圆角形状示例

建议:使用圆角

使用圆角,避免组件的角部吸走用户的注意力。

过度使用尖锐转角的反例

避免:过度定制尖锐形状

尖锐转角容易形成吸引视线停留的局部区域;在沉浸式和增强现实体验中,这种影响更加明显。