字體排版樣式可協助您定義 UI 的資訊階層和功能。選擇字體排版也可能大幅影響易讀性,因此是開車時考量的一項重要因素。
指引總覽 (重點摘要):
- 使用 Android Automotive OS 字體排版縮放比例的顯示、內文和子文字
- 內文大小下限為 24dp – 保留子文字大小用於非重要資訊
- 使用 4-dp 格線進行對齊
- 套用樣式屬性來建立效果 (支援階層、聚焦焦點)
- 請謹慎使用中等字型粗細,並避免使用粗體
縮放和格線參照
使用 Android Automotive OS 字體排版和輸入格線,確保顯示文字、內文和子文字在各種層級中都能呈現一致且一目瞭然的文字。
Android Automotive OS 字體排版比例
此比例顯示 Android Automotive OS 的九個預設層級顯示文字、內文和子文字所用的字型、字型大小和行高。 Android Automotive OS 的類型大小下限為 24dp。小於 24dp 的大小不易察覺,而且應謹慎使用自動環境。文字大小最適合用於非行政或第三級資訊,例如狀態列內容。
![輸入比例](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-scale2.png?authuser=6&hl=zh-tw)
字體排版和基準參考資料
根據 4dp 格線來維持縮放比例和垂直節奏,有助於維持一致性和視覺階層。
![在 4dp 格線上縮放](https://developers.google.cn/cars/design/automotive-os/design-system/images/4dp-grid.png?authuser=6&hl=zh-tw)
指南與範例
為字體排版選擇套用比例和樣式,有以下優勢:
- 確保所有文字都清晰易讀
- 襯托文字元素之間的視覺階層
- 將注意力放在最重要的位置
每個樣式都包含一組由比例定義的值以及其他屬性。這些屬性包括字型粗細、顏色和透明度值,且可加到任何類型大小中,建立想要的效果,例如聚焦。
![](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-style.png?authuser=6&hl=zh-tw)
範例
![字體排版文字大小](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-1.png?authuser=6&hl=zh-tw)
b. 內文 2
c. 內文 1
![字體排版文字大小](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-2.png?authuser=6&hl=zh-tw)
b. 內文 1
c. 內文 1
![字體排版](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-do2.png?authuser=6&hl=zh-tw)
建議做法
![字體排版](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-dont2.png?authuser=6&hl=zh-tw)
錯誤做法