Como deixar suas capturas de tela bonitas nas redes sociais

A maioria das capturas de tela fica feia no feed pelos mesmos poucos motivos: estão no formato errado, encostam nas bordas sem nenhum respiro e o texto é pequeno demais para ler no celular. Nada disso exige saber design para corrigir.

1. Decida sobre o que é a imagem

Antes de abrir qualquer ferramenta, defina a única coisa que a imagem deve mostrar: uma tela nova, um recurso, um antes e depois. Todo o resto é ruído. Uma captura da janela inteira do app com um botão novo minúsculo em um canto não mostra o botão.

2. Dê espaço

Uma captura de tela encostada na borda da imagem parece cortada, e alguns feeds aparam as bordas da prévia. A margem resolve os dois problemas. Deixe uma margem de cerca de um décimo do quadro em cada lado, e mais quando for um único celular em um quadro largo.

O formato do quadro importa tanto quanto a margem. Uma captura de celular alta publicada do jeito que está é cortada ou encolhida na maioria dos feeds. Em vez disso, coloque-a em um quadro no formato da plataforma: 4:5 para posts no Instagram e no LinkedIn, 16:9 para o X, 9:16 para Stories. O guia de tamanhos de imagem para compartilhar capturas de tela de apps lista todos.

3. Escolha um fundo que não atrapalhe

O fundo emoldura a captura de tela. Ele não deve competir com ela.

Use contraste para separar a captura do fundo: interface escura em fundo claro, ou interface clara em fundo escuro. Se a interface e o fundo forem brancos, a captura some.

4. Adicione uma sombra suave

Uma sombra leve descola a captura de tela do fundo e faz com que ela pareça um objeto. Mantenha-a suave e com pouco contraste: um desfoque largo com opacidade baixa, caindo um pouco abaixo da captura. Uma sombra dura e escura parece datada e tira a atenção do conteúdo.

5. Emoldure, ou não

Usar ou não uma moldura de dispositivo depende do tipo de captura de tela.

Captura de telaMelhor apresentação
Tela inteira de iPhone ou iPadUma moldura de dispositivo. As pessoas reconhecem um celular na hora, e a moldura esconde o retângulo duro da captura.
Janela do MacUm cartão simples: a janela sobre um fundo, com os próprios cantos arredondados e uma sombra suave. Não precisa de dispositivo.
Parte de uma telaUm cartão simples com cantos arredondados, ou um destaque ampliado ao lado da tela inteira.

Nas molduras de dispositivo, uma moldura realista parece caprichada e específica. Uma minimalista, como um mockup Clay, mantém a atenção na interface e pode combinar com as cores da sua marca. Para janelas do Mac, remova antes a sombra do próprio macOS e adicione uma mais limpa; veja como fazer uma captura de tela no Mac sem a sombra.

6. Incline um pouco, ou nada

Uma leve inclinação faz o celular parecer um objeto e dá movimento a uma imagem estática. Seja sutil. Uma tela inclinada demais fica difícil de ler, e o texto fica achatado. De frente funciona melhor quando o conteúdo é denso, como uma tela de ajustes ou uma lista longa.

7. Mantenha uma série consistente

Quando você publica várias imagens, ou um carrossel, elas devem parecer um conjunto:

É a consistência que faz uma série parecer planejada, e não montada às pressas.

8. Deixe o texto legível no tamanho do feed

A maioria das pessoas vê sua imagem em um celular, com poucos centímetros de largura. Um texto de interface que fica bom no seu Mac vira ilegível ali.

Teste: olhe a imagem exportada no celular com o braço esticado. Se precisar apertar os olhos, está pequeno demais.

9. Exporte no tamanho e no formato certos

Faça e não faça

FaçaNão faça
Mostre uma ideia por imagemEncher uma captura com três recursos
Deixe margem igual em todos os ladosDeixar a captura encostar nas bordas
Use um fundo calmo, com contrastePôr uma interface branca em fundo branco
Mantenha sombras suaves e sutisUsar uma sombra preta e dura
Emoldure capturas de celular em um dispositivoPublicar uma captura alta crua que acaba cortada
Incline de leve, ou nadaInclinar tanto que o texto fica ilegível
Use dados de exemplo realistasMostrar dados de teste, e-mails pessoais ou 3% de bateria
Combine tamanho, moldura e ângulo na sérieMisturar formatos e estilos em um carrossel

Tudo de uma vez

Dá para fazer cada passo deste guia em um app de design, mas é repetitivo. O FeatureFrame faz tudo em um só lugar no seu Mac: solte uma captura de tela e ele identifica o dispositivo e a emoldura em 3D, ou emoldura uma captura de janela do Mac como um cartão simples. Depois escolha o formato do quadro, um fundo (sólido, gradiente, papel de parede do macOS ou sua própria imagem), a sombra e o ângulo, e copie ou exporte um JPEG ou PNG em até 4K. Ele aceita até três capturas de tela em um mesmo quadro, e você pode adicionar um @usuário ou logo como marca d’água; o guia sobre marca d’água em capturas de tela explica quando isso ajuda.

Para detalhes de cada plataforma, veja como compartilhar capturas de tela de apps no X e como fazer um carrossel no Instagram. Baixe o FeatureFrame na Mac App Store.

Mais guias