タイポグラフィ

タイポグラフィ スタイルは、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 の情報として最適です。

タイプスケール
このスケールのフォント情報の形式は、(フォント名)(文字サイズ)/(行の高さ)です。タイプのサイズと行の高さの値はポイント(pt)で表示されます。

書体設定グリッドとベースライン リファレンス

4 dp グリッドに基づくスケールと垂直方向のリズムを維持することで、一貫性を保ち、視覚的な階層を構築できます。

4 dp グリッドに拡大縮小
Android Automotive OS スケールは、4 dp のフォントサイズの増加に対応するように設計されています。

ガイダンスと例

タイポグラフィの選択に縮尺とスタイルを適用すると、次のことが可能になります。

  • すべてのテキストを読みやすくする
  • テキスト要素間に視覚的な階層を伝える
  • 最も重要な部分に注目を集める

各スタイルは、縮尺と追加の属性で定義された一連の値で構成されます。これらの属性には、フォントの太さ、色、不透明度の値が含まれ、任意の文字サイズに追加して、注意を引くなどの望ましい効果を生み出すことができます。

この例のタイトル スタイルは、本文 1 のスケール(フォントサイズと行の高さを定義)で構成され、色、不透明度、太さの追加属性で変更されています。

タイポグラフィのテキストサイズ
a. 本文 3
b. 本文 2
c. 本文 1
タイポグラフィのテキストサイズ
a. ディスプレイ 2
b. 本文 1
c. 本文 1
タイポグラフィ する

推奨

中程度のフォントの太さは控えめにします。メインのテキストやアクティブなテキスト(この例の [最近] タブなど)を強調する必要がある場合や、視覚的な階層を作成する場合のために、このファイルを保存します。
タイポグラフィの禁止事項

非推奨

太字のフォントの太さ(この例のすべてのテキストに適用される)は、中程度の太さよりも読みにくいため、回避する必要があります。