A versão curta
- Uma publicação antes e depois mostra duas fotos iguais do mesmo assunto, para que a mudança entre elas seja a única diferença.
- Tira as duas fotos do mesmo ângulo, à mesma distância e com a mesma luz, ou a comparação deixa de ser justa.
- Lado a lado serve publicações quadradas e horizontais, empilhado serve stories, e um carrossel de duas páginas deixa o depois chegar como revelação.
- Identifica cada metade com clareza e mantém as etiquetas no mesmo sítio dos dois lados.
- Publica só resultados reais, com o consentimento do cliente, e evita editar qualquer das fotos além de igualar a exposição.
Nesta página
Uma boa publicação antes e depois mostra o mesmo assunto duas vezes, fotografado da mesma maneira, para que a única coisa que muda seja o trabalho que fizeste. O trabalho do layout é tornar essa mudança óbvia de relance: duas metades, etiquetas claras, nada a competir. Salões, empresas de limpeza, decoradores, paisagistas, detalhe automóvel, fisioterapeutas e designers recorrem todos ao formato, porque um resultado convence mais do que qualquer descrição dele.
Começa com fotos que coincidam
A maioria das publicações antes e depois fracas falha antes de alguém abrir uma ferramenta de design. O antes foi tirado com luz fraca ao fim do dia numa grande angular; o depois foi tirado à luz do dia, de um ângulo favorável. Quem vê repara, mesmo sem saber dizer porquê, e a publicação toda parece encenada.
- 1
Marca o teu sítio
Fica no mesmo lugar nas duas fotos. Uma fita no chão, ou uma nota da porta de onde tiraste, basta.
- 2
Iguala a altura e a lente
Segura o telemóvel à mesma altura e usa o mesmo zoom. Mudar para a grande angular numa só foto altera as proporções da divisão.
- 3
Iguala a luz
A mesma hora do dia, os mesmos candeeiros acesos ou apagados. Se não for possível, tira as duas com as luzes principais acesas e os estores na mesma posição.
- 4
Mantém a orientação do quadro
As duas na vertical ou as duas na horizontal. Um antes vertical ao lado de um depois horizontal nunca vai alinhar.
- 5
Tira algumas de cada
Escolhe depois o par que melhor coincide. É muito mais fácil do que recriar um antes quando o trabalho já está feito.
Layouts de antes e depois que funcionam
Há três layouts fiáveis. Qual usar depende da plataforma e do quão dramática é a mudança.
Ideal para
Tamanho
Ideal para
Tamanho
Ideal para
Tamanho
Lado a lado 1080×1080
1080 × 1080
Empilhado 1080×1920
1080 × 1920
Página de carrossel 1080×1350
1080 × 1350
Repara no que a divisão faz a cada foto. Lado a lado num quadrado, cada metade fica alta e estreita, o que serve uma porta ou uma pessoa de pé, mas corta muito uma divisão larga. Empilhado num story, cada metade fica quase quadrada, o que serve a maioria dos assuntos. Se as tuas fotos são horizontais, um layout empilhado costuma desperdiçar menos delas. Num story, mantém as etiquetas fora dos 250 píxeis de cima e de baixo, onde fica a própria interface da aplicação, como explicam as zonas seguras das redes sociais.
A revelação em carrossel
Um carrossel deixa o antes aparecer sozinho primeiro. A primeira página mostra o problema com uma linha curta (“Seis anos de musgo.”), a segunda mostra o resultado. O deslizar passa a ser a revelação, o que tende a prender mais a atenção do que ver os dois ao mesmo tempo. Mantém as fotos enquadradas de forma idêntica para que o deslizar pareça uma só imagem a mudar. O tamanho de carrossel do Instagram traz as dimensões das páginas.
Primeira página: o antes, com etiqueta, e uma linha que prepara o problema.
Segunda página: o depois, com a etiqueta no mesmo sítio para o olho comparar diretamente.
Etiquetas, linhas e marca
Identifica cada metade com “Antes” e “Depois” na mesma posição, no mesmo tamanho e na mesma cor. Os leitores comparam saltando com os olhos entre pontos iguais, e uma etiqueta no canto superior esquerdo de um lado e inferior direito do outro quebra esse ritmo. Versaletes ou uma pequena aba funcionam bem.
- Põe um filete fino entre as metades, ou um espaço na cor da tua marca, para que as fotos não se misturem.
- Acrescenta uma linha de contexto: o trabalho, o tempo que levou ou o produto usado. Não um parágrafo.
- Mantém o logótipo pequeno e num canto. O resultado é que é o anúncio.
- Usa a mesma moldura em todos os antes e depois que publicas, para se tornarem uma série reconhecível.
As palavras sobre fotografias pedem cuidado, porque uma janela clara ou uma parede branca podem engolir uma etiqueta branca. O guia para tornar o texto legível sobre fotografias cobre as opções. Pôr as etiquetas numa faixa de marca acima ou abaixo das fotografias, e não sobre elas, evita o problema por completo.
Ética: mostra só resultados reais
A força do formato é também o seu risco. Um antes e depois é uma afirmação: é isto que sabemos fazer. Se o resultado foi retocado, emprestado ou excecional, a afirmação é falsa, e em alguns setores, como tratamentos estéticos, saúde e perda de peso, as regras de publicidade sobre estas imagens são rigorosas. Confirma as regras do teu setor e país antes de publicares.
Evita
- Retocar o depois, ou escurecer o antes
- Iluminação diferente que favorece o resultado
- Fotografias de stock ou de outro negócio
- O teu melhor resultado apresentado como típico
- O rosto ou a casa de um cliente sem o seu consentimento
Faz
- Igualar só a exposição e o equilíbrio de brancos
- O mesmo ângulo, distância e luz nas duas
- O teu próprio trabalho, fotografado por ti
- Dizer quanto tempo levou e o que envolveu
- Autorização escrita e a opção de ficar anónimo
Com pessoas, e não com lugares, o consentimento conta ainda mais. Pergunta antes de a foto do antes ser tirada, explica onde vai aparecer e oferece-te para cortar rostos ou tatuagens. Muitos clientes ficam contentes por partilhar o resultado quando sabem que podem dizer não.
Faz a moldura tua
Quando todas as empresas de limpeza e todos os salões publicam o mesmo modelo branco dividido, a moldura é onde te podes distinguir. Um fundo coerente à volta das fotografias, o mesmo estilo de etiqueta e o mesmo tipo de letra transformam uma sequência de resultados em algo que as pessoas reconhecem como teu no feed. As ideias de Instagram para pequenos negócios e as publicações para salões mostram como isto se encaixa num plano mais amplo.
No Gradiently, um carrossel é simplesmente páginas de um só design, por isso o antes e o depois partilham todas as definições, e redimensionar cria o tamanho de story a partir do mesmo design, pronto para empilhares as fotografias. O fundo é o teu Mark, um visual que mais nenhum negócio pode usar quando é teu.
Perguntas frequentes
Como se faz uma publicação antes e depois?
Fotografa o assunto do mesmo sítio, altura e luz antes e depois do trabalho e coloca as fotos lado a lado ou empilhadas com etiquetas Antes e Depois a condizer.
Que tamanho tem uma publicação antes e depois no Instagram?
Usa 1080×1080 para lado a lado, 1080×1920 para um story empilhado ou duas páginas de carrossel 1080×1350 para uma revelação ao deslizar.
Posso editar fotos de antes e depois?
Igualar a exposição e o equilíbrio de brancos é aceitável. Retocar o resultado ou fazer o antes parecer pior engana as pessoas e pode violar as regras de publicidade.
Preciso de autorização para fotos de antes e depois de clientes?
Sim. Pergunta antes de tirar a foto do antes, explica onde vai aparecer e oferece-te para ocultar rostos ou pormenores identificáveis.
O antes e depois deve ser lado a lado ou em carrossel?
Lado a lado mostra a mudança de imediato e serve uma única publicação de feed. Um carrossel de duas páginas guarda o depois para o deslizar, o que funciona melhor quando a mudança é dramática.
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