# Design de carrossel no Instagram: slides que as pessoas arrastam [Canonical HTML page](https://gradiently.design/pt-br/guide/instagram-carousel-design) 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. ## The short version - 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. 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. > **Atenção à grade** A grade do seu perfil mostra um corte um pouco mais estreito do primeiro slide do que o feed. Mantenha as palavras do gancho longe das bordas esquerda e direita para que ele se leia no perfil também. Os [tamanhos de post do Instagram](https://gradiently.design/pt-br/guide/instagram-post-size) explicam o corte em detalhe. ## 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 Uma capa de carrossel em retrato com a frase Cinco jeitos de parecer consolidada e uma pequena dica para arrastar Slide um: uma promessa específica e uma dica discreta para arrastar. O segundo slide do carrossel com uma única dica sobre o mesmo gradiente da capa 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. | Slide | Função | O que ele traz | | --- | --- | --- | | 1 | Gancho | A promessa, em letras grandes | | 2 | Contexto | Por que isso importa, ou o problema | | 3 a 7 | Conteúdo | Um ponto por slide, numerado | | Penúltimo | Resumo | Os pontos numa lista, que vale salvar | | Último | Próximo passo | Salvar, 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](https://gradiently.design/pt-br/guide/fonts-for-social-media) mostra quais fontes aguentam esse tamanho, e o de [hierarquia visual](https://gradiently.design/pt-br/guide/visual-hierarchy) 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 slides: `linear-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. **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. **Crie o fundo primeiro** Coloque um gradiente ou uma textura em toda a tela, mudando aos poucos da esquerda para a direita. 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. **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. **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 de carrossel listando cinco pontos sobre o mesmo gradiente dos slides anteriores 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](https://gradiently.design/pt-br/guide/linkedin-post-design). 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](https://gradiently.design/pt-br/guide/batch-create-social-media-content) mostra como planejar um mês de uma vez. ## FAQ ### 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.