A versão curta
- O design editorial é a arte de compor palavras e imagens para leitura, como nas revistas e nos jornais, com uma estrutura clara de antetítulo, título, entrada e corpo de texto.
- Recursos de revista como antetítulos, citações em destaque, números grandes, colunas e números de edição funcionam em publicações sociais porque dizem ao leitor, de relance, que tipo de conteúdo é este.
- Uma boa publicação editorial tem um só sistema tipográfico: um pequeno conjunto de tamanhos, uma ou duas fontes e uma posição repetida para cada elemento.
- Os carrosséis comportam-se como páginas duplas de revista, por isso uma capa, um índice, páginas de conteúdo e uma página final tornam-nos mais fáceis de seguir e mais suscetíveis de serem guardados.
- Numerar as publicações como edições ou séries transforma publicações soltas numa publicação reconhecível.
Nesta página
O design editorial é a arte de organizar palavras e imagens para que as pessoas queiram lê-las, como fazem as revistas e os jornais. Nas redes sociais, significa pedir emprestados recursos de revista, como um pequeno antetítulo por cima do título, uma citação em destaque, um número grande, uma coluna de texto ou um número de edição, e usá-los em publicações, carrosséis e stories. Esses recursos dizem a alguém o que é uma publicação no meio segundo antes de decidir parar, e fazem um feed parecer uma publicação em vez de um fluxo de anúncios.
Este guia trata os recursos de revista mais úteis um a um, mostra como cada um passa para um formato social, dá-te uma escala tipográfica para começar e explica como transformar publicações soltas numa série que as pessoas reconhecem.
Porque o design editorial funciona nas redes sociais
A maioria das publicações compete em cor e volume. As publicações editoriais competem em estrutura. Um antetítulo, um título e uma entrada curta dizem ao leitor o tema, a ideia e a razão para se importar, por esta ordem. É a mesma ordem em que um olhar a deslizar lê, e por isso os layouts editoriais parecem fáceis mesmo quando levam muitas palavras.
Também parecem pensados. Margens coerentes, uma posição repetida para cada elemento e tipografia contida lêem-se como cuidado, e o cuidado lê-se como confiança. Se és novo em ordenar elementos por importância, começa pela hierarquia visual.
A estrutura editorial básica numa publicação do Instagram: antetítulo, título, entrada. Três tamanhos, uma família tipográfica, sem caixas.
Recursos de revista e como usá-los em publicações
Cada recurso abaixo tem uma função na imprensa e a mesma função num feed. Usa dois ou três por publicação, não todos.
| Recurso | A sua função | Como usar nas redes sociais |
|---|---|---|
| Antetítulo | Nomeia a secção ou o tema | Versaletes pequenos por cima do título, na mesma posição em todas as publicações |
| Título | Faz a ideia chegar | Seis a dez palavras, a tipografia maior da página |
| Entrada | Dá a razão para ler | Uma frase sob o título, com cerca de um terço do seu tamanho |
| Citação em destaque | Ergue uma frase marcante | Uma só frase, grande, com a fonte pequena por baixo |
| Número grande | Torna um facto memorável | Um número enorme, uma linha a explicá-lo |
| Colunas | Torna legível um texto longo | Duas colunas estreitas num diapositivo ou numa publicação horizontal |
| 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 |
| Filete | Separa sem caixas | Uma linha fina entre o antetítulo e o título, ou acima de uma legenda |
Citações em destaque
Uma citação em destaque é a publicação editorial mais simples: uma frase, grande, com uma pequena atribuição. Funciona porque uma citação parece um fragmento de algo mais longo. Cita só pessoas reais e palavras reais, mantém-na abaixo de umas vinte palavras e compõe-na num só tamanho. O design de publicações de citações trata o layout em pormenor.
Números grandes
As revistas abrem muitas vezes uma reportagem com um número grande. Numa publicação, o número é o título e uma só linha por baixo diz o que significa. Usa números reais que possas defender: uma data, uma contagem, um número de edição ou um facto sobre o teu próprio trabalho.
Uma citação em destaque: uma linha, um tamanho, a fonte pequena por baixo.
Um número grande: o número é o título e uma linha explica-o.
Uma escala tipográfica para publicações editoriais
Os layouts editoriais parecem caros porque usam poucos tamanhos com saltos seguros entre eles. Aqui está uma escala de partida para uma publicação de 1080×1350. Combina uma serifada para os títulos com uma sem serifa para o texto pequeno, ou usa uma só família em dois pesos; a combinação de fontes e o guia de serifa ou sem serifa ajudam a escolher.
| Função | Tamanho em 1080×1350 | Estilo |
|---|---|---|
| Antetítulo | 24 a 28 px | Sem serifa, maiúsculas, com um ligeiro espaçamento entre letras |
| Título | 88 a 120 px | Serifada ou sem serifa forte, entrelinha apertada |
| Entrada | 32 a 40 px | Peso normal, entrelinha confortável |
| Texto em carrosséis | 30 a 34 px | Linhas curtas, cerca de 35 a 45 caracteres |
| Fólio ou legenda | 20 a 24 px | Sem serifa, cor suave |
Mantém as margens largas, pelo menos 64 a 80 px numa publicação de 1080 px, e põe o antetítulo, o título e o fólio no mesmo sítio sempre. É a repetição que transforma um layout num estilo próprio.
Desenhar carrosséis como páginas duplas de revista
Um carrossel é o que as redes sociais têm de mais parecido com uma revista. Trata-o como uma reportagem curta: uma capa que vende a história, uma página de índice, um punhado de páginas de conteúdo e uma página final que diz ao leitor o que fazer a seguir. O design de carrosséis do Instagram trata da mecânica da ordem dos diapositivos e das indicações para deslizar.
Página 1, a capa: a promessa, o número da edição e a extensão.
Página 2, o índice: uma lista curta diz ao leitor a forma do que se segue.
- 1
Capa
Antetítulo com o número da edição, um título que faz uma promessa e a extensão, como oito páginas.
- 2
Índice
Três a cinco itens curtos. Os leitores deslizam mais longe quando sabem até onde vão.
- 3
Páginas de conteúdo
Uma ideia por página, a mesma grelha em todas, com um fólio como 3 de 8 num canto.
- 4
Página de destaque
A meio, uma citação em destaque ou um número grande quebra o ritmo e dá uma página que vale a pena partilhar sozinha.
- 5
Página final
Uma frase para recordar e uma coisa para fazer a seguir, como guardar, seguir ou ler o texto completo.
Transformar publicações soltas numa série editorial
As revistas são reconhecíveis porque cada edição partilha um cabeçalho, uma grelha e um sistema de cores. Faz o mesmo com as publicações. Dá um nome e um número ao teu conteúdo recorrente, mantém o antetítulo e o fólio em posições fixas e usa uma só família de fundos em toda a série para as publicações se lerem como um conjunto na tua grelha e no feed.
Publicação do Instagram 4:5
1080 × 1350
Story 9:16
1080 × 1920
Publicação do LinkedIn 1:1
1200 × 1200
Cabeçalho do Substack
1456 × 816
Parece uma revista
- Um só sistema tipográfico usado sempre
- Margens largas e coerentes
- Um antetítulo e um fólio em sítios fixos
- Dois ou três recursos por publicação
- Uma família de fundos por série
Parece um folheto
- Uma fonte nova em cada publicação
- Palavras empurradas para as margens
- Etiquetas que mudam de sítio
- Todos os recursos numa só página
- Um fundo diferente de cada vez
Um fundo em gradiente suave serve bem os layouts editoriais porque acrescenta profundidade sem o ruído visual de uma fotografia. Na Gradiently, um Mark leva esse fundo por todas as páginas de uma série, e copiar para tamanhos compõe a mesma edição como story, publicação do LinkedIn ou cabeçalho de newsletter. Para uma grelha mais rigorosa por baixo, lê o design suíço.
Perguntas frequentes
O que é o design editorial?
O design editorial é a composição de palavras e imagens para leitura, como em revistas, jornais e livros. Assenta numa estrutura clara de antetítulo, título, entrada, corpo de texto e legendas numa grelha coerente.
Como faço publicações do Instagram parecerem uma revista?
Usa um pequeno antetítulo por cima de um título grande, junta uma entrada de uma frase, mantém margens largas e um só sistema tipográfico e põe um número de edição ou fólio no mesmo canto de todas as publicações.
Que fontes funcionam em publicações editoriais nas redes sociais?
Uma serifada nos títulos combinada com uma sem serifa limpa nos antetítulos e legendas é a combinação editorial clássica. Uma só família em dois pesos também funciona e é mais fácil de manter coerente.
O que é um antetítulo em design?
Um antetítulo é a linha curta de texto pequeno por cima de um título que nomeia a secção ou o tema, como O diário ou Edição 04. Diz ao leitor que tipo de conteúdo se segue.
Quantos diapositivos deve ter um carrossel editorial?
O suficiente para levar uma ideia por página com uma capa, um índice e uma página final. Um índice curto diz aos leitores quantas páginas esperar, o que os ajuda a deslizar até ao fim.
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
