Detalhes criativos
Antes de ser criativo com nossas mensagens no aplicativo, você deve conhecer algumas das diretrizes. Todos os modelos de mensagens in-app são projetados para exibir textos de tamanhos variados e imagens em dispositivos modernos. Para garantir que sua mensagem seja bem exibida em todos os telefones, tablets e computadores, recomendamos que você siga estas diretrizes e sempre teste suas mensagens antes de lançá-las.
Especificações por tipo de mensagem
Diretrizes de conteúdo
Texto
Para os corpos ou cabeçalhos de mensagens in-app, recomendamos que você seja breve e agradável - de uma a duas linhas para cabeçalhos e até três para corpos. Após três linhas, a mensagem provavelmente precisará ser rolada verticalmente, e os usuários podem não se envolver com todo o conteúdo. O limite que aciona a rolagem pode variar de acordo com o tamanho do dispositivo do usuário final, o estilo personalizado ou a presença de imagens nas mensagens, mas três linhas geralmente são seguras.
Se você estiver usando a geração mais recente de mensagens no aplicativo (Geração 3), verá que as fontes são padronizadas para a Sans Serif padrão do sistema operacional para iOS e Android. As mensagens in-app da Web terão como padrão o Helvetica.
Imagens
Nossas diretrizes para imagens são mais estruturadas do que as de texto, pois queremos garantir que suas mensagens sejam exibidas da forma pretendida e com beleza em telefones, tablets e computadores de todos os modelos e tamanhos.
Em geral, a Braze recomenda o uso de imagens que se encaixem em uma tela 16:10.
- Todas as imagens devem ter menos de 5 MB.
- Só aceitamos arquivos dos tipos PNG, JPEG e GIF.
- Recomendamos hospedar imagens na biblioteca de mídia para permitir que o Braze SDK faça download de ativos de nosso CDN para exibição de mensagens off-line.
- Para mensagens em tela cheia, siga nossas diretrizes para a zona de segurança de imagens.
Crie ativos com confiança! Nossos modelos de imagens de mensagens no aplicativo e sobreposições de zonas seguras foram projetados para funcionar bem em dispositivos de todos os tamanhos. Download dos modelos de design ZIP
| Layout | Tamanho do ativo | Notas |
|---|---|---|
| Imagem + texto | Proporção de 6:5 Alta resolução 1200 x 1000 px Mínimo 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 |
| Somente imagem | Relação de aspecto 3:5 Alta resolução 1200 x 2000 px Mínimo de 600 x 1000 px |
O corte pode ocorrer nas bordas esquerda e direita em dispositivos mais altos |
Mensagem modal no aplicativo que aparece no centro de um aplicativo e site como uma caixa de diálogo. O modal inclui uma imagem, um cabeçalho, um corpo de mensagem e dois botões.](/docs/pt-br/assets/img/modal-behavior.gif?00fa4f83404c611c82cb0816f682e3f3){: style=”border:0px;”}
| Layout | Tamanho do ativo | Notas |
|---|---|---|
| Imagem + texto | Relação de aspecto 29:10 Alta resolução 1450 x 500 px Mínimo de 600 x 205 px |
As imagens altas serão reduzidas e centralizadas horizontalmente. Imagens largas serão cortadas nas bordas esquerda e direita. |
| Somente imagem | Praticamente qualquer proporção de aspecto Alta resolução de até 1200 x 2000 px Mínimo de 600 x 600 px |
A mensagem será redimensionada para se ajustar a imagens com a maioria das proporções. |
GIFs e vídeos
Atualmente, o Braze oferece suporte a GIFs para mensagens no aplicativo na Web (inclusive), Android e iOS (inclusive), uma vez que isso foi ativado durante a integração da plataforma desejada. Para saber mais sobre vídeos em mensagens in-app, consulte nossa documentação de personalização.
Considerações adicionais
As mensagens Braze no aplicativo têm especificações criativas globais e individuais. Para obter mais informações sobre como personalizar totalmente as mensagens in-app, acesse nossa página Personalização.