Redes sociais

Design de carrossel no Instagram: slides que as pessoas arrastam

Um carrossel é um livrinho que as pessoas folheiam com o polegar. Veja como escrever a primeira página para que elas a virem e como criar o resto para que continuem.

GradientlyConta verificada do Gradiently··6 min de leitura
Capa: Sahara Dream · GR·1GJW·V7

Resumindo

  • Crie os slides de um carrossel do Instagram em 1080×1350 pixels, porque todos os slides de um carrossel assumem o formato do primeiro.
  • O primeiro slide de um carrossel é uma promessa: ele deve dizer exatamente o que a pessoa ganha ao arrastar.
  • Cada slide deve trazer uma ideia, em palavras curtas o bastante para serem lidas em poucos segundos.
  • Um fundo que continua de um slide para o seguinte faz o carrossel parecer uma peça única e convida a arrastar.
  • O último slide deve dar às pessoas um próximo passo claro, como salvar o post, seguir ou visitar um link.
Nesta página

Um carrossel no Instagram funciona quando o primeiro slide faz uma promessa clara, cada slide seguinte entrega uma ideia e o design flui de slide em slide, para que arrastar pareça virar páginas. Crie todos os slides em 1080×1350 retrato: é o formato que mais ocupa a tela do celular no feed, e todos os slides de um carrossel seguem o formato do primeiro de qualquer jeito.

Tamanho e formato do carrossel no Instagram

O Instagram corta todos os slides de um carrossel na proporção do primeiro, então decida o formato antes de criar qualquer coisa. O retrato 4:5 é a escolha certa para quase todo carrossel: é o formato mais alto que o feed mostra para posts, o que significa texto maior e mais espaço por slide. O quadrado funciona para conteúdo naturalmente quadrado, como grades de produtos. O paisagem desperdiça a maior parte da tela.

Retrato 1080×1350

1080 × 1350

Quadrado 1080×1080

1080 × 1080

Paisagem 1080×566

1080 × 566

Os três formatos de post que o Instagram aceita, em escala. O retrato dá mais espaço a cada slide.

O slide de gancho decide tudo

As pessoas veem o primeiro slide no feed exatamente como veem uma imagem única. Se ele não der um motivo para arrastar, o resto do carrossel não existe. Um bom gancho é específico sobre o que tem dentro e sugere que há mais por vir.

Gancho fraco

  • Algumas reflexões sobre branding
  • Nossa nova coleção
  • Dicas para fotos melhores
  • Um título sem sinal de que há mais slides

Gancho forte

  • Cinco jeitos de uma marca pequena parecer consolidada
  • Seis peças, uma história de cor: a seleção de outono
  • Fotos melhores no celular só com a luz da janela
  • Um número, um ganho claro e uma seta ou borda que continua

Slide um: uma promessa específica e uma dica discreta para arrastar.

Slide dois: uma ideia, o mesmo fundo, o mesmo lugar para as palavras.

Uma ideia por slide

Um carrossel é lido na velocidade do polegar. Cada slide tem alguns segundos, então cada slide deve ter uma ideia: uma dica, um passo, um produto, um número. Se você precisa de duas frases para explicar um ponto, divida-o em dois slides em vez de diminuir o texto.

SlideFunçãoO que ele traz
1GanchoA promessa, em letras grandes
2ContextoPor que isso importa, ou o problema
3 a 7ConteúdoUm ponto por slide, numerado
PenúltimoResumoOs pontos numa lista, que vale salvar
ÚltimoPróximo passoSalvar, seguir, responder ou visitar
Uma estrutura que funciona para a maioria dos carrosséis educativos. Os carrosséis curtos simplesmente tiram os slides do meio.

Mantenha poucas palavras por slide, entre 20 e 40, com a linha principal grande o bastante para ser lida sem zoom. Num slide de 1080 pixels de largura, o texto corrido abaixo de uns 40 pixels começa a parecer pequeno no celular. O guia de fontes para redes sociais mostra quais fontes aguentam esse tamanho, e o de hierarquia visual explica como fazer a linha que importa ser lida primeiro.

