Como escolher o layout de um infográfico (+20 ideias de modelos para iniciantes)

By Jennifer Gaskin, Sep 17, 2021

layout infografico

Todo designer deseja criar um belo infográfico que informe, inspire e, o mais importante, prenda seu público. Mas chegar a esse ponto não é assim tão simples, e mesmo designers experientes podem se sentir bloqueados ao escolher o layout de um infográfico.

Nesta postagem, vamos explorar o que você precisa saber sobre design de layouts de infográficos para que possa escolher a opção perfeito para o seu assunto.

Se você é um iniciante na área do design, também lhe daremos algumas opções de modelos para que você não precise começar do zero. Todos esses modelos são fáceis de editar no Criador de Infográficos da Venngage, de forma que você pode começar a criar seu próprio infográfico hoje mesmo.


 

NOVO! Lançamento: o guia oficial para projetar infográficos

Qualquer pessoa pode criar infográficos profissionais com este guia abrangente e acessível. Ele está repleto de ideias, melhores práticas, exemplos, listas de verificação e muito mais — tudo o que você precisa para criar infográficos que se destaquem em relação aos outros.

Aprenda a criar infográficos profissionais que o ajudam a alcançar seus objetivos de comunicação e negócios. Confira o livro aqui (em inglês):

layout infografico


 

Clique para avançar:

É a primeira vez que vai fazer um infográfico? Este vídeo fácil de seguir explora os nove tipos de infográficos.

 

O que é o layout de um infográfico?

O layout de um infográfico refere-se à maneira como os elementos visuais e outros conteúdos são organizados no infográfico.

Dependendo da história que você deseja contar, quais recursos visuais deseja incluir ou quantos subtópicos deseja ter em seu infográfico, você pode escolher um destes:

layout infografico

No entanto, pode ser difícil lembrar de todos esses designs de layout sem saber os casos de uso exatos para cada um deles.

Para facilitar sua vida, categorizamos os infográficos em três layouts básicos: empilhado, de comparação e cronológico.

 

Layout de infográfico empilhado

Quando você for solicitado a pintar a imagem de um infográfico em sua mente, provavelmente imaginará um layout empilhado. Nesse tipo de infográfico, as seções são empilhadas uma em cima da outra ao longo da página.

layout infografico

Às vezes, os cabeçalhos de seção estão incluídos, mas nem sempre é o caso. Um dos motivos pelos quais os layouts empilhados são a variedade mais comum é sua versatilidade. Infográficos empilhados permitem que muitos tipos de histórias de infográficos sejam contadas.

Relacionado: Guia definitivo do design de infográficos: 13 truques para designs melhores (em inglês)

Caso você esteja perdido por não saber que tipo de layout é melhor para o seu infográfico, saiba que é difícil errar com um layout empilhado.

layout infografico


 

Infográficos estatísticos são candidatos ideais para layouts empilhados, pois você terá uma variedade de tipos de dados para visualizar e poderá empregar a ajuda de gráficos para fazer isso.

Usando um layout empilhado, você pode entrelaçar os dados em uma narrativa coesa. No exemplo acima, há muitos tipos de dados juntos, com alguns sendo visualizados em gráficos, de forma que o olho do leitor flui logicamente para baixo na página.

Note que esta opção não tem títulos de seção, mas depende de mudanças nas cores de fundo para fornecer uma sugestão visual sutil que agrupa informações semelhantes.

layout infografico


 

Nem sempre é necessário que as informações em layouts de infográficos empilhados ocupem a largura total da página. Neste exemplo que detalha os dados demográficos de CEOs x funcionários, o olho desce pela página, saltando entre as subseções.

Como os nativos da língua portuguesa leem da esquerda para a direita, o olho flui naturalmente nessa direção, mas se o olhar de alguém pousasse, digamos, na seção “Idades” antes de “Local”, isso não afetaria negativamente a compreensão do conteúdo.

layout infografico


 

Nesse layout empilhado de estatística que aborda as tendências financeiras, grandes cabeçalhos definem os assuntos cobertos em cada seção, enquanto as cores fornecem interesse visual e ajudam a agrupar informações.

Layouts empilhados não servem apenas para infográficos estatísticos. Eles também podem ser usados para infográficos informativos e de lista.

Confira exemplos de layouts de infográficos empilhados que possuem várias seções.

layout infografico

E aqui está outro exemplo que é uma coluna, mas tem vários elementos por seção.

layout infografico


 

Este infográfico informativo é um exemplo perfeito de layout empilhado em que cada seção tem o mesmo design básico com informações, ícones e ilustrações diferentes. Nesse caso, os títulos das seções, números e cores levam o leitor a descer o olhar pela página.

Novamente, alguns conteúdos ocuparão a largura da página, enquanto alguns estarão em um formato de várias colunas e outros oferecerão uma combinação de ambos.

O infográfico de liderança acima é um bom exemplo disso porque, embora os títulos das seções ocupem toda a largura da página, o conteúdo sobre as vantagens e desvantagens de cada estilo está em um formato de duas colunas, o que permite aos leitores fazer comparações rápidas.

