字体与排版

字体已针对带屏眼镜上的舒适阅读和一眼可读进行了优化,包括字号层级以及字体本身的字形特征。

眼镜字体层级示意图

Jetpack Compose Glimmer 提供了经过优化的默认字体层级,包含两种文字角色,每种角色各有三种样式。文字角色按照用途和信息层级划分。

在 Jetpack Compose Glimmer Figma 套件中,可以查看各文字角色、具体数值,以及它们在组件中的使用方式。

用视角衡量大小

眼镜上的界面,包括文字,以角度而非像素或点来衡量大小。视角表示界面在用户视野中占据多大范围。文字看起来有多大,会随它呈现的距离而变化。

文字大小与视角示意图

文字的最小视角为 0.6°

大多数文字应处于 0.7°–0.9° 的范围。根据可读性研究,在任意给定深度,可读正文的最小视角约为 0.6°。要达到最低可读性指标,文字大小必须至少为 18 px。30 PPD × 最小视角 0.6° = 18 px(文字大小)。

定制字体

Google Sans Flex 等字体可以针对眼镜显示进一步优化。如果使用 Google Sans Flex,可以调整可变字体轴,让阅读体验更舒适:

  • 光学字号:针对不同字号(以点计)优化字形。
  • 圆润程度:通过圆润度轴调整字体的正式感。
  • 字重与字宽:提供较大的调整范围。

眼镜显示中的光晕和色差会使光线向四周扩散,让字形边界消失。圆润字形的几何结构更简单,因此有助于减轻这些影响。结合字距、字形以及一眼可读的大小一起调整,可以提高可读性和舒适度。

定制字体后的徒步应用
这里将 Google Sans Flex 替换为圆润的 Nunito,并提高了字重。

这些原则基于这一显示形态的光学特性。遵循它们,是获得舒适、清楚的阅读体验的关键。

使用圆润字形并增加字重和字距的示例

建议:圆润、较粗,并留出字距

使用圆润字体,适当增加字重和字距。

窄体细字重的反例

避免:窄体、细字重的字体

不要使用窄体且字重较细的字体。