# Capturas de tela da App Store que convertem: sete regras

Sam · Publicado em 4 de novembro de 2026 · Canonical: https://rankaso.app/blog/pt/app-store-screenshot-optimization/


Capturas de tela da App Store convertem quando uma pessoa que lhes dá três segundos entende o que o app faz e o quer. Todo o resto é decoração. Renderizamos sete tratamentos visuais para a ficha do próprio RankASO antes de publicar um, e as regras abaixo são o que sobreviveu: um fundo claro com gradiente suave, o telefone mais baixo no quadro para as palavras terem espaço, títulos centralizados e grandes o bastante para ler sem dar zoom, um detalhe destacado de cada tela, uma faixa que amarra os três primeiros quadros numa frase só, e nunca o app de outra empresa na tela. Aqui estão elas, com o motivo de cada uma ter merecido o lugar.

![A tela Keywords no RankASO como aparece na primeira captura de tela da App Store](https://rankaso.app/assets/device-01.png)

## 1. O título é a captura de tela

A maioria dos visitantes lê o título do primeiro quadro e nada mais. Faça dele a única frase que você diria se tivesse três segundos: o que o app faz pela pessoa. Centralize, deixe grande, dê no máximo duas linhas. O subtítulo abaixo é uma linha curta. Se o título precisa da captura de tela para fazer sentido, reescreva o título.

## 2. Telefone mais baixo, palavras mais altas

Um telefone renderizado que preenche o quadro deixa o título espremido numa tira no topo. Empurre o telefone para baixo, de modo que o terço superior fique visível e a parte de baixo saia do quadro; o olho lê o título, depois o topo da tela, que é onde a manchete real do app mora de qualquer forma. O corte mais baixo também deixa o quadro mais calmo e mais caro do que um telefone inteiro renderizado.

## 3. Um detalhe, destacado

Cada quadro ganha um elemento da tela ampliado num cartão que paira sobre a borda do telefone: uma posição com o seu movimento, uma pílula de veredicto, a posição de um concorrente ao lado da sua. Isso dá ao olho um lugar para pousar e mostra a única coisa de que aquele quadro trata. Mais de um e o quadro vira colagem.

## 4. Uma faixa atravessando os três primeiros

Uma tira fina de cor que corre pelos quadros um a três, carregando uma frase em três partes, diz ao visitante que os quadros pertencem um ao outro e o puxa a deslizar. Do quarto quadro em diante, cada um fica sozinho; poucas pessoas chegam lá, e as que chegam já estão interessadas.

## 5. Fundo claro, gradiente suave, um destaque

Um fundo pálido na cor de destaque do app, com um gradiente suave para não parecer chapado, e uma cor de destaque para os cartões de detalhe e a faixa. Fundos escuros fotografam bem e leem mal numa ficha da loja cercada de branco. Renderizada lado a lado, a opção com gradiente pareceu a mais cara e a mais legível, e por isso foi a publicada.

## 6. O app de ninguém mais

Um quadro de concorrentes precisa de um concorrente na tela. Use o seu próprio app como concorrente, ou um espaço reservado neutro, nunca um app, logotipo ou nome real de terceiros. É uma cortesia, evita uma pergunta na revisão, e mantém o olho do visitante em você.

## 7. Dois conjuntos, uma ideia de distância

Monte os mesmos sete quadros duas vezes: uma vez guiados por recursos, outra por resultados, idênticos no design. O segundo conjunto é o seu primeiro teste de Product Page Optimization, pronto no primeiro dia. [Como rodá-lo.](/blog/pt/app-store-ppo-test/)

## Lendo o resultado

Capturas de tela mudam a conversão de visualização da página do produto para download. Acompanhe isso no App Store Connect, e acompanhe as posições ao lado, para que uma mudança em quem chega não seja confundida com uma mudança em como a página se sai. Para os nossos próprios apps, uma página que converte bem transforma cada posição ganha em instalações em dobro, e é por isso que as capturas de tela e o trabalho de palavras-chave são o mesmo projeto.

RankASO on the App Store: https://apps.apple.com/app/id6830350753?ct=blog-pt-29&mt=8 (Grátis para começar. Sem conta. Nenhum dado coletado.)

## Perguntas

### O que faz capturas de tela da App Store converterem?

Um primeiro quadro cujo título diz o que o app faz pelo visitante em uma frase, legível em três segundos, com o telefone mostrando a tela correspondente. O resto do conjunto apoia esse quadro.

### Capturas de tela da App Store devem ter fundo claro ou escuro?

Claro, com um gradiente suave e uma cor de destaque. Numa ficha cercada de branco, quadros claros leem como mais legíveis e mais premium; quadros escuros parecem mais pesados.

### Posso mostrar o app de um concorrente nas minhas capturas de tela?

Evite. Use o seu próprio app ou um espaço reservado neutro como concorrente de exemplo. Isso mantém a atenção em você e evita uma pergunta na revisão.