Um banner em três formatos: quadrado, vertical e horizontal

Fixe o conteúdo antes da adaptação

Use uma oferta pronta: um produto ou serviço, um título, uma explicação e uma chamada para ação. Aprove essas partes antes de criar os tamanhos. Caso contrário, cada layout terá um sentido um pouco diferente, e a comparação da composição ficará imprecisa. Anote separadamente as condições obrigatórias que não podem ser perdidas ao encurtar o conteúdo.

Para o exercício, crie uma área quadrada, uma vertical e uma horizontal. Essas são proporções para praticar, não tamanhos universais das plataformas. Em uma publicação real, confira as exigências, as limitações do arquivo e as áreas cobertas pela interface. A adaptação deve considerar o lugar de exibição, não apenas a proporção da imagem.

Separe os elementos constantes dos variáveis

O texto da oferta, as cores principais, a fonte e o caráter da imagem permanecerão constantes. A disposição, o enquadramento, as quebras de linha e o tamanho de um objeto secundário podem mudar. Essa lista ajudará a preservar um estilo comum, mesmo quando as composições forem bastante diferentes entre si.

Para praticar, você pode usar dez fundos gratuitos com pedestais. Escolha uma versão com espaço de sobra ao redor da cena principal. Nem todo fundo pronto comporta um recorte intenso: se o pedestal desaparecer na versão horizontal, escolha outro fundo ou mude a composição.

Comece pelo quadrado

Posicione o título e a imagem de modo que não atrapalhem um ao outro. Deixe a explicação e a chamada para ação em um bloco separado. Guarde essa versão como ponto de partida, mas não a considere o único esquema correto para as outras proporções. O quadrado é conveniente para conferir o conteúdo, não para redimensionar mecanicamente.

1. Na versão vertical, distribua os blocos principais em sequência, de cima para baixo, preservando a leitura do título.
2. Na versão horizontal, experimente o texto à esquerda e o objeto à direita, ou outra divisão clara em duas áreas.
3. Mude as quebras de linha conforme o sentido, não pela largura casual da caixa de texto.
4. Confira a chamada para ação e as condições após cada reorganização.
5. Não estique uma fotografia ou um PNG em apenas um eixo para preencher o espaço livre.

Se o formato for estreito demais, a decoração secundária pode ser removida. Mas as condições da oferta não podem virar uma linha ilegível. Primeiro, encurte as formulações opcionais e escolha outra disposição. Preservar todos os enfeites não é mais importante do que a precisão da mensagem.

Confira a escala visível

Três layouts com formatos diferentes em uma única folha podem parecer difíceis de comparar. Veja cada um no tamanho previsto para exibição. O título e o objeto devem manter suas funções. Se o objeto se tornar o principal na versão horizontal e o texto desaparecer, reduza-o ou reserve uma área mais discreta para o texto.

Recorte o fundo separadamente do objeto e do texto, se estiverem em camadas diferentes. Assim, é mais fácil preservar as partes importantes. Uma imagem pronta e achatada oferece menos possibilidades: às vezes, é necessário outro original. Não disfarce bordas perdidas com um redimensionamento que prejudique a qualidade da imagem.

Guarde arquivos de trabalho com nomes claros

Nomeie as versões pelo formato e pela finalidade. Exporte-as separadamente e confira se cada uma tem a composição, o texto e o tamanho corretos. Após a aprovação, as alterações devem ser aplicadas a todas as versões: mantenha uma lista dos dados alterados junto do projeto.

Para a hierarquia inicial, consulte o título curto de um banner. Se usar uma cena pronta, veja o posicionamento de um produto em um pedestal. Outros materiais gratuitos estão disponíveis em uma seção específica.