Guia de Tela de Abertura: Arte de Lançamento iOS e Android

Resposta curta: uma tela de abertura é a breve tela de marca exibida enquanto seu app carrega. No iOS, você a cria como uma tela de lançamento que o sistema exibe instantaneamente; no Android 12+, o sistema a gera a partir do ícone e do tema do seu app. Projete-a uma vez com as cores principais da sua marca e o logotipo, mantenha-a breve e nunca a use para simular tempo de carregamento.

Tela de Abertura vs Tela de Lançamento

Os dois termos são usados de forma intercambiável, mas as plataformas diferem:

• iOS — Tela de Lançamento: um placeholder leve, renderizado pelo sistema (um storyboard com seu logotipo e plano de fundo) exibido no instante em que o app inicia. A orientação da Apple é fazê-la se parecer com a primeira tela do seu app para que o lançamento pareça contínuo, e não usá-la como uma tela de abertura de marca ou adicionar texto que pareça uma interface de carregamento.
• Android — Tela de Abertura (API 31+): desde o Android 12, o sistema desenha a tela de abertura automaticamente a partir do ícone do app e da cor windowSplashScreenBackground. Você a personaliza no tema; animação e um ícone de marca são suportados, e a documentação oficial da API de Tela de Abertura é a fonte da verdade para medidas de zona segura do ícone.

Em versões mais antigas do Android (e em frameworks multiplataforma), a abordagem clássica é um drawable em tela cheia ou uma view dedicada — que é onde a maioria das equipes ainda precisa de um asset projetado.

Para Que Serve um Gerador de Tela de Abertura

Um gerador de tela de abertura ou ferramenta de template acelera a parte repetitiva: produzir os assets de logotipo sobre fundo nos tamanhos corretos para cada densidade e orientação a partir de um único design. Em vez de exportar dezenas de PNGs quase idênticos manualmente, você:

1. Projeta a arte mestre (logotipo + cor de fundo, sem texto que possa parecer uma interface de carregamento).
2. Deixa a ferramenta exportar o conjunto de tamanhos necessário.
3. Conecta os assets ao seu storyboard de lançamento (iOS) ou tema de abertura (Android).

Você pode fazer os passos 1 e 2 em um editor de design baseado em canvas. Nosso editor de capturas de tela cuida dos assets da loja (capturas de tela, o gráfico de destaque do Google Play de 1024×500, imagens da app store) a partir do mesmo kit de marca — mantenha o plano de fundo e o logotipo da tela de abertura idênticos a esses assets para que o lançamento, a listagem e o ícone pareçam um único sistema.

Boas Práticas Que se Aplicam em Todos os Lugares

• Mantenha minimalista: logotipo, plano de fundo, nada mais. Sem slogans, sem números de versão, sem spinners fingindo carregar.
• Combine com a primeira tela: quanto mais a tela de abertura se parecer com a interface inicial do seu app, mais curto parecerá o lançamento.
• Respeite a área segura: evite empurrar o logotipo para regiões de notch ou recuos de gestos.
• Limite o tempo: se o app estiver pronto, dispense imediatamente. Uma tela de abertura que atrasa um app pronto é um antipadrão em ambas as plataformas.
• Modo escuro: forneça uma variante escura onde a plataforma suportar (atributos de tema do Android; iOS via assets específicos de trait no seu storyboard).
• Teste em dispositivos reais: o tempo de lançamento varia enormemente entre um topo de linha e um celular básico de quatro anos atrás.

Erros Comuns

1. Usar a tela de abertura como anúncio. Texto de marketing pertence às capturas de tela da loja, não ao caminho de lançamento.
2. Fixar uma imagem em tela cheia no Android moderno — você briga com a tela de abertura do sistema e obtém comportamento inconsistente entre fabricantes.
3. Esquecer tablets e paisagem: um asset apenas retrato estica ou deixa faixas pretas no iPad e em tablets Android.
4. Recriar assets manualmente para cada densidade em vez de gerar o conjunto completo a partir de um mestre.

Checklist Antes de Publicar

• Arte mestre: apenas logotipo + plano de fundo da marca
• Variantes clara e escura onde suportado
• Conjunto de storyboard de lançamento do iOS (renderizado pelo sistema, sem atrasos de código)
• Tema do Android 12+ configurado (ícone + cor de fundo)
• Assets legados do Android gerados para todas as densidades
• Verificado em pelo menos um celular pequeno, um tablet e um dispositivo em modo escuro

Mantenha a arte de lançamento alinhada com a primeira tela do app e teste o comportamento nas plataformas que você suporta. Capturas de tela da loja são uma tarefa separada: use o fluxo de trabalho de capturas de tela e o guia de requisitos para assets de listagem.

Perguntas frequentes

Uma única imagem de tela de abertura serve para todos os dispositivos?

Não necessariamente. Siga a configuração de lançamento da sua plataforma ou framework e teste diferentes orientações, tamanhos de dispositivo e modos de aparência.

O editor de capturas de tela pode configurar a tela de lançamento do meu app?

Não. O editor prepara a arte visual; configurar o comportamento de lançamento do sistema pertence ao projeto do seu app.

Onde devo verificar a implementação nativa?

Use as orientações de tela de lançamento da Apple e a documentação vinculada da Tela de Abertura do Android. Verifique as APIs suportadas pela versão mínima de SO do seu app.