Este guia descreve como o Google usa sua marca e imagens para facilitar a integração com o app Micromobility. Ele também fornece especificações necessárias associadas e outros detalhes.
Especificação do ícone do logotipo
Quando o Google Maps para dispositivos móveis (GMM) exibe resultados de rotas, ele usa o logotipo do seu app para identificar o serviço na IU. Forneça ao Google um ícone para o logotipo do produto e siga as seguintes especificações:
- O ícone do logotipo precisa ser uma imagem SVG 1.1 que mede 612 x 612 pixels.
- O ícone do logotipo precisa ser visualmente identificável nos modos de interface claro e escuro do GMM. A Figura 1 ilustra esse princípio.
- O ícone do logotipo precisa evitar combinações de cores que possam interferir na interface do GMM. A Figura 2 ilustra esse princípio.
- O ícone precisa ter um plano de fundo transparente.
- A imagem do ícone precisa ter cantos arredondados com um raio de 76 pixels ou uma forma circular.
- Como as tags
<style>
não são compatíveis, você precisa usar os estilos in-line conforme necessário. - Nem todos os recursos SVG são compatíveis com os ícones de produtos. Para saber mais, consulte MetroSVG.
Especificação de ícones para veículos
A micromobilidade oferece a opção de deixar os veículos sem dock station próximos aos usuários visíveis para os produtos de micromobilidade. Forneça ao Google o ícone do veículo para o produto e siga as seguintes especificações:
- O ícone do veículo precisa ser uma imagem PNG de 120 x 120 pixels.
- O ícone do veículo precisa ser visualmente identificável nos modos de interface claro e escuro do GMM. A Figura 1 ilustra esse princípio.
- O ícone do veículo precisa evitar combinações de cores que podem interferir na interface do GMM. A Figura 2 ilustra esse princípio.
- O veículo precisa ser exibido em um círculo de cores sólidas com um plano de fundo transparente, como mostrado na figura 1.
- O veículo precisa estar centralizado e orientado horizontalmente como se estivesse no chão.
- O tipo de veículo precisa ser reconhecível e identificável, como uma bicicleta, eBike ou eScooter.
Práticas recomendadas para ícones exibidos
Para criar uma ótima experiência do usuário, forneça ao Google imagens que expressem seu branding e reflitam a paleta de cores da sua marca ou produto.
Como esses ícones são exibidos em telas de tamanhos diferentes e em várias resoluções, é importante usar ícones claros e em negrito no GMM. O exemplo abaixo mostra como um ícone pode ter uma boa aparência em alta resolução, mas se tornar pixelado e difícil de ler em resoluções mais baixas:
Figura 3. Ícone com baixa visibilidade em dispositivos móveis
Para garantir que o ícone tenha visibilidade em todas as escalas, use textos ou símbolos limitados, claros e em negrito com o ícone. Teste a visibilidade do ícone em vários tamanhos antes de fornecê-lo ao Google. O exemplo a seguir atende a esses critérios:
Figura 4. Um ícone que se ajusta bem a dispositivos móveis.
O GMM permite que os usuários escolham um tema de interface claro ou escuro ou usem o mesmo tema que o dispositivo. Recomendamos testar o ícone em várias cores de plano de fundo, conforme mostrado nos exemplos a seguir:
Figura 5. Um ícone exibido em fundos claros e escuros.
Também recomendamos que o ícone evite cores ou transparências que possam interferir na interface do GMM. As figuras a seguir fornecem exemplos dessas práticas recomendadas:
Figura 6. É um ícone exibido corretamente em um plano de fundo claro, mas que é difícil de ver em um fundo escuro.
Figura 7. Um ícone com transparência que é difícil de ver em um fundo escuro.