Die Größe von Symbolen, Avataren und Berührungszielbereichen ist wichtig, um die Ablenkung des Fahrers so gering wie möglich zu halten.
Großzügige Berührungsbereiche erleichtern und beschleunigen es den Fahrern, mit Apps zu interagieren und die Aufmerksamkeit auf das Fahren zu lenken.
Anleitung auf einen Blick:
- Standardgrößen für Symbole und Avatare aus Gründen der Einheitlichkeit verwenden
- Die Mindestgröße für Berührungszielbereiche beträgt 76 x 76 dp
- Symbole und Elemente innerhalb von Berührungszielbereichen ausrichten und zentrieren
Symbolgrößen
Dies sind die Standardsymbolgrößen, die von Android für Autos verwendet werden:
![Symbolgrößen für Android für Autos](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=3&hl=de)
Primäres Symbol | Sekundäres Symbol | Tertiäres Symbol |
---|---|---|
44 x 44dp | 36 x 36dp | 24 x 24dp |
Avatargrößen
Dies sind die Standard-Avatargrößen, die von Android für Autos verwendet werden:
![Avatargrößen für Android für Autos](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=3&hl=de)
Kleiner Avatar | Mittelgroßer Avatar | Großer Avatar |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
Symbole und Berührungszielbereiche ausrichten
Die Mindestgröße für Berührungszielbereiche in Android für Autos beträgt 76 × 76 dp. Berührungszielbereiche müssen groß genug sein, damit sie von einem Fahrer während der Fahrt leicht erkannt und ausgewählt werden können. Elemente wie Schaltflächen sollten innerhalb der Grenzen eines Berührungszielbereichs zentriert werden und kein Teil eines Elements darf außerhalb der Begrenzung des Berührungszielbereichs liegen.
![Maximal 76 x 76 dp für Berührungszielbereiche](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=3&hl=de)
Dos
![Elemente im Berührungszielbereich zentrieren](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=3&hl=de)
Dos
![Element nicht an einem Rand eines Berührungszielbereichs ausrichten](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=3&hl=de)
Don'ts
![Verhindern, dass Elemente außerhalb eines Berührungszielbereichs liegen](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=3&hl=de)
Don'ts