Continuidade: slides que parecem uma peça só

A diferença entre uma pilha de imagens e um carrossel é a continuidade. Quando o fundo, a tipografia e a posição dos elementos se mantêm, cada arrastada parece a próxima página da mesma coisa. A versão mais forte é o carrossel contínuo: um único fundo longo dividido entre os slides, para que a cor flua por cima de cada emenda.

Um fundo em três slideslinear-gradient(90deg, #0f1c3f 0%, #23407a 30%, #6a3fa0 62%, #d0558f 100%)
Um único campo largo, do azul-marinho profundo ao rosa, passando pelo violeta. Cortado em três, cada slide leva a sua parte do caminho, e a borda de cada um continua no seguinte.
  1. 1

    Crie uma tela larga

    Multiplique a largura do slide pelo número de slides: três slides em retrato formam uma tela de 3240×1350, cinco formam 5400×1350.

  2. 2

    Crie o fundo primeiro

    Coloque um gradiente ou uma textura em toda a tela, mudando aos poucos da esquerda para a direita.

  3. 3

    Marque as emendas

    Coloque guias a cada 1080 pixels. Mantenha as palavras a pelo menos 60 pixels de cada emenda para que nenhuma letra seja cortada.

  4. 4

    Deixe um elemento atravessar uma emenda

    Uma forma, uma linha ou a borda de uma imagem que continua no próximo slide é o sinal mais forte para arrastar.

  5. 5

    Exporte em slides separados

    Corte a tela em pedaços de 1080×1350, em ordem, e envie todos juntos.

Um fundo contínuo não é obrigatório. Um carrossel que usa o mesmo fundo em todos os slides, com o título sempre no mesmo lugar e um pequeno número de página como 2 de 8, se lê com a mesma clareza. O que quebra a continuidade é mudar layout, cor e tipografia a cada slide.

O slide final

O último slide é onde as pessoas decidem o que fazer depois, então dê a elas uma coisa para fazer. Escolha a ação que mais importa para este post e diga isso com clareza.

  • Salvar: melhor para conteúdo de consulta, como dicas, checklists e receitas.
  • Seguir para ver mais: melhor quando o carrossel faz parte de uma série.
  • Responder ou comentar: melhor quando você faz uma pergunta de verdade.
  • Visitar um link: melhor para um lançamento ou uma oferta, com o link onde as pessoas podem tocar.

Um slide de resumo dá às pessoas algo que vale salvar, muitas vezes a ação mais útil que um carrossel pode conquistar.

Carrosséis em outras plataformas

A mesma estrutura funciona no LinkedIn, onde documentos de várias páginas aparecem como posts que se arrastam; veja o design de posts para o LinkedIn. Se você faz carrosséis toda semana, crie um conjunto de layouts de slide uma vez e reutilize, para que cada novo carrossel seja um trabalho de escrita, não de design. O guia de criar conteúdo para redes sociais em lote mostra como planejar um mês de uma vez.

Perguntas frequentes

Qual deve ser o tamanho dos slides de um carrossel do Instagram?

1080×1350 pixels em retrato 4:5. Todos os slides assumem o formato do primeiro, então mantenha todos do mesmo tamanho.

Como faço um carrossel contínuo no Instagram?

Crie uma tela larga, com 1080 pixels por slide, passe o fundo por toda ela, mantenha as palavras longe das emendas e depois corte em slides separados de 1080×1350.

Quantos slides um carrossel deve ter?

Quantos o conteúdo precisar, e nenhum a mais. A regra é uma ideia por slide; a maioria dos carrosséis educativos fica entre cinco e dez slides.

O que o primeiro slide de um carrossel deve dizer?

Uma promessa específica do que a pessoa ganha ao arrastar, em letras grandes, com uma pista de que há mais, como um número ou um elemento que continua para fora da borda.

Compartilhar este guia

Escrito pelo GradientlyConta verificada do 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