智能眼镜的排版

字体经过优化,可为显示眼镜提供舒适且一目了然的体验,包括优化的字体比例和字体系列特征。

眼镜的字体比例。 Jetpack Compose Glimmer 具有经过优化的默认字体比例。字体角色由两个角色组成,每个角色有 3 种样式,字体角色基于其用途和层次结构。

您可以在 Jetpack Compose Glimmer Figma 套件中找到字体比例角色和值,以及组件中的字体角色用法。

以度为单位

眼镜上的界面(包括文字)以角度(而非像素或点)为单位进行测量。此测量单位对应于界面在用户视野范围中占用的空间。字体大小会根据其显示距离而变化。

设计元素应锚定到帧的底部。

文字的最小尺寸为 0.6°

大多数文本应介于 0.7° - 0.9° 之间。根据易读性研究,在任何给定深度下,可读正文文本的最小大小约为 0.6°。为满足最低易读性指标,文字大小必须至少为 18 像素。30 PPD × 0.6° 最小值 = 18 像素文字大小。

自定义字体

Google Sans Flex 等字体可以针对眼镜显示进行优化。如果使用 Google Sans Flex,您可以通过可变字体轴优化字体,进行调整,从而打造更舒适的阅读体验:

  • 光学尺寸:针对每个字号优化字母形状
  • 用于调整正式程度的圆度轴
  • 丰富的字重和字宽

眼镜显示屏中的光晕和色差会导致光线向各个方向扩散,从而导致字母的边界消失。圆角字母形式可以减轻眼镜显示屏中的光晕和色差,因为它们的字母形式几何形状更简单。考虑字间距、字形形状和一目了然的大小,提高可读性和舒适度。

一款定制的徒步应用。 在这里,Google Sans Flex 已替换为 Nunito,这是一种圆角字体,字重轴值更大。

这些原则基于针对这种特定显示设备外形规格的光学科学,遵循这些原则是打造舒适且易读的用户体验的关键。

使用圆角字体,并增加字重和字间距。
使用紧凑的细体字。