Como fazer um infográfico?

Como fazer um infográfico? Os infográficos pegam dados e informações complexos e os traduzem em recursos visuais fáceis de entender. No mundo acelerado de hoje, os designers gráficos precisam comunicar uma mensagem de forma simples e eficaz.

 

Teste de multidão. Como fazer isso?

Dados de texto em dados gráficos. Como fazer um infográfico?

À direita vemos o currículo de um designer gráfico, desenhado no estilo infográficos. Ele habilmente transformou suas estatísticas em gráficos elegantes, o que tornou as estatísticas secas mais dinâmicas.

Imagens como essas dão a Tibor van den Brink a oportunidade de adicionar cor e intriga estética, dois fatores que se destacam naturalmente em um currículo tradicional e atraem o espectador.

Aqui podemos estimar rapidamente que Tibor é 100% fluente em holandês e cerca de 88% em inglês, graças a um simples gráfico de pizza. Ele usa outras abordagens inteligentes, como ícones para seus hobbies e "medidores" para exibir rapidamente seu nível de habilidade em vários programas e conceitos de design.

Instantaneamente vemos que ele tem um nível de habilidade de 75% em Photoshop, Illustrator e InDesign. Todas as suas informações são transmitidas de uma forma simples e concisa (e refrescante) que supera as frases longas e prolongadas sobre sua história com o Adobe Creative Suite. Como fazer um infográfico?

Imagens (e diagramas) valem mais que mil palavras

Todo mundo conhece o famoso ditado: “Uma imagem vale mais que mil palavras”. Esta citação fala muito sobre o poder dos infográficos: as pessoas são criaturas visuais. Onde o texto requer tempo e processamento mental, as imagens costumam ser imediatas e intuitivas.

O exemplo do infográfico acima usa uma série de diagramas para explicar como funciona um Cubo de Rubik. Dada a complexidade dos cubos de Rubik, você precisará pelo menos mil palavras para explicar de forma rápida e clara o que esses diagramas mostram. Além disso, este infográfico é colorido e interessante. Isto é sem dúvida preferível a uma explicação textual do Cubo de Rubik.

Fluxo. Como fazer um infográfico?

Os infográficos têm fluxos visuais. É importante lembrar disso ao projetar infográficos. Tal como acontece com qualquer outro assunto de design, o designer é responsável por chamar a atenção dos espectadores para o design.

O infográfico à esquerda retrata o processo de fabricação do calçado em três etapas. Se criticássemos esta peça, poderíamos dizer que o olhar começa pela cabeceira no topo e gravita naturalmente em direção aos grandes sapatos no teto.

Esse grande sapato nos leva à etapa 3 do processo, que está na bolha de zoom. Ai! Esperávamos começar com o passo 1...

Embora este infográfico seja colorido e bonito, ele claramente apresenta problemas de fluxo. Uma forma de resolver esse problema seria colocar o terceiro degrau no térreo daquele prédio e o primeiro degrau no andar de cima próximo ao porta-malas.

Numa crítica adicional, podemos dizer que os gráficos não transmitem necessariamente muitos dados textuais ou não. Por exemplo, na fase de “Produção”, vemos duas figuras sentadas em cadeiras calçadas com botas, mas isso não nos dá necessariamente qualquer informação ou sentimento adicional sobre esta fase para além da palavra “Produção”. O mesmo pode ser dito para Design e Sketches. Como fazer um infográfico?

Dê uma noção dos dados

Um bom infográfico exibe uma emoção e também um conjunto de dados. Ou seja, evocam uma reação instintiva no espectador em decorrência da compreensão instantânea e/ou rápida que o infográfico proporciona.

O exemplo acima exibe uma porcentagem simples de propriedade da terra, mas dá aos dados uma sensação complexa ao oferecer gráficos complexos e realistas. A maioria das pessoas pode não estar ciente de que a propriedade da terra nos Estados Unidos está dividida desta forma, e a visão desta imagem de terra sendo cortada e cercada pode naturalmente levar a um sentimento de desconforto ou a um desejo de aprender mais sobre o assunto. .

Navegação com ícones. Como fazer um infográfico?

Outro estilo de infográfico usa ícones junto com texto para ajudar o visualizador a navegar pelos dados. O exemplo à direita faz exatamente isso, explicando como identificar uma mentira.

No Passo 1, em vez de explicar como seriam esses gestos manuais por escrito, são usadas três imagens eficazes. Afinal, esses gestos são mais fáceis de mostrar nas ilustrações do que na escrita.

Em outro método, o Passo 2 conecta diretamente os gráficos às explicações textuais, usando o texto como “assinaturas” para as direções que os olhos de alguém poderiam olhar se estivessem mentindo. Essa abordagem também é eficaz e tem um lindo contorno circular ao redor do olho.

A Etapa 4 usa gráficos de maneira diferente. Para articular visualmente “Ouvir os indicadores de voz”, é utilizada a imagem de uma onda sonora. Isso é menos eficaz que o gráfico da etapa 1 porque, na verdade, não exibe nenhum dado ou informação. Dito isto, proporciona intriga visual e consistência com o resto do design, o que pode valer alguma coisa e, em última análise, justificar os gráficos.

Tornando os dados atraentes. Como fazer um infográfico?

Além das qualidades funcionais e práticas dos infográficos, outro uso deles é tornar os dados atraentes e bonitos. No exemplo acima, o impacto das mudanças climáticas na linha do tempo da primavera é representado visualmente em um “mostrador solar” usando conjuntos dados sobre pássaros, árvores e temperatura.

Embora o tema seja perturbador, os gráficos são suaves, inocentes e atraentes. A paleta de cores é divertida e sofisticada, e a flor geométrica atrai o espectador para o design. A natureza visualmente emocionante deste artigo provavelmente inspirará mais leitores a explorar os dados do que um simples layout de texto.

Como fazer seu próprio infográfico?

Neste tutorial, usaremos o Photoshop para criar um infográfico que compara os dados entre andar de bicicleta e pegar um trem do Washington Square Park, em Manhattan, até o centro de Williamsburg, no Brooklyn. De acordo com o Google Maps, pedalar entre esses dois pontos leva 18 minutos e a viagem leva 30 minutos.

 

Para começar, podemos colar uma captura de tela do Google Maps em nosso arquivo do Photoshop e dessaturá-la. Olhando para o exemplo original de cor e apelo estético de Tibor van den Brink, a rota que está sendo comparada pode ser destacada em amarelo.

A moldura do cartão também é amarela e foi projetada para deixar espaço para texto na parte superior. Este conteúdo é colocado sobre um fundo cinza escuro para contraste e é coberto com uma textura de papel sutil para dar uma sensação de “mapa”. Como fazer um infográfico?

Então, com o exemplo de Como detectar mentiras em mente, podemos adicionar alguns ícones para ajudar a enquadrar os dados. Aqui usaremos um ícone mínimo de bicicleta e um ícone mínimo de trem. Seguindo esse fluxo criativo, podemos adicionar “pegadas” de comprimentos variados aos ícones que correspondem aproximadamente à duração relativa de cada viagem.

A cor azul esverdeada complementar é cuidadosamente selecionada. Tenha em mente que queremos tornar esses dados o mais atrativos possível!

Finalmente, podemos adicionar nosso texto. O título é simples e conciso e as atas são grandes e fáceis de ler. fonte. Este infográfico é bem-sucedido porque traduz graficamente muitos dados de texto, incluindo um mapa de rotas, métodos de transporte comparados e horários. Como fazer um infográfico?

Também consegue tornar esses dados atraentes. O design é colorido, profissional, limpo e simples.

Conclusão

Os infográficos vêm em vários formatos. Podem conter ilustrações, diagramas, cores, combinar texto com ícones ou até mesmo ser fotográficos. É útil que os designers entendam os diferentes tipos de infográficos e sejam capazes de diferenciar quando eles funcionam e quando não funcionam.

Use este artigo como uma introdução e veja se você consegue analisar o próximo infográfico que encontrar como uma forma de fortalecer suas próprias habilidades de design de infográficos!