Fotos de antes e depois: layouts claros e fáceis de entender

Sempre que possível, as duas imagens devem ser feitas de um ângulo parecido. Diferenças de perspectiva podem exagerar ou esconder a mudança real.

Mantenha o elemento com tamanho parecido nos dois enquadramentos. Se um lado estiver muito ampliado, a comparação perde credibilidade.

Rótulos simples como Antes e Depois bastam na maioria das comparações. Mais texto pode desviar a atenção da evidência visual.

Posicione os rótulos sempre no mesmo lugar e não cubra a parte da imagem que mostra a mudança.

Células de tamanhos diferentes podem sugerir que um lado importa mais. Em posts comparativos, layouts simétricos costumam transmitir mais transparência.

Se precisar de uma imagem principal, adicione-a separadamente, acima ou abaixo da comparação, em vez de distorcer os dois painéis comparados.

Um antes e depois só convence quando quem vê sente que a comparação é justa. Use, sempre que possível, iluminação, distância, pose e corte parecidos.

Se as duas fotos de origem forem imperfeitas, seja transparente no layout. Por exemplo, mantenha as duas imagens do mesmo tamanho e evite filtros chamativos em um lado só.

Ao comparar ambientes, produtos ou reparos, alinhe o ponto de referência mais importante: um batente de porta, a borda de uma mesa, a posição do rosto ou o contorno do produto.

Às vezes dois painéis não bastam. Uma imagem intermediária do processo pode explicar a transformação sem enfiar texto demais no gráfico final.

Use três imagens quando o processo importa: restauração, limpeza, revisões de design, evolução física ou montagem de produto em etapas.

Se a terceira imagem não trouxer evidência nova, mantenha a comparação simples. Imagens extras devem esclarecer, não diluir o contraste.

Uma comparação só convence quando aquilo que está sendo comparado é a única diferença relevante. Luz, horário, distância da lente, postura e corte mudam a aparência de qualquer elemento. Antes de recorrer a truques de layout, liste quais desses fatores diferem entre as duas fotos e decida se dá para corrigir, contornar com o corte ou se é preciso avisar.

Alguns ajustes simples ajudam. Corte as duas imagens na mesma proporção, alinhe um ponto fixo, como o batente de uma janela, a linha de um azulejo ou a borda de uma prateleira, na mesma posição e iguale exposição e balanço de branco se o editor permitir. Não aplique filtro em apenas um lado. Se as imagens não puderem ficar comparáveis, diga isso em uma nota curta junto à colagem.

Quando há pessoas envolvidas, como na evolução física ou em trabalhos de salão de beleza, o risco de uma comparação enganosa é maior. Mantenha poses, enquadramento e iluminação o mais parecidos possível e não sugira resultados que outras pessoas devam esperar.

Layouts lado a lado servem para mudanças fáceis de percorrer na horizontal, como um rosto, um produto ou um documento. Layouts empilhados funcionam melhor para elementos largos, como um cômodo, um canteiro ou uma bancada, em que cada imagem precisa de largura. Escolha pelo formato do elemento, não por hábito.

Uma colagem estática não tem controle deslizante, então substitua-o por um alinhamento claro: o mesmo ponto de referência na mesma posição nas duas imagens, com tamanhos iguais. Use um espaço fino e neutro para que as duas imagens sejam lidas como um par, e não como posts separados.

Se o processo importa, adicione um pequeno quadro intermediário ou um recorte de detalhe. Em reparos e restaurações, um close da área trabalhada costuma convencer mais do que um antes e depois maior. Em projetos de casa, vale organizar várias etapas em sequência.

Crie uma imagem de antes e depois, inverta a ordem e veja as duas versões rapidamente. Se um lado parecer favorecido injustamente pela luz ou pela escala, ajuste o corte antes de publicar.

Adicione rótulos só depois que a comparação visual funcionar sem eles. Os rótulos devem confirmar a comparação, não salvar um layout confuso.

Se o resultado ainda parecer exagerado, adicione uma imagem do processo ou um contexto curto na legenda. A confiança aumenta quando quem vê entende como a mudança aconteceu.

Imagens comparativas precisam ser fáceis de conferir visualmente. Tamanhos iguais, rótulos consistentes e ângulos parecidos ajudam quem vê a confiar na mudança mostrada.

Se não for possível tornar as imagens de origem comparáveis, explique o contexto fora da imagem, em vez de esconder a diferença com efeitos de estilo.