A versão curta
- A forma fiável de redimensionar um design para redes sociais é voltar a compô-lo para cada forma, não esticar nem recortar uma imagem.
- Os formatos altos empilham o conteúdo, os largos distribuem-no na horizontal e os quadrados centram o seu peso.
- Na Gradiently, copiar para tamanhos cria um design novo para cada tamanho escolhido, cada um composto de novo para a sua forma, enquanto o original fica como estava.
- Como um Mark é desenhado para cada tamanho em vez de ser escalado, o fundo mantém o seu carácter em qualquer proporção.
- Cada cópia continua totalmente editável, por isso podes ajustar as palavras ou a composição para uma plataforma sem tocar nas outras.
Nesta página
Para redimensionar bem um design para redes sociais, trata cada formato como uma composição própria. Esticar uma publicação quadrada até virar um banner é a forma mais rápida de a fazer parecer errada: as palavras ficam pequenas demais, o fundo deforma-se e as margens deixam de fazer sentido. A solução é manter o visual, as palavras e a hierarquia, e compô-los de novo para cada forma. Na Gradiently, isso é um só passo, chamado copiar para tamanhos.
Este guia explica porque é que redimensionar estraga designs, como cada forma pede para ser composta e como passar de um design acabado para um conjunto completo. Para os números em si, mantém tamanhos de imagem para redes sociais aberto noutro separador.
Porque é que esticar e recortar falham
Um design é um conjunto de relações: título e margem, título e linha de apoio, palavras e a parte mais clara do fundo. Muda a forma e essas relações quebram de formas previsíveis.
Esticar ou recortar uma imagem
- A letra escala com a tela, por isso fica enorme numa story e minúscula num cabeçalho
- O fundo deforma-se ou perde a sua melhor parte no recorte
- Margens que eram generosas ficam apertadas, ou o contrário
- Palavras importantes caem por baixo de botões da plataforma e fotos de perfil
Compor cada forma de novo
- A letra tem o tamanho certo para a forma como o formato é realmente visto
- O fundo é desenhado para a nova forma
- As margens são definidas para essa forma
- As palavras ficam dentro da zona segura de cada formato
Como cada forma pede para ser composta
Na verdade só há três famílias de formas, e cada uma tem uma composição natural. Quando as vês, redimensionar passa a ser um conjunto de pequenas decisões e não um redesenho.
Story 9:16
1080 × 1920
Publicação vertical 4:5
1080 × 1350
Publicação quadrada 1:1
1080 × 1080
Publicação no X 16:9
1600 × 900
Cabeçalho do X 3:1
1500 × 500
Banner do LinkedIn
1584 × 396
| Forma | Composição natural | Atenção a |
|---|---|---|
| Alta (Story, Reel, pin do Pinterest) | Empilhar: título em cima, pormenor por baixo, espaço no topo e na base | Botões da aplicação e legendas nas margens de cima e de baixo |
| Vertical e quadrada (publicações do feed) | Centrar o peso; um título forte | Recortes da grelha nas páginas de perfil |
| Horizontal (publicação no X, miniatura do YouTube, diapositivos) | Distribuir na horizontal: palavras de um lado, espaço do outro | Pré-visualizações pequenas; poucas palavras e grandes |
| Muito larga (cabeçalhos, banners) | Uma linha curta, margens laterais generosas | Fotos de perfil e botões que se sobrepõem à imagem |
É por isso que os modelos da Gradiently são funções da forma e não imagens fixas. Um anúncio numa story empilha-se; num cabeçalho distribui-se na horizontal; num quadrado centra o seu peso. O sistema de design decide a disposição para que não tenhas de a reconstruir para cada plataforma.
Numa story, o anúncio empilha-se…
…e num cabeçalho distribui-se na horizontal, com as mesmas palavras.
O fundo também tem de se redimensionar
A maioria das ferramentas de redimensionamento move as palavras e deixa o fundo como uma imagem, que depois é esticada ou recortada. Um Mark não é uma imagem. É uma receita, desenhada para cada tamanho, por isso o material mantém o seu carácter em qualquer proporção: uma story recebe uma composição feita para um enquadramento alto, um banner recebe uma feita para um enquadramento largo, e nenhuma é um recorte da outra.
Um cabeçalho é uma composição própria: margens largas, letra mais pequena, espaço para respirar e um Mark desenhado para três para um.
O mesmo vale para a legibilidade. O Mark abre espaço para as palavras onde quer que caiam em cada formato, e a Tinta automática escolhe claro ou escuro linha a linha, por isso um título que se lê no quadrado continua a ler-se depois de passar para outra parte da story.
Como copiar um design para outros tamanhos na Gradiently
- 1
Termina primeiro um design
Acerta as palavras, a hierarquia e o Mark no formato que mais te importa. Tudo o resto parte daí.
- 2
Abre Redimensionar
Está na barra lateral esquerda do Studio. Pesquisa por plataforma ou tamanho, como story do Instagram, A4 ou 1080 × 1920, ou navega por plataforma. Marca com estrela os tamanhos que usas muito e ficam à tua espera em Favoritos.
- 3
Escolhe vários tamanhos
Seleciona tantos quantos precisares. Cada um é composto de novo para a sua forma e pré-visualizado antes de mudar alguma coisa.
- 4
Escolhe Copiar e redimensionar
Isto cria um design novo para cada tamanho, ao lado do original no teu espaço de trabalho. O original fica exatamente como estava.
- 5
Ajusta cada cópia se for preciso
Cada cópia é um design normal. Encurta uma linha no cabeçalho, move o logótipo na story; as alterações numa não tocam nas outras.
Redimensionar também pode funcionar no próprio design: redimensiona a página atual, todas as páginas ou o design inteiro sem fazer cópias. Os tamanhos personalizados podem ser escritos em píxeis, ou em milímetros, centímetros ou polegadas para impressão, onde passam a píxeis a 300 dpi.
Uma lista de verificação para cada conjunto redimensionado
- O título lê-se no tamanho em que as pessoas o veem de facto, que nas miniaturas e nos cabeçalhos é pequeno.
- Nada importante fica por baixo de botões da plataforma, legendas ou fotos de perfil.
- A parte mais clara ou mais calma do fundo fica por trás das palavras em todos os formatos.
- Os logótipos têm o mesmo tamanho relativo em todo o conjunto, em vez de escalarem com cada tela.
- O conjunto parece uma só marca quando posto lado a lado. Coerência da marca explica porque é que isso importa mais do que qualquer publicação isolada.
Perguntas frequentes
Como redimensiono um design para redes sociais sem que pareça esticado?
Volta a compô-lo para cada forma em vez de esticar uma imagem: empilha o conteúdo nos formatos altos, centra-o nos quadrados e distribui-o na horizontal nos largos. O copiar para tamanhos da Gradiently faz isto automaticamente.
Copiar para tamanhos altera o meu design original?
Não. Copiar e redimensionar cria um design novo para cada tamanho ao lado do original, que fica exatamente como estava.
Posso editar cada cópia redimensionada em separado?
Sim. Cada cópia é um design normal e editável, por isso podes ajustar as palavras ou a composição para uma plataforma sem afetar as outras.
Posso redimensionar para um tamanho personalizado?
Sim. Escreve um tamanho em píxeis, ou em milímetros, centímetros ou polegadas para impressão, onde é convertido a 300 dpi.
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
