El tamaño de los íconos, avatares y objetivos táctiles son consideraciones importantes para minimizar la distracción del conductor.
Los objetivos táctiles de gran tamaño permiten que los conductores interactúen con las apps de forma más fácil y rápida y devuelvan la atención a la conducción.
Orientación de un vistazo (resumen):
- Usa tamaños estándar de íconos y avatares para mantener la coherencia.
- El tamaño mínimo del objetivo táctil es de 76 x 76 dp
- Alinea y centra íconos y elementos en objetivos táctiles
Tamaños de los íconos
Estos son los tamaños de íconos estándar que usa Android para vehículos:
![Tamaños de íconos de Android para vehículos](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=6&hl=es)
Ícono principal | Ícono secundario | Ícono terciario |
---|---|---|
44 x 44dp | 36 x 36dp | 24 x 24dp |
Tamaños de avatar
Estos son los tamaños de avatar estándar que usa Android para vehículos:
![Tamaños de avatar de Android para vehículos](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=6&hl=es)
Avatar pequeño | Avatar mediano | Avatar grande |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
Alinear íconos y objetivos táctiles
El tamaño mínimo del objetivo táctil en Android para vehículos es de 76 x 76 dp. Los objetivos táctiles deben ser lo suficientemente grandes para que el conductor los pueda ver fácilmente mientras el vehículo está en movimiento. Los elementos como los botones deben estar centrados dentro de los límites del objetivo táctil, y ninguna parte de un elemento debe estar fuera de los límites del objetivo táctil.
![El tamaño de los objetivos táctiles debe ser superior a 76 x 76 dp.](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=6&hl=es)
Qué debes hacer
![Centrar los elementos dentro del área del objetivo táctil](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=6&hl=es)
Qué debes hacer
![No alinear el elemento con un borde de un objetivo táctil](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=6&hl=es)
Qué evitar
![No permitas que los elementos queden fuera de un objetivo táctil.](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=6&hl=es)
Qué evitar