Os infográficos de lista são alternativas perfeitas para o conteúdo baseado em texto que, de outra forma, seria apresentado em uma lista com marcadores ou em um esboço básico, e são excelentes candidatos para layouts empilhados.

layout infografico


 

Neste exemplo de um infográfico de lista empilhado, as seções ocupam a largura da página, iniciadas com títulos que descrevem dicas para lidar com o estresse durante uma crise e conteúdo de apoio para expandir as dicas.

layout infografico


 

Neste exemplo de infográfico de lista que usa um layout empilhado, as duas seções oferecem ao leitor variedade visual, enquanto o uso de números facilita a visualização rápida do infográfico.

Conclusão

  • Quando usar um layout de infográfico empilhado: como mencionamos, existem poucas ocasiões em que um layout de infográfico empilhado estaria deslocado ou prestaria um mau serviço ao conteúdo. Dito isso, eles apresentam seu melhor desempenho quando combinados com estatísticas, listas ou informações (com marcadores).
  • Quando não usar um layout de infográfico empilhado: se o layout for uma parte fundamental da sua narrativa, tente outro formato de infográfico. Isso pode significar que você tem informações que está comparando lado a lado ou precisa que os leitores se lembrem de uma ordem específica.

 

Layout de infográfico de comparação

Esta opção de layout de infográfico compara diversas variáveis entre categorias. Os layouts de infográfico de comparação são mais eficazes ao comparar apenas algumas variáveis, mas podem ser usados para comparar até três ou quatro, dependendo do tamanho.

layout infografico

Tal como acontece com layouts empilhados, os layouts de infográfico de comparação atravessam muitos tipos de infográfico, com infográficos estatísticos, informativos e de lista sendo excelentes opções.

Normalmente, esses infográficos são orientados verticalmente, o que significa que os elementos são comparados lado a lado, mas também atendem layouts circulares ou horizontais.

layout infografico


 

Este layout de infográfico de comparação estatístico aproveita ao máximo o formato de comparação, colocando as categorias à esquerda, o que permite ao leitor ver as informações em um verdadeiro formato comparativo em vez de ficar “pulando para a frente e para trás”.

layout infografico


 

Por outro lado, infográficos de comparação como este em que as categorias ocupam o centro da página também são extremamente envolventes. Como o exemplo anterior, este também oferece estatísticas entre as categorias.

Os layouts de comparação podem ser usados para explicar elementos com peso igual em que não há uma única opção “boa” ou “melhor”, como este exemplo que compara vírus com bactérias:

layout infografico


 

Mas eles também podem ser usados nos casos em que é necessário tentar influenciar um pouco o resultado e garantir que o leitor entenda que uma opção é melhor do que as outras, como neste layout de infográfico de comparação a respeito dos preços de certos produtos:

layout infografico


 

Alguns layouts de infográfico de comparação combinam o melhor de todos os mundos usando o formato de comparação e a visualização de dados simples para conduzir os leitores a um resultado inconfundível. Neste exemplo, os ícones são usados para visualizar dados em três plataformas de tutoria:

layout infografico


 

Os layouts de infográfico de comparação também servem para vários tipos de visualização de dados, incluindo diagramas de Venn, gráficos de setores e gráficos de barras, pois esses tipos de visualizações permitem que os leitores enxerguem diferenças rapidamente.

Conclusão

  • Quando usar um layout de infográfico de comparação: se você deseja comparar um conjunto de categorias e precisa que os leitores façam comparações visuais imediatas.
  • Quando não usar um layout de infográfico de comparação: se o aspecto de comparação visual das informações não for necessário ou se você não tiver informações comparáveis que ajudem os leitores a ver as diferenças entre dois ou mais elementos.

 

Layout de infográfico cronológico

Os layouts de infográficos cronológicos podem ter uma variedade de formas, mas seu objetivo é visualizar os eventos que ocorreram (ou irão ocorrer) entre determinadas datas. Alguns infográficos cronológicos são organizados ao longo de uma linha de tempo central, enquanto outros percorrem a página, como no exemplo abaixo.

layout infografico


 

Devido a sua natureza, os layouts de infográficos cronológicos são usados para contar apenas um tipo de história — linhas do tempo. No entanto, eles também são úteis para camadas em níveis adicionais de informações, que podem incluir estatísticas.

Dentro da estrutura geral de um layout de infográfico cronológico, o formato geralmente é vertical, mas este tipo de infográfico também pode ser horizontal. Esse é frequentemente o caso de cronogramas curtos ou que empregam um layout ondulante.

Este exemplo horizontal permite a visualização de apenas sete datas relacionadas à pandemia da COVID-19 e à crise de refugiados que ela criou, e o conteúdo alterna acima e abaixo da linha central:

layout infografico


 

Esse tipo de abordagem também é ideal para cronogramas com base em marcos, em vez de datas ou períodos específicos, como neste exemplo:

layout infografico


 

Os dados às vezes são incluídos, como neste infográfico de linha do tempo horizontal que também incorpora a visualização de dados:

layout infografico


 

Os layouts de infográficos cronológicos em formato horizontal não estão limitados a uma única linha contínua. Neste exemplo, a linha do tempo horizontal se estende a uma segunda linha, e a seta deixa claro como ler a cronologia:

layout infografico


 

Para histórias do infográfico cronológico que têm muitos eventos ou muitas informações para transmitir, geralmente é preferível um layout vertical para criar um bom design (em inglês).

layout infografico


 

Neste exemplo, uma linha do tempo é usada para refletir e condensar o processo de como uma empresa lida com o projeto do cliente, desde a consulta inicial na semana 1 até a revisão final na semana 9. Os eventos saltam da esquerda para a direita, ao longo da linha de tempo central.

Da mesma forma, o infográfico abaixo usa o mesmo layout para retratar uma breve história de tecnologia:

layout infografico


 

Vejamos um infográfico cronológico diferente usando este design de layout:

layout infografico


 

Neste layout de infográfico cronológico, os principais eventos dos devastadores incêndios florestais australianos de 2018-2020 são retratados e serpenteiam pela página, ligados por uma linha pontilhada simples.

Nem todos os layouts de infográficos cronológicos estão vinculados a acontecimentos ou datas específicas, e essa abordagem também é perfeita para descrever um processo de negócios no qual a ordem das etapas é importante. No exemplo a baixo, não há linha do tempo em si, mas sim uma explicação do processo.

layout infografico


 

Frequentemente, a chave para um infográfico de processo cronológico está em usar números para reforçar a ordem das etapas que devem ser executadas. Além de descrever a ordem, numerar as etapas também torna mais fácil criar diversos layouts que vão além de um estilo de linha do tempo, como esta abordagem serpenteada:

layout infografico


 

Outras opções incluem cronologias de processo circulares que são ideais para processos cíclicos. Nesses infográficos, ícones como setas podem substituir as etapas numeradas, mas há casos em que elas são claramente numeradas e os ícones são usados para descrever o conteúdo de cada etapa, como no infográfico de desenvolvimento de currículo abaixo.

layout infografico


 

Conclusão

  • Quando usar um layout de infográfico cronológico: sempre que você tiver um conjunto de fatos, acontecimentos ou etapas em que a ordem em que ocorrem é relevante para garantir a compreensão do público.
  • Quando não usar um layout de infográfico cronológico: quando não for possível colocar o conteúdo em ordem cronológica ou quando isso não facilita a compreensão das informações.

 

Perguntas frequentes sobre layouts de infográfico

Você tem dúvidas sobre as opções de layout para infográficos? Nós podemos ajudar.

Um infográfico pode ter várias páginas?

Tradicionalmente, os infográficos são limitados a uma página, mas em alguns casos, os infográficos podem se estender a duas ou mais páginas. Este é frequentemente o caso com infográficos projetados para fins de impressão ou usados como slides de apresentação.

Usar infográficos para relatórios impressos ou apresentações em PowerPoint é uma maneira ideal de tornar esses tipos de conteúdo mais envolventes, e o Criador de Infográficos da Venngage permite exportar infográficos para PowerPoint.

Quais são os principais elementos de um infográfico?

Embora os infográficos venham em muitas variedades, todos eles têm três coisas que os separam de outros tipos de comunicação: conteúdo (geralmente estatístico ou informativo), recursos visuais (ícones, gráficos, ilustrações) e análise (o que o leitor deve obter da leitura do infográfico).

Procura mais inspiração? Confira estas 7 dicas para personalizar seu modelo de infográfico (em inglês).

Como decidir sobre o layout de um infográfico?

A primeira etapa para criar o layout de um infográfico é a mais importante: a coleta de informações. Isso dirá qual layout geral usar, se empilhado, de comparação ou cronológico; quais fontes são adequadas, sejam serif, sans serif ou “display”; e quais recursos visuais você pode incluir, como gráficos, ícones ou ilustrações.

Relacionado: Escolher as fontes certas de infográfico para comunicações empresariais (em inglês)

Você pode usar modelos de infográfico existentes e criar uma história que se encaixe nos parâmetros estabelecidos ou pode criar sua própria, decidindo quais informações transmitirão melhor sua mensagem. (Saiba mais sobre como fazer um infográfico em 5 passos.)

 

Em resumo: deixe a informação ser seu guia

Pode ser tentador criar um infográfico que tente ser tudo para todas as pessoas. Mas se você puder manter os elementos mais importantes de sua história em mente, decidir sobre uma abordagem de layout de infográfico pode ajudá-lo a se concentrar em aproveitar ao máximo seu conteúdo.

Usar layouts de infográfico como inspiração também pode ajudá-lo a descobrir histórias que você não sabia que poderia contar, imaginando como um determinado layout poderia se aplicar à sua organização. Mas a informação deve estar sempre sob nosso controle.

Esperamos que os exemplos e modelos compartilhados aqui possam gerar novas ideias para você. Se você está pronto para começar a dar vida à sua visão de layout de infográfico, inscreva-se gratuitamente no Criador de Infográficos da Venngage.