排版

排版或文本样式用于表达文本的层次结构及其在界面中的工作方式。驾驶环境中的字体排版应优先考虑易读性。

资讯一览

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

缩放和网格引用

Android Auto 排版缩放和排版网格提供一系列易于查看的文本样式,适用于一系列显示文本、正文文本和辅助文本大小。

Android Auto 排版缩放

字体比例可提供 9 种显示文本、正文和辅助文本样式,每种样式均有指定的字体、字体大小和行高。

虽然 Android Auto 的最小正文文本大小为 24dp,但应谨慎使用 24dp 以下的辅助文本类型大小。由于此辅助文本大小不易一目了然,因此应将其预留用于非关键信息,例如状态栏内容。

字体比例
此刻度中的字体信息按以下格式编写:(字体名称)(字体大小)/(行高)。类型大小和行高的值以点 (pt) 为单位显示。

排版网格和基准参考文档

所有类型样式均显示在 4dp 网格上。此网格可确保文本均匀缩放并垂直间隔,从而以 4dp 为增量形成一致的视觉层次结构。

在 4dp 网格上缩放
Android Auto 缩放旨在适应 4dp 的字体大小调整。

指南和示例

为界面文本采用一致的缩放比例和样式有助于:

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

以下指南演示了如何正确应用 Android Auto 缩放和样式。

正在应用体重秤

对于大小为 32dp 和更大的字体,应使用 Google Sans。Roboto 在其他任何地方都适用,因为它在较小的屏幕上清晰可辨。

类型系列
此示例展示了在排版比例不同的不同级别使用 Google Sans 和 Roboto 的情况。

示例

正确做法

在使用最适合大号字体(如 Google Sans)的显示字体时,请保持字体大小不超过 32dp。对于较小的次要文本,请使用 Roboto,因为 Roboto 可在低于 32dp 的尺寸时保持良好的可辨度。

错误做法

如果文字大小不理想,则无法使用小号字体的 Google Sans。

应用样式

每个排版样式都由一组比例和属性(例如颜色、不透明度和字体粗细)组成。无论意图是聚焦还是降低强调效果,这些属性都可以添加到任何类型的样式中来产生效果。

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

示例

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

正确做法

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

错误做法

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