排版

排版样式有助于定义界面的信息层次结构和功能。排版选择也会显著影响可辨度,这对于驾驶来说是一项重要的考虑因素。

指南一览表 (TL:DR)

  • 使用 Android Automotive OS 排版缩放中的显示、正文和辅助文本
  • 正文大小下限为 24dp - 请为非关键信息保留辅助文本大小
  • 使用 4 dp 网格对齐
  • 应用样式属性以创建效果(支持层次结构、焦点注意力)
  • 谨慎使用中等字体粗细,避免使用粗体

缩放和网格引用

使用 Android Automotive OS 排版比例和字体排版网格,确保各行文本在显示文本、正文文本和辅助文本中呈现一致且一目了然。

Android Automotive OS 排版缩放

此缩放比例用于显示 Android Automotive OS 中使用的 9 种默认显示文本、正文和辅助文本的字体、字体大小和行高。 Android Automotive OS 的类型类型下限为 24dp。低于 24dp 的尺寸不容易一目了然,在自动上下文中应谨慎使用。辅助文本大小最适合用于非关键信息或第三级信息,例如状态栏内容。

字体比例
此范围内字体信息的格式为:(字体名称)(字体大小)/(行高)。类型尺寸和行高的值以点 (pt) 为单位显示。

排版网格和基准参考文档

保持基于 4dp 网格的缩放和垂直节奏有助于保持一致的视觉层次结构。

在 4dp 网格上缩放
Android Automotive OS 缩放是为了适应 4dp 的字体大小调整而设计的。

指南和示例

将排版和样式应用于排版选择可以帮助您:

  • 确保所有文字清晰易读
  • 在文本元素之间传递视觉层次结构
  • 将注意力放在最重要的位置

每个样式由由标尺和其他属性定义的一组值组成。这些属性包括字体粗细、颜色和不透明度值,可以添加到任何类型的大小以产生所需的效果,例如集中注意力。

此示例中的标题样式由正文 1 缩放(定义字体大小和行高)组成,通过颜色、不透明度和粗细的其他属性进行修改。

示例

排版文字大小
a. 正文 3
b. 正文 2
c. 正文 1
排版文字大小
a. 展示广告 2
b. 正文 1
c. 正文 1
排版

正确做法

谨慎使用中等字体粗细。请在需要强调主要或活动文本(在此示例中为“最近用过”标签页)时或设置视觉层次结构时使用。
排版不支持

错误做法

采用粗体字粗细(适用于此示例中的所有文字)比中等粗细更易于辨识,应避免使用。