タイポグラフィ スタイルは、UI の情報階層と機能を定義するのに役立ちます。タイポグラフィの選択も読みやすさに大きな影響を与える可能性があり、これは運転に関する重要な考慮事項です。
概要(要約):
- Android Automotive OS のタイポグラフィ スケールのディスプレイ、本文、サブテキストを使用する
- 本文のテキストの最小サイズは 24 dp である – 重要でない情報のためにサブテキスト サイズを予約する
- 配置に 4 dp グリッドを使用する
- スタイル属性を適用して効果を生み出す(サポート階層、フォーカス アテンション)
- 中程度のフォントの太さは控えめにし、太字は避ける
スケールとグリッドの参照
Android Automotive OS のタイポグラフィ スケールとタイプセット グリッドを使用して、表示テキスト、本文、サブテキストのさまざまなレベルで、外観とひと目でわかるテキストに一貫性を持たせます。
Android Automotive OS のタイポグラフィ スケール
このスケールは、Android Automotive OS で使用される表示テキスト、本文、サブテキストの 9 つのデフォルト レベルで使用されるフォント、フォントサイズ、行の高さを示します。 Android Automotive OS のタイプの最小サイズは 24 dp です。24 dp 未満のサイズはひと目で把握しにくいため、Auto のコンテキストでは控えめに使用する必要があります。サブテキストのサイズは、ステータスバーのコンテンツなど、重要ではない情報または第 3 の情報として最適です。
![タイプスケール](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-scale2.png?authuser=6&hl=ja)
書体設定グリッドとベースライン リファレンス
4 dp グリッドに基づくスケールと垂直方向のリズムを維持することで、一貫性を保ち、視覚的な階層を構築できます。
![4 dp グリッドに拡大縮小](https://developers.google.cn/cars/design/automotive-os/design-system/images/4dp-grid.png?authuser=6&hl=ja)
ガイダンスと例
タイポグラフィの選択に縮尺とスタイルを適用すると、次のことが可能になります。
- すべてのテキストを読みやすくする
- テキスト要素間に視覚的な階層を伝える
- 最も重要な部分に注目を集める
各スタイルは、縮尺と追加の属性で定義された一連の値で構成されます。これらの属性には、フォントの太さ、色、不透明度の値が含まれ、任意の文字サイズに追加して、注意を引くなどの望ましい効果を生み出すことができます。
![](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-style.png?authuser=6&hl=ja)
例
![タイポグラフィのテキストサイズ](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-1.png?authuser=6&hl=ja)
b. 本文 2
c. 本文 1
![タイポグラフィのテキストサイズ](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-2.png?authuser=6&hl=ja)
b. 本文 1
c. 本文 1
![タイポグラフィ する](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-do2.png?authuser=6&hl=ja)
推奨
![タイポグラフィの禁止事項](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-dont2.png?authuser=6&hl=ja)
非推奨