字體排版

字體排版樣式可協助您定義 UI 的資訊階層和功能。選擇字體排版也可能大幅影響易讀性,因此是開車時考量的一項重要因素。

指引總覽 (重點摘要):

  • 使用 Android Automotive OS 字體排版縮放比例的顯示、內文和子文字
  • 內文大小下限為 24dp – 保留子文字大小用於非重要資訊
  • 使用 4-dp 格線進行對齊
  • 套用樣式屬性來建立效果 (支援階層、聚焦焦點)
  • 請謹慎使用中等字型粗細,並避免使用粗體

縮放和格線參照

使用 Android Automotive OS 字體排版和輸入格線,確保顯示文字、內文和子文字在各種層級中都能呈現一致且一目瞭然的文字。

Android Automotive OS 字體排版比例

此比例顯示 Android Automotive OS 的九個預設層級顯示文字、內文和子文字所用的字型、字型大小和行高。 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
字體排版

建議做法

請謹慎使用中等字型粗細。如果需要強調主要文字或有效文字 (在本例中為「最近使用」分頁),或想建立視覺階層結構,請加以儲存。
字體排版

錯誤做法

粗體字型粗細 (適用於所有文字) 較中等粗細,因此較不易讀,因此應避免使用。