字體排版

透過集合功能整理內容 你可以依據偏好儲存及分類內容。

字體排版 (或文字樣式) 是用來表示文字階層,以及在 UI 中運作方式。用於行車環境的字型排版應優先顯示清晰度。

資訊一覽:

  • 使用 Android Auto 字體比例的顯示、內文和子文字
  • 內文長度下限為 24 dp - 為非小組資訊保留預留文字大小
  • 使用 4dp 格線對齊
  • 套用樣式屬性以建立效果 (支援階層、焦點)
  • 請謹慎使用中等字型的粗細,並避免使用粗體

縮放和格線參照

Android Auto 字體排版和排版格線可以針對多種顯示文字、內文和子文字大小,提供一致且一目瞭然的文字樣式組合。

Android Auto 字體排版

型式縮放提供了顯示文字、內文和子文字的九種樣式,每種樣式都有指定的字型、字型大小和行高。

雖然 Android Auto 的內文文字大小下限為 24dp,但您可以使用低於 24dp 的子文字大小。由於這個子文字大小不容易瀏覽,因此應保留給非小組的資訊 (例如狀態列內容)。

類型調整
以此縮放比例顯示的字型資訊,格式如下:(字型大小名稱) (類型大小) / (行高)。類型大小和行高的值以點 (pt) 表示。

設定格線和基準參考資料

所有類型樣式都會顯示在 4dp 格線中。格線能確保文字平均縮放且垂直間距,以 4dp 遞增建立一致的視覺階層。

縮放比例為 4dp
Android Auto 體重計的設計旨在配合 4dp 字型大小調整。

指南與範例

為 UI 文字套用一致的比例和樣式,將有助於:

  • 所有文字必須清晰可讀
  • 傳達文字元素之間的視覺階層
  • 將注意力放在最重要的位置

下列指南說明如何正確套用 Android Auto 比例和樣式。

正在套用規模

Google Sans 應用於 32dp 及以上的大小大小。Roboto 可在其他任何位置使用,因此尺寸較小。

類型系列
這個範例顯示不同字型的 Google Sans 和 Roboto 使用方式。

示例

請這麼做

如果使用最適合大型文字 (例如 Google Sans) 的顯示字型,請確保字型大小為 32dp 以上。使用 Roboto 來處理較小的次要文字,因為其大小在 32dp 以下。

Don't

如果文字大小較小,無法判斷內容清晰可讀,請不要使用 Google Sans。

套用樣式

每個字體樣式都是由一組縮放比例和屬性 (例如顏色、不透明度和字型粗細) 組成。無論目標是集中註意力還是減少強調,這些屬性都可以加到任何類型的樣式中,以產生效果。

這個範例中的標題樣式包含主體 1 縮放 (定義字型大小和行高),並由其他顏色、透明度和粗細屬性修改。

示例

字體排版文字大小
a. 內文 3
b. 內文 2
c. 內文 1
字體排版文字大小
a. 內文 2
b. 多媒體廣告 3
c. 內文 2
字體排版

請這麼做

請謹慎使用中等字型的粗細。請在需要強調主要或有效文字 (例如本例中的「近期」分頁) 或建立視覺階層時儲存內容。
字體排版

Don't

與字型的粗細相比,粗體字型字型粗細 (本例中的所有文字) 較少,建議避免使用。