Chegou a Cyber Monday! Crie um app e aproveite 50% de desconto agora!

Os splash screens são as imagens exibidas no lançamento do app iOS e Android nativo enquanto o conteúdo está sendo carregado.

Para configurar a sua Tela de Lançamento:
1. Acesse o menu de deslizamento esquerdo Conteúdo & Design > Design > Design Geral
2. Clique em "Tela de lançamento" na coluna da direita

picture

1

Splash screen personalizado

Para adaptar a imagem a diferentes tamanhos de dispositivos diferentes, você precisa de diferentes formatos.
Nota: Dependendo do plano em que você se inscreveu, apenas imagens para as plataformas disponíveis serão solicitadas no seu back office.

1. Clique na aba "Splashscreen"

2. Crie os seus arquivos de tela inicial com os seguintes tamanhos*:
- iOS: 1242 x 2688 pixels 
- Android: 1440 x 2560 pixels 
- Tablet: 2048 X 1536 pixels  landscape

* - Esses tamanhos são o mínimo necessário, se você carregar fotos maiores, poderá cortá-las.
- Se você carregar uma foto mais pequena, um plano de fundo preto será adicionado para preencher o espaço vazio (a sua imagem é mantida no tamanho original + fundo preto)

- A resolução recomendada é de 72 dpi.
- Embora essas imagens sejam relativamente grandes, sempre tente otimizá-las, especificamente seu peso, lembre-se de que a qualidade das redes móveis não é constante.
- Evite texto pequeno na parte inferior da imagem, muitas vezes é ilegível na tela do smart phone.

picture

Para se adaptar a todos os diferentes modelos, os splash screens móveis serão cortados, se necessário, para combinar perfeitamente com o ecrã do utilizador sem distorcer a imagem.
A demonstração abaixo mostra a mesma imagem em todos os modelos diferentes.
As faixas vermelhas indicam onde a imagem foi cortada.

picture

2

O Assistente

Use para o assistente para criar os seus splash screens diretamente do back office.

1. Clique na aba Assistente
2. Crie os seus ícones diretamente do back office:
- Adicione um texto ou uma foto

picture

- Defina o tipo de letra, a cor e os efeitos do título e da linha de base (no exemplo acima, título é Welcome, a linha de base é Loading your app now)
- Selecione uma cor para o fundo ou adicione uma imagem de fundo

3. Clique em "Gerar"

picture

Se você já tem as telas de lançamento configuradas:

- Clique em "Continuar" no aviso vermelho para gerar automaticamente todos os formatos necessários para o seu app.

picture

Já está! A sua nova tela de lançamento foi criada!


3

Video tutorial


Outros artigos