Resumindo
- Design editorial é a arte de organizar palavras e imagens para a leitura, como em revistas e jornais, com uma estrutura clara de chapéu, título, linha fina e texto.
- Recursos de revista como chapéus, citações destacadas, números grandes, colunas e numeração de edição funcionam em posts sociais porque dizem ao leitor, num relance, que tipo de conteúdo é aquele.
- Um bom post editorial tem um único sistema tipográfico: um conjunto pequeno de tamanhos, uma ou duas fontes e uma posição repetida para cada elemento.
- Os carrosséis se comportam como páginas duplas de revista, então uma capa, um sumário, páginas de conteúdo e uma página final os tornam mais fáceis de acompanhar e mais propensos a serem salvos.
- Numerar os posts como edições ou séries transforma posts soltos numa publicação reconhecível.
Nesta página
O design editorial é a arte de organizar palavras e imagens para que as pessoas queiram ler, como fazem as revistas e os jornais. Nas redes sociais, isso significa emprestar recursos de revista, como um pequeno chapéu acima do título, uma citação destacada, um número grande, uma coluna de texto ou um número de edição, e usá-los em posts, carrosséis e stories. Esses recursos dizem a alguém o que é um post no meio segundo antes de ela decidir parar, e fazem um feed parecer uma publicação e não uma torrente de anúncios.
Este guia examina um a um os recursos de revista mais úteis, mostra como cada um se traduz para um formato social, dá uma escala tipográfica para começar e explica como transformar posts soltos numa série que as pessoas reconhecem.
Por que o design editorial funciona nas redes sociais
A maioria dos posts compete em cor e volume. Os posts editoriais competem em estrutura. Um chapéu, um título e uma linha fina curta dizem ao leitor o assunto, o ponto e o motivo para se importar, nessa ordem. É a mesma ordem em que o olho lê ao rolar, e por isso os layouts editoriais parecem fáceis mesmo com muitas palavras.
Eles também parecem bem pensados. Margens consistentes, uma posição repetida para cada elemento e tipografia contida transmitem cuidado, e cuidado transmite confiança. Se você está começando a ordenar elementos por importância, comece pela hierarquia visual.
A pilha editorial básica num post do Instagram: chapéu, título, linha fina. Três tamanhos, uma só família tipográfica, nenhuma caixa.
Recursos de revista e como usá-los em posts
Cada recurso abaixo tem uma função no impresso e a mesma função num feed. Use dois ou três por post, não todos.
| Recurso | A função dele | Como usar nas redes sociais |
|---|---|---|
| Chapéu | Nomeia a seção ou o assunto | Versaletes pequenas acima do título, na mesma posição em todo post |
| Título | Defende o ponto | De seis a dez palavras, a maior tipografia da página |
| Linha fina | Dá o motivo para ler | Uma frase sob o título, com cerca de um terço do tamanho dele |
| Citação destacada | Ergue uma frase marcante | Uma única frase, grande, com a fonte pequena embaixo |
| Número grande | Torna um fato memorável | Um número enorme e uma linha explicando |
| Colunas | Torna legível um texto longo | Duas colunas estreitas num slide ou num post paisagem |
| Fólio e número de edição | Situa a página numa série | Texto pequeno num canto: N.º 12, página 3 de 8 |
| Fio | Separa sem caixas | Uma linha fina entre o chapéu e o título, ou acima de uma legenda |
Citações destacadas
Uma citação destacada é o post editorial mais simples: uma frase, grande, com uma pequena atribuição. Funciona porque uma citação parece um fragmento de algo maior. Cite só pessoas e palavras reais, mantenha em cerca de vinte palavras e use um único tamanho. O design de posts de citação trata do layout em detalhe.
Números grandes
As revistas muitas vezes abrem uma reportagem com um número grande. Num post, o número é o título e uma única linha embaixo diz o que ele significa. Use números reais pelos quais você possa responder: uma data, uma contagem, um número de edição ou um fato sobre o seu próprio trabalho.
Uma citação destacada: uma linha, um tamanho, a fonte pequena embaixo.
Um número grande: o número é o título, uma linha o explica.
Uma escala tipográfica para posts editoriais
Os layouts editoriais parecem caros porque usam poucos tamanhos, com saltos firmes entre eles. Eis uma escala para começar num post de 1080×1350. Combine uma serifada nos títulos com uma sem serifa no texto pequeno ou use uma só família em dois pesos; a combinação de fontes e o guia de serifada ou sem serifa ajudam a escolher.
| Função | Tamanho em 1080×1350 | Estilo |
|---|---|---|
| Chapéu | 24 a 28 px | Sem serifa, caixa-alta, com um leve espaçamento entre letras |
| Título | 88 a 120 px | Serifada ou sem serifa em negrito, entrelinha justa |
| Linha fina | 32 a 40 px | Peso regular, entrelinha confortável |
| Texto em carrosséis | 30 a 34 px | Linhas curtas, com cerca de 35 a 45 caracteres |
| Fólio ou legenda | 20 a 24 px | Sem serifa, cor suave |
Mantenha margens largas, de pelo menos 64 a 80 px num post de 1080 px, e ponha o chapéu, o título e o fólio no mesmo lugar sempre. A repetição é o que transforma um layout num estilo próprio.
Desenhando carrosséis como páginas duplas de revista
Um carrossel é o que há de mais próximo de uma revista nas redes sociais. Trate-o como uma reportagem curta: uma capa que vende a história, um sumário, algumas páginas de conteúdo e uma página final que diz ao leitor o que fazer em seguida. O design de carrosséis para Instagram trata da mecânica da ordem dos slides e dos sinais para deslizar.
Página 1, a capa: a promessa, o número da edição e a duração.
Página 2, o sumário: uma lista curta diz ao leitor o formato do que vem a seguir.
- 1
Capa
Chapéu com o número da edição, um título que faz uma promessa e a duração, como oito páginas.
- 2
Sumário
De três a cinco itens curtos. Os leitores deslizam mais quando sabem até onde vão.
- 3
Páginas de conteúdo
Uma ideia por página, a mesma grade em cada uma, com um fólio como 3 de 8 num canto.
- 4
Página de destaque
No meio, uma citação destacada ou um número grande quebra o ritmo e dá uma página que vale a pena compartilhar sozinha.
- 5
Página final
Uma linha para lembrar e uma coisa para fazer em seguida, como salvar, seguir ou ler o texto completo.
Transformando posts soltos numa série editorial
As revistas são reconhecíveis porque toda edição compartilha um título de capa, uma grade e um sistema de cores. Faça o mesmo com os posts. Dê ao seu conteúdo recorrente um nome e um número, mantenha o chapéu e o fólio em posições fixas e use uma só família de fundos na série para que os posts sejam lidos como um conjunto na sua grade e no feed.
Post de Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Post de LinkedIn 1:1
1200 × 1200
Cabeçalho de Substack
1456 × 816
Parece uma revista
- Um só sistema tipográfico usado sempre
- Margens largas e consistentes
- Chapéu e fólio em lugares fixos
- Dois ou três recursos por post
- Uma família de fundos por série
Parece um panfleto
- Uma fonte nova a cada post
- Palavras empurradas para as bordas
- Etiquetas que mudam de lugar
- Todos os recursos numa só página
- Um fundo diferente a cada vez
Um fundo de gradiente suave combina com layouts editoriais porque acrescenta profundidade sem o ruído visual de uma foto. No Gradiently, um Mark leva esse fundo por todas as páginas de uma série, e copiar para tamanhos redistribui a mesma edição como story, post de LinkedIn ou cabeçalho de newsletter. Para uma grade mais rígida por baixo, leia o design suíço.
Perguntas frequentes
O que é design editorial?
Design editorial é a diagramação de palavras e imagens para a leitura, como em revistas, jornais e livros. Ele se apoia numa estrutura clara de chapéu, título, linha fina, texto e legendas numa grade consistente.
Como faço posts de Instagram parecerem uma revista?
Use um pequeno chapéu acima de um título grande, acrescente uma linha fina de uma frase, mantenha margens largas e um só sistema tipográfico e ponha um número de edição ou fólio no mesmo canto de todo post.
Que fontes funcionam em posts editoriais para redes sociais?
Uma serifada nos títulos combinada com uma sem serifa limpa nos chapéus e legendas é a combinação editorial clássica. Uma família em dois pesos também funciona e é mais fácil de manter consistente.
O que é um chapéu em design?
O chapéu é a linha curta de texto pequeno acima de um título que nomeia a seção ou o assunto, como O diário ou Edição 04. Ele diz ao leitor que tipo de conteúdo vem a seguir.
Quantos slides deve ter um carrossel editorial?
O suficiente para ter uma ideia por página, com uma capa, um sumário e uma página final. Um sumário curto diz aos leitores quantas páginas esperar, o que os ajuda a deslizar até o fim.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil
