Mensagens modais no app
Os modais aparecem no centro da tela do dispositivo com uma sobreposição de tela que os ajuda a se destacar do seu app em segundo plano. Eles são perfeitos para sugerir, de forma não tão sutil, que o usuário aproveite uma venda ou um brinde.
Especificações da imagem
As mensagens modais no app são projetadas para se ajustarem ao dispositivo nas melhores e mais preenchidas proporções possíveis, mantendo-se fiéis ao tamanho e às proporções da imagem ou do texto escolhido para a mensagem.
Embora não haja limites para o número de caracteres de texto que você pode incluir em uma mensagem no app (assim como botões, título, corpo principal e outros), moderamos o número de caracteres de texto que você usa. O excesso de texto exigirá que os usuários expandam e rolem a mensagem.
Todas as mensagens no aplicativo têm um tamanho de imagem recomendado de 500 KB, tamanho máximo de imagem de 5 MB e suportam os tipos de arquivo PNG, JPEG e GIF.
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Retrato em tela inteira com texto | 6:5 | Alta resolução de 1200 x 1000 px Resolução mínima de 600 x 500 px |
O corte pode ocorrer em todos os lados, mas a imagem sempre preencherá os 50% superiores da janela de visualização. |
| Retrato em tela inteira (somente imagem, com ou sem botões) | 3:5 | Alta resolução de 1200 x 2000 px Resolução mínima de 600 x 1000 px |
O corte pode ocorrer nas bordas esquerda e direita em dispositivos mais altos. |
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Paisagem em tela inteira com texto | 10:3 | Alta resolução 2000 x 600 px Resolução mínima de 1000 x 300 px |
O corte pode ocorrer em todos os lados, mas a imagem sempre preencherá os 50% superiores da janela de visualização. |
| Tela inteira em paisagem (somente imagem, com ou sem botões) | 5:3 | Alta resolução 2000 x 600 px Resolução mínima de 1000 x 600 px |
O corte pode ocorrer nas bordas esquerda e direita em dispositivos mais altos. |
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Modal (somente imagem) | 1:1 | Resolução máxima recomendada: 1200 x 2000 px Resolução mínima: 600 x 600 px |
A mensagem será redimensionada para se ajustar a imagens com a maioria das proporções. A resolução máxima recomendada tem uma proporção de 3:5, o que pode não fornecer resultados ideais. Embora imagens maiores sejam utilizáveis, elas podem levar a tempos de carregamento mais longos. A proporção ideal para imagens é 1:1, e não atender a essa proporção pode disparar um aviso durante o upload. Este aviso é uma sugestão para melhores resultados e não impede o upload de imagens maiores. |
| Modal com texto | 29:10 | Alta resolução 1450 x 500 px Resolução mínima de 600 x 205 px |
As imagens altas serão reduzidas e centralizadas horizontalmente. Imagens largas serão cortadas nas bordas esquerda e direita. |
Telas maiores
Em um navegador de tablet ou desktop, uma mensagem modal no app ainda ficará no centro da tela do aplicativo, conforme mostrado na captura de tela a seguir.
Editar esta página no GitHub