Google は、黒人コミュニティに対する人種平等の促進に取り組んでいます。取り組みを見る

付録 B、カスタマイズのガイドライン

Car UI のカスタマイズを可能な限り効率的に進めるには、次の値を使用して、画面上のコンテンツの視認性と機能性に関する想定事項を定義します。

一般的なガイドライン

このセクションの制限事項は、レイアウトに関係なく適用されます。

アイテム ガイドライン

タイポグラフィ

  • タブテキスト ラベルの幅は、少なくとも 6 文字の「W」を表示できるだけの値にする必要があります。
  • テキスト コンテナの高さは、1 文字の「H」を完全に表示できるだけの値にする必要があります。
  • テキストサイズは降順にする必要があります。
    例: car_ui_body_1 > car_ui_body_2 > car_ui_body_3

コントラスト

  • フォアグラウンド(テキスト)とバックグラウンドのコントラストは 4.5:1 以上にする必要があります。
  • ボタンの色とバックグラウンドのコントラストは 3:1 以上にする必要があります。
  • 選択状態のタブのバックグラウンドとのコントラストは 4.5:1 以上にする必要があります。
  • 選択状態のタブと選択解除状態のコントラストは、3:1 以上にする必要があります。

その他

  • アイコンはすべてベクター型ドローアブルにする必要があります。
  • タップ ターゲットの幅は 76 dp 以上にする必要があります。
  • パディング定数は降順にする必要があります。
    例: car_ui_padding_0 > car_ui_padding_1 > car_ui_padding_2

コンポーネント固有のガイドライン

下記の値は、特定のコンポーネントに適用されます。

アイテム ガイドライン

ツールバー

少なくとも 20 文字の「W」を表示できる幅が必要です。

設定

少なくとも 20 文字の「W」を表示できる幅が必要です。

レイアウト ベースのガイドライン

このセクションの制限事項は、Car UI ライブラリ コンポーネントにおける特定のレイアウトと組み合わせに適用されます。

ロケーション ダイアログ

テスト ダイアログは、Google Play 開発者サービスのロケーション ダイアログと同じコンテンツを含み、Car UI ライブラリ コンポーネントを使用して作成されており、コンテンツが完全に表示されていることを確認するためにテストされます。

アイテム ガイドライン
タイトル 少なくとも 38 文字の「W」を表示できる幅が必要です。
本文

完全に表示される必要があり、また、次のものを表示できる大きさである必要があります。

  • 少なくとも 270 文字の「W」からなる文字列。
  • 少なくとも 4 行のテキスト。
カスタム外部リンク(CTA)

CTA は完全に表示される必要があります。

  • ダイアログの幅は、少なくとも 2 つの CTA を表示できるだけの値にする必要があります。
  • タイトルの幅は、少なくとも 9 文字の「W」を表示できるだけの値にする必要があります。

設定画面

テスト設定画面は、アプリバー、サブヘッダー、リストアイテムの各コンポーネントで構成されます。それぞれ下記のとおりです。

アイテム ガイドライン
アプリバー
  • タイトルの幅は、少なくとも 12 文字の「W」を表示できるだけの値にする必要があります。
  • 高さは 76 dp 以上にする必要があります。
サブヘッダー

少なくとも 12 文字の「W」を表示できる幅が必要です。

リストアイテム

次のようにする必要があります。

  • 少なくとも 12 文字の「W」表示できる幅。
  • 高さ 76 dp 以上。