サイズ調整

アイコン、アバター、タップ ターゲットのサイズは、ドライバーの注意散漫を最小限に抑えるために重要な考慮事項です。

タップ ターゲットのサイズを大きくすることで、ドライバーは簡単かつ迅速にアプリを操作して、運転に集中できるようになります。

概要(要約):

  • 一貫性を保つために、標準のアイコンとアバターのサイズを使用する
  • タップ ターゲットの最小サイズは 76 x 76 dp
  • アイコンと要素をタップ ターゲット内の中央に配置して中央に配置する

アイコンのサイズ

自動車向け Android で使用される標準のアイコンサイズは次のとおりです。

自動車向け Android のアイコンサイズ
メインアイコン サブアイコン 3 つ目のアイコン
44 x 44dp 36 x 36dp 24 x 24 dp

アバターのサイズ

自動車向け Android で使用される標準のアバターのサイズは次のとおりです。

自動車向け Android のアバターのサイズ
小さいアバター 中サイズのアバター 大きなアバター
56 x 56dp 76 x 76dp 96 x 96dp

アイコンとタップ ターゲットの配置

自動車向け Android のタップ ターゲットの最小サイズは 76 x 76 dp です。タップ ターゲットは、車の運転中にひと目で把握し、ドライバーが簡単に選択できるよう十分な大きさにする必要があります。ボタンなどの要素は、タップ ターゲットの境界内で中央に配置する必要があります。要素のどの部分もタップ ターゲットの境界の外側に配置することはできません。

タップ ターゲットのサイズは 76 x 76 dp 以上とする

推奨

タップ ターゲットのサイズを最小要件 76 x 76 dp 以上にする
タップ ターゲット領域の中央に要素を配置する

推奨

要素の最小タップ ターゲット領域内の中央に配置
要素をタップ ターゲットの片端に揃えない

禁止事項

要素をタップ ターゲットの片端に揃えない
要素がタップ ターゲットの外には入らない

禁止事項

要素がタップ ターゲットの外には出ない