Diretrizes criativas para mensagens dentro do aplicativo

Fornecemos modelos para criar criativos para mensagens no aplicativo retrato e paisagem.

Na tela criativa do assistente de mensagens do aplicativo, você pode adicionar uma imagem de fundo e alguns botões opcionais, que o Xtremepush redimensiona para todos os dispositivos.

As imagens abaixo fornecem algumas diretrizes para tamanhos ideais de imagens para mensagens dentro do app; Use-as como base para suas próprias imagens.

O Xtremepush utiliza zonas seguras para permitir que você otimize o conteúdo das mensagens de imagem em todo o espectro de dispositivos. Imagens modelo para fundos de retrato e paisagem são fornecidas abaixo. Clique nas imagens para baixá-las. A zona segura para seu conteúdo é a área azul. Se o conteúdo principal da sua criativa estiver dentro da zona segura, então funcionará em todos os dispositivos (veja exceção: iPhone X).

Você sempre pode testar se seu conteúdo está visível na área de visualização do assistente.

• Dimensões sugeridas: 1500x2000 px (retrato); 2000x1500 px (paisagem)

• Formatos de imagem válidos: PNG, JPG (JPEG), GIF (também animado)

Botões

Os botões precisam ser dimensionados corretamente para permanecer na área segura. Eles serão redimensionados com a imagem principal, então, uma vez que trabalham dentro do seu design, trabalharão na mensagem final.

É sempre útil colocar uma cruz ou outro marcador na imagem principal para posicionar os botões de forma mais fácil (veja a segunda metade do tutorial - criação de campanha).

Aqui estão alguns exemplos de imagens de botões de teste, disponíveis para download abaixo.

Por que há três faixas e apenas uma área segura?

O Xtremepush vai redimensionar a imagem principal mantendo 100% do seu lado mais longo. Portanto, a largura será cortada e a parte recortada dependerá da proporção do dispositivo, não da resolução.

Se você quiser rodar uma campanha em todos os dispositivos, a área azul garante que seu conteúdo será exibido. Se você se interessa apenas por certos dispositivos, digamos apenas iPads, a área segura pode ser maior, já que todos os iPads têm proporção de aspecto 4:3 e você pode usar a imagem inteira como quiser.

iPhone X

Por padrão, esse modelo restringiria a visualização web usada para exibir a mensagem em uma área central 16:9.

De qualquer forma, ele pode ser forçado a exibir a mensagem usando a tela cheia.

Nesse caso, a mensagem deve ser projetada usando uma área segura mais estreita, evitando também a área superior devido à presença da barra de notificações e do top notch.

A mensagem será exibida em uma tela de proporção 2:1.

Bandeiras

As áreas seguras ainda são válidas, mas você precisa especificar uma altura diferente para cada largura usada para caber no banner em cada dispositivo.

Por exemplo, se definido como a partir da imagem:

• 50px enquanto MIN LARGURA = 0

• 100px enquanto MIN LARGURA = 480

• 60px enquanto MIN LARGURA = 728

O resultado será o seguinte:

Cada imagem criativa pode ser diferente, caso contrário, uma imagem será usada para tamanhos de tela diferentes.

Nesse caso, cada imagem criativa manterá a altura especificada e a imagem irá:

• Tenha espaço na lateral (se for menor que o lado da tela)

• Seja cortado das especificações das áreas seguras (se for maior que o lado da tela).

Um botão padrão de fechamento será colocado pelo Xtremepush no banner em uma posição acessível.

Tutorial em vídeo

Confira o tutorial a seguir para aprender como criar as imagens perfeitas para suas mensagens no aplicativo e como enviá-las para sua campanha.

Recursos

Todos os assets são testados e podem ser baixados e usados como base para sua criação:

• Imagem de Retrato

• Imagem de paisagem

• Imagem do Botão 1

• Imagem do Botão 2