É importante considerar o tamanho dos ícones, avatares e áreas de toque para minimizar a distração do motorista.
As áreas de toque grandes facilitam e agilizam a interação dos motoristas com os apps e o retorno à atenção para dirigir.
Resumo (TL;DR):
- Usar tamanhos padrão de ícones e avatares para manter a consistência
- O tamanho mínimo da área de toque é de 76 x 76 dp
- Alinhe e centralize ícones e elementos nas áreas de toque
Tamanhos de ícones
Estes são os tamanhos padrão de ícone usados pelo Android para carros:
![Tamanhos de ícones do Android para carros](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-1.png?authuser=0000&hl=pt-br)
Ícone principal | Ícone secundário | Ícone terciário |
---|---|---|
44 x 44dp | 36 x 36dp | 24 x 24dp |
Tamanhos de avatares
Estes são os tamanhos padrão de avatar usados pelo Android para carros:
![Tamanhos de avatar do Android para carros](https://developers.google.cn/cars/design/automotive-os/design-system/images/Avatar_AR.png?authuser=0000&hl=pt-br)
Avatar pequeno | Avatar médio | Avatar grande |
---|---|---|
56 x 56dp | 76 x 76dp | 96 x 96dp |
Alinhar ícones e áreas de toque
O tamanho mínimo da área de toque no Android para carros é 76 x 76 dp. As áreas de toque precisam ser grandes o suficiente para serem visíveis e selecionadas facilmente pelo motorista enquanto o carro está em movimento. Elementos como botões precisam estar centralizados dentro dos limites da área de toque, e nenhuma parte de um elemento pode ficar fora desses limites.
![Manter os tamanhos da área de toque de 76 x 76 dp ou mais](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-2.png?authuser=0000&hl=pt-br)
O que fazer
![Centralizar os elementos na área de alvo de toque](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-3.png?authuser=0000&hl=pt-br)
O que fazer
![Não alinhar o elemento a uma borda de uma área de toque](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-4.png?authuser=0000&hl=pt-br)
O que não fazer
![Não permitir que os elementos fiquem fora da área de toque](https://developers.google.cn/cars/design/automotive-os/design-system/images/Size-5.png?authuser=0000&hl=pt-br)
O que não fazer