アイコン、アバター、タップ ターゲットのサイズは、ドライバーの注意散漫を最小限に抑えるために重要な考慮事項です。
タップ ターゲットのサイズを大きくすることで、ドライバーは簡単かつ迅速にアプリを操作して、運転に集中できるようになります。
概要(要約):
- 一貫性を保つために、標準のアイコンとアバターのサイズを使用する
- タップ ターゲットの最小サイズは 76 x 76 dp
- アイコンと要素をタップ ターゲット内の中央に配置して中央に配置する
アイコンのサイズ
自動車向け Android で使用される標準のアイコンサイズは次のとおりです。
![自動車向け Android のアイコンサイズ](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=6&hl=ja)
メインアイコン | サブアイコン | 3 つ目のアイコン |
---|---|---|
44 x 44dp | 36 x 36dp | 24 x 24 dp |
アバターのサイズ
自動車向け Android で使用される標準のアバターのサイズは次のとおりです。
![自動車向け Android のアバターのサイズ](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=6&hl=ja)
小さいアバター | 中サイズのアバター | 大きなアバター |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
アイコンとタップ ターゲットの配置
自動車向け Android のタップ ターゲットの最小サイズは 76 x 76 dp です。タップ ターゲットは、車の運転中にひと目で把握し、ドライバーが簡単に選択できるよう十分な大きさにする必要があります。ボタンなどの要素は、タップ ターゲットの境界内で中央に配置する必要があります。要素のどの部分もタップ ターゲットの境界の外側に配置することはできません。
![タップ ターゲットのサイズは 76 x 76 dp 以上とする](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=6&hl=ja)
推奨
![タップ ターゲット領域の中央に要素を配置する](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=6&hl=ja)
推奨
![要素をタップ ターゲットの片端に揃えない](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=6&hl=ja)
禁止事項
![要素がタップ ターゲットの外には入らない](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=6&hl=ja)
禁止事項