# Design de infográficos para redes sociais: dados que se percebem [Canonical HTML page](https://gradiently.design/pt-pt/guide/infographic-design) Um infográfico social tem tanto tempo como uma pausa do polegar para fazer valer o seu ponto. Isso exclui cartazes densos e premeia um número, um gráfico e uma frase honesta. ## The short version - Um infográfico para redes sociais deve fazer um só ponto por imagem, com um único número ou um gráfico simples. - Os gráficos de barras devem começar o eixo dos valores em zero, porque um eixo cortado exagera as diferenças. - Cada estatística num infográfico precisa de uma fonte indicada e de uma data, em letra pequena no fundo da imagem. - Usa uma só cor de destaque para os dados que importam e tons discretos para tudo o resto. - Os infográficos longos funcionam melhor como carrosséis no Instagram e no LinkedIn, com uma ideia em cada página. O bom **design de infográficos** para redes sociais é o oposto dos infográficos altos em forma de cartaz dos anos 2010. Num telemóvel, cada imagem tem um instante, por isso tem de fazer um só ponto: um único número enorme, ou um gráfico simples com um título que diga o que mostra. Os dados têm de ser honestos, a fonte indicada e o texto grande o bastante para ler sem fazer zoom. Se tens mais a dizer, usa um carrossel e dá a cada ponto a sua página. ## Uma imagem, um ponto Antes de abrires uma ferramenta de design, escreve a frase que o teu infográfico prova. "A maior parte das nossas encomendas chega às segundas." "O turquesa vendeu mais do que qualquer outra cor este outono." Se não consegues escrever essa frase, o gráfico não está pronto, e nenhum design o vai salvar. Um infográfico vertical com 3 dias em letra enorme, identificado como tempo médio de entrega este ano O infográfico de um só número. Um valor grande, uma legenda que diz exatamente o que mede e mais nada a competir. O formato de um só número é o infográfico mais subestimado que existe. Lê-se de relance, sobrevive a ser mostrado pequeno numa grelha e obriga-te a escolher o valor que importa. Legenda-o com precisão: "entrega média" e "entrega mais rápida" são afirmações muito diferentes. ## Escolhe o gráfico mais simples que funcione | Queres mostrar | Usa | Evita | | --- | --- | --- | | Um valor-chave | Um número grande com legenda | Um gráfico com uma só barra | | Comparar alguns itens | Gráfico de barras horizontais | Barras 3D, circular com muitas fatias | | Mudança ao longo do tempo | Gráfico de linhas, ou algumas barras | Gráficos de área empilhados cinco níveis | | Partes de um todo | Uma barra empilhada, ou um circular com duas ou três fatias | Anéis com oito cores | | Um processo | Passos numerados | Setas em todas as direções | As barras horizontais são o cavalo de batalha das redes sociais: as legendas ficam à vontade à esquerda e o olho compara comprimentos com facilidade. As barras horizontais ganham às verticais numa publicação vertical, porque as legendas compridas cabem sem ser rodadas. Ordena-as da maior para a menor, a menos que a ordem signifique algo, como os dias da semana. Escreve o valor no fim de cada barra para que ninguém tenha de ler uma linha da grelha. ## Dados honestos: as regras que importam Um infográfico é uma afirmação com autoridade. As pessoas confiam mais em gráficos do que em frases, e é por isso mesmo que um gráfico enganador faz mais estragos. Estas regras mantêm o teu honesto. ### Enganador - Eixo das barras a começar em 90, para 92 parecer o dobro de 91 - Sem fonte, ou "estudos mostram" - Percentagens que não somam 100 - Datas escolhidas a dedo que escondem uma queda - Inclinação 3D que faz as fatias próximas parecerem maiores ### Honesto - O eixo das barras começa em zero - Fonte e data em letra pequena no fundo - Totais que somam, ou uma nota a explicar porque não - Um intervalo de tempo completo e indicado - Gráficos planos, com legendas diretas Os gráficos de linhas podem começar acima de zero quando o que importa é a mudança, mas diz isso e mantém a escala razoável. Nunca mistures os teus valores com os emprestados sem dizer qual é qual. Se citas a investigação de outra pessoa, nomeia-a por inteiro e põe a ligação na legenda. > **O tamanho da amostra conta** "80% dos clientes adoraram" com cinco respostas não é uma estatística, são quatro pessoas. Se a amostra é pequena, dá o número real: "4 das 5 pessoas a quem perguntámos". ## Cor que aponta para os dados Usa a cor para dizer "olha aqui". Uma cor de destaque para a barra, a linha ou o número que leva o ponto, e cinzentos discretos ou neutros da marca para o resto. Um arco-íris de barras torna cada item igualmente barulhento, e nada se destaca. - Fundo tinta: #0f172a - Turquesa de destaque: #14b8a6 - Barra discreta: #475569 - Cinzento de legenda: #94a3b8 - Branco do título: #f1f5f9 Uma paleta de dados num fundo escuro: um turquesa para o ponto, dois cinzentos para contexto e legendas, branco para o título. Verifica o contraste entre o destaque e o fundo, e não contes com vermelho contra verde para separar duas séries, já que muitos leitores não os distinguem. O [contraste de cor e acessibilidade](https://gradiently.design/pt-pt/guide/color-contrast-accessibility) e o [design para daltonismo](https://gradiently.design/pt-pt/guide/color-blindness-design) têm os detalhes. Um fundo escuro faz brilhar uma única cor viva, o que é útil quando o número é a história toda. ## Texto e composição para ecrãs pequenos 1. **O título enuncia a descoberta** "As segundas são o nosso dia mais movimentado", não "Encomendas por dia". O gráfico prova depois a frase. 2. **Mantém as legendas grandes** Numa publicação de 1080 de largura, legendas com menos de cerca de 28 píxeis ficam difíceis de ler num telemóvel. Se não cabem, tens demasiadas. 3. **Legenda diretamente** Põe os nomes junto às barras e às linhas em vez de usares uma legenda que o leitor tem de decifrar. 4. **Fonte no rodapé** Pequena mas legível, com data: "Fonte: os nossos dados de encomendas, jan a set 2026." 5. **Deixa margens** Mantém tudo a pelo menos 60 píxeis dos bordos para que nada seja cortado nas pré-visualizações. A [hierarquia visual](https://gradiently.design/pt-pt/guide/visual-hierarchy) e o [tamanho de letra em publicações de Instagram](https://gradiently.design/pt-pt/guide/font-size-for-social-media) tratam os tamanhos com mais profundidade. ## Transforma infográficos longos em carrosséis Se tens cinco descobertas, faz cinco páginas. Um carrossel no Instagram ou no LinkedIn transforma um cartaz denso numa história: uma página de capa com a principal descoberta, uma página por ponto e uma página final com as fontes e uma conclusão. O [design de carrosséis de Instagram](https://gradiently.design/pt-pt/guide/instagram-carousel-design) cobre o ritmo e a capa. - Publicação de Instagram 1080×1350: 1080 × 1350 - LinkedIn vertical 1080×1350: 1080 × 1350 - Pin longo do Pinterest 1000×2100: 1000 × 2100 - Publicação no X 1600×900: 1600 × 900 O formato vertical serve os carrosséis no Instagram e no LinkedIn. O pin longo do Pinterest é o único sítio onde um infográfico alto, numa só imagem, ainda tem lugar. Mantém o fundo e o texto idênticos em todas as páginas para o carrossel se ler como uma peça só. No Gradiently, as páginas de um design partilham o seu Mark, e a Tinta automática escolhe legendas claras ou escuras a partir do fundo para que cada número continue legível. Com o Pro, a criação em massa também pode ligar colunas de uma folha de cálculo ao texto e às tabelas de uma página, o que ajuda quando publicas o mesmo formato todos os meses com valores novos. ## FAQ ### Como se desenha um infográfico para redes sociais? Faz um ponto por imagem com um número grande ou um gráfico simples, escreve um título que enuncie a descoberta, legenda diretamente e põe a fonte no fundo. ### Que tamanho deve ter um infográfico de Instagram? 1080×1350 para cada publicação ou página de carrossel. Para um infográfico alto numa só imagem, o pin longo do Pinterest, de 1000×2100, é um sítio melhor. ### Um gráfico de barras deve começar em zero? Sim. Começar o eixo dos valores de um gráfico de barras acima de zero exagera as diferenças e engana os leitores. ### Os infográficos precisam de fontes? Cada estatística precisa de uma fonte indicada e de uma data, mostradas na imagem e, de preferência, com ligação na legenda. ### Qual é o melhor tipo de gráfico para redes sociais? Um único número grande ou um gráfico de barras horizontais. Ambos se leem depressa num telemóvel e continuam legíveis quando mostrados pequenos.