A versão curta
- Os gráficos de lançamento de app funcionam melhor como um kit feito a partir de um único design: publicações de lançamento, uma imagem Open Graph, cabeçalhos de perfil e imagens de galeria.
- A imagem Open Graph que aparece quando a tua ligação é partilhada tem 1200×630 píxeis, e o cabeçalho de X tem 1500×500.
- As publicações de lançamento devem dizer o nome da app, o que ela faz numa frase e onde a obter.
- Atualiza a pré-visualização da ligação, os cabeçalhos e o topo do site antes de publicares o que quer que seja, para que cada ligação partilhada no dia de lançamento já tenha o aspeto certo.
- Um fundo consistente em todos os gráficos de lançamento ajuda as pessoas a reconhecer a mesma app quando aparece em feeds diferentes.
Nesta página
Bons gráficos de lançamento de app são um só design em várias formas: uma publicação de anúncio para cada rede, uma pré-visualização de ligação de 1200×630 que aparece sempre que alguém partilha o teu URL, cabeçalhos de perfil novos e um pequeno conjunto de imagens de galeria para sites de lançamentos como o Product Hunt. Faz tudo junto, a partir de um visual e de uma frase, e o dia de lançamento lê-se como um único acontecimento e não como uma correria de capturas de ecrã desencontradas.
Começa com uma frase e um visual
Antes de qualquer gráfico, escreve a frase que diz o que a app faz e para quem, em menos de dez palavras. “Divide a renda com os colegas sem conversas chatas” funciona. “O futuro das finanças partilhadas” não, porque ninguém o consegue imaginar. Essa frase vai em todos os gráficos, sem alterações, para que a mensagem se repita enquanto a forma muda. A escrita de texto para visuais tem mais sobre como cortar uma frase.
Depois fixa o visual: as cores do ícone da app tornam-se o fundo, a fonte da app torna-se o título. Um fundo distintivo importa mais do que se pensa, porque as mesmas capturas de ecrã de interfaces brancas aparecem em todos os dias de lançamento. Os gráficos para o dia de lançamento tratam disto para qualquer tipo de produto.
O kit de gráficos de lançamento de app, com tamanhos
Tamanho
O que leva
Tamanho
O que leva
Tamanho
O que leva
Tamanho
O que leva
Tamanho
O que leva
O que leva
Tamanho
O que leva
Tamanho
O que leva
Pré-visualização de ligação
1200 × 630
Cabeçalho de X
1500 × 500
Publicação X 16:9
1600 × 900
Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Porque é que a imagem de pré-visualização da ligação é a mais importante
No dia de lançamento, o teu URL é colado em conversas, publicações, fóruns e newsletters que nunca vais ver. Todos mostram a tua imagem Open Graph, por isso é, discretamente, o gráfico de lançamento mais visto. Faz-a com 1200×630, põe o nome da app e a frase ao centro, mantém o texto afastado dos bordos porque algumas apps cortam para um quadrado, e testa-a num depurador de partilha antes do lançamento. O tamanho da imagem Open Graph tem os cortes; as etiquetas Open Graph têm o código.
<meta property="og:title" content="Rentwise: split rent without the awkward chat" />
<meta property="og:description" content="Now on iPhone and Android." />
<meta property="og:image" content="https://rentwise.app/og/launch.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />Como desenhar uma publicação de lançamento de app
Uma publicação de lançamento compete com tudo o resto no feed, por isso deve ler-se num relance. Começa pela frase, não pelo logótipo. Mostra um ecrã, não cinco. Diz onde obter a app. No X e no Bluesky, um fio funciona bem: primeiro o gráfico, depois um vídeo curto e por fim a história de quem a criou.
A publicação de X e Bluesky a 1600×900: a frase carrega a publicação.
O story: duas palavras e para onde ir, no mesmo fundo.
Evita
- Uma grelha de seis capturas de ecrã
- “Revolucionar” seja o que for
- Um esquema de cores novo só para o lançamento
- Texto nos bordos exteriores da imagem de pré-visualização
Faz
- Um ecrã que mostre o momento principal
- A frase simples do que a app faz
- As cores do próprio ícone, em todo o lado
- Palavras ao centro, com margens generosas
As gravações de ecrã curtas assentam bem a apps, porque mostram o momento principal em movimento: o toque, o resultado. Mantém-nas abaixo de vinte segundos, põe a frase no primeiro fotograma e junta legendas, já que muita gente percorre o feed sem som. O vídeo de demonstração de produto trata do ritmo e do enquadramento.
A ordem para fazer os gráficos de lançamento de app
- 1
Uma semana antes: o design original
Frase, ícone, fundo e fonte num só formato em paisagem. Tudo o resto parte dele.
- 2
Uma semana antes: uma publicação de em breve
Anuncia a data e uma ligação para a lista de espera. A publicação de em breve tem layouts.
- 3
Dois dias antes: pré-visualizações e cabeçalhos
Publica cedo a imagem Open Graph, o cabeçalho de X e o topo do site, para que as ligações partilhadas no dia tenham o aspeto certo.
- 4
Na véspera: todas as publicações de lançamento
Exporta todos os tamanhos e escreve antecipadamente as legendas de cada rede.
- 5
Dia de lançamento: publicar, responder, repetir
Passa o dia a responder às pessoas, não a fazer gráficos.
- 6
Uma semana depois: um agradecimento
Uma publicação de marco ou de agradecimento no mesmo visual fecha o lançamento.
O Gradiently encaixa bem neste fluxo. Desenha o design original uma vez num Mark e, com o Pro, redimensiona-o para todos os formatos do kit num só passo; o Mark mantém a frase legível em cada forma, movendo a sua zona mais calma para trás das palavras. Se já estás a trabalhar no lançamento no ChatGPT ou no Claude, o Gradiently pode ser ligado a ambos, para que o assistente esboce o kit como designs que abrem no Studio. Os gráficos de lançamento para indie hackers tratam do mesmo kit para produtos web.
Perguntas frequentes
Que gráficos preciso para lançar uma app?
Uma pré-visualização de ligação de 1200×630, um cabeçalho de X atualizado de 1500×500, publicações de lançamento para cada rede que uses, um story, o topo do site e imagens de galeria para qualquer site de lançamentos. Faz todos a partir de um design original.
Que tamanho tem uma imagem de galeria do Product Hunt?
O Product Hunt indica os requisitos atuais de miniatura e galeria no formulário de submissão. Desenha-as em paisagem a partir do mesmo original dos outros gráficos de lançamento, para manter o visual consistente.
O que deve dizer uma publicação de lançamento de app?
O nome da app, uma frase sobre o que faz e para quem, e onde a obter. Guarda tudo o resto para a legenda ou para um fio.
Quando devo atualizar a imagem de pré-visualização da ligação?
Um ou dois dias antes do lançamento, com um novo nome de ficheiro, e depois testa-a num depurador de partilha. As plataformas guardam as pré-visualizações em cache, por isso uma alteração tardia pode não aparecer no dia de lançamento.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil