Ferramentas para fazer infográficos


12

Quais são as melhores ferramentas para produzir infográficos - displays atraentes que combinam gráficos, diagramas e texto para transmitir muitas informações de forma sucinta. Estou interessado em conteúdo visualizável na Web e em pôsteres para impressão.

Especificamente, estou perguntando:

  • Que combinações de ferramentas são usadas (por exemplo, uma ferramenta para criar gráficos, outra para montar gráficos e texto no infográfico final)?
  • Existem ferramentas gráficas vetoriais (por exemplo, Illustrator) particularmente mais ou menos adequadas para a tarefa do que outras?
  • Existem ferramentas on-line úteis no processo de montagem?

(Como exemplo do tipo de coisa que estou interessado em fazer [mas em uma escala muito mais modesta], http://xkcd.com/980/ )


Para as excelentes respostas já dadas, só quero disponibilizar alguns recursos que empurram um pouco o envelope (meu envelope de qualquer maneira) sobre o que você pode fazer com os dados. Você pode não conseguir usá-los em seu próximo projeto (ou nunca), mas eles são divertidos e farão você pensar.
Amanda

Respostas:


18

Projetar infográficos é uma grande parte do que faço. Aqui está uma descrição detalhada do que eu uso.

  • Provavelmente 95% do trabalho sobre infográficos que faço é no Illustrator. Você deseja manter tudo o mais possível no formato vetorial, porque o dimensionamento, o alinhamento, o agrupamento, o ajuste e a alteração precisos são muito importantes. Se é uma boa apresentação de boas informações, pode haver versões diferentes: web, impressão, pôster, interativo, pequenas imagens compartilháveis ​​para mídias sociais, miniaturas ... e talvez até uma versão atualizada com os dados do próximo ano. Se você mantiver tudo flexível, agradecerá a si mesmo mais tarde. Alguns recursos específicos do Illustrator:

    • Suas ferramentas de gráficos, enferrujadas e frustrantes, mas precisas e valem a pena usar (algumas dicas: lembre-se de usar se rdimensionar e girar, os métodos normais não funcionam e, quando você precisar quebrar e desagrupar os gráficos, mantenha sempre um grupo cópia) e supere as soluções alternativas necessárias no Corel Draw . Dito isso, entendo que o Inkscape possui alguns plugins e está melhorando nesse aspecto, enquanto a Adobe negligencia suas ferramentas gráficas francamente antiquadas . Por mais que eu goste do Illustrator, cairia em um instante se um rival tivesse ferramentas de gráficos boas, modernas e confiáveis. Não fique tentado a copiar, desagrupar e editar gráficos do Excel - ele funciona, eles colam como vetores, mas em algum ponto da linha ficam ligeiramente distorcidos e perdem a precisão.
    • Seus recursos para aplicar efeitos a formas desenhadas com precisão de maneira ajustável, como pincéis de arte, pincéis de padrão e efeitos de transformação. Outros programas de vetores têm recursos como esses, mas não na mesma extensão. Qualquer coisa que torne os elementos reutilizáveis, ajustáveis ​​e reconfiguráveis ​​ajuda.
    • Existem muitos scripts para quando você precisa fazer as coisas de maneira numérica precisa. Quando você precisa fazer algo incomum e preciso, geralmente há um script para isso. Além disso, a paleta Alinhar é excelente e possui truques não óbvios, como empilhar as coisas com precisão .
  • Eu raramente uso o InDesign, a menos que um gráfico faça parte de um documento de várias páginas (embora algumas pessoas o usem para todo o lado do texto, colocando todos os elementos do Illustrator). Duas exceções em que eu o uso:

    • Qualquer coisa criada em torno de um formato de tabela (mesmo assim, é uma boa ideia manter elementos totalmente gráficos como arquivos de ilustrador e colocá-los conforme necessário - especialmente para qualquer coisa ajustável com base em dados como sparklines - o InDesign é bom para colocar dados, mas não pode fazer nada com isso)
    • Se o texto é muito pesado, é mais como um layout de revista com vários gráficos do que um gráfico com trechos de texto
  • Ocasionalmente, o Photoshop é muito útil para os momentos em que os gráficos de varredura são inevitáveis, e o Fireworks pode ser útil para preparar coisas complexas para a Web ou para um conjunto de variantes com a mesma estrutura básica. Uso os dois raramente para infográficos, embora algumas pessoas criem infográficos simples e únicos para a Web, principalmente usando o Photoshop ou o Fireworks.

  • Se você está interessado em infográficos interativos e se conhece algum colega ou javascript, outra vantagem do Illustrator (também aplicável ao Inkscape e ao CorelDraw) é que ele pode exportar SVG, que pode ser usado como elementos vetoriais interativos em um navegador. .

Às vezes, as pessoas usam programas mais simples, como omnigraffle para diagramas simples, e a idéia de ferramentas de criação de infográficos com pouca barreira à entrada às vezes se espalha, mas aqueles que eu vi foram apenas um monte de infográficos pré-fabricados disfarçados (por exemplo, criação visual) ou ridiculamente superficial (por exemplo, cavalete) .

Editar--

Agora, existem algumas ferramentas de baixa barreira à entrada que não são 100% ruins e adicionam algo que vale a pena mencionar no formato infográfico padrão ( Vennage e infogr.am ). Eles estão nos estágios iniciais e um pouco rudes, e, como são essencialmente aplicativos de brinquedos, é improvável que sejam de grande utilidade para os designers, exceto para os funcionários internos, evitando trabalhos trivalentes ("Texto e alguns gráficos? realmente simples, você pode realmente fazer isso sozinho, eis como ... ") - mas há algo que vale a pena notar sobre eles: eles exportam como HTML e SVG (infogr.am usa Raphael, Venngage usa HTML, CSS e D3).

Por que isso importa? Como se você criar infográficos para publicação em páginas da Web e apenas criar um png ou gif e disser que o trabalho foi feito sem usar métodos como este para gerar o texto como texto real, real, ao vivo e semântico na marcação da página da Web, isso significará que brinquedos automatizados queijos como esses sites produzirão resultados que têm uma vantagem sobre o seu trabalho ... Eu sempre uso o Raphael para coisas assim, porque é a única coisa que funciona no IE e no iOS antigos.

Editar 2 ---

O designer de informações influentes / pioneiro em jornalismo de dados Alberto Cairo publicou recentemente um blog sobre ferramentas do comércio e publicou alguns tutoriais em vídeo sobre infográficos no Illustrator voltados para iniciantes (eu não os experimentei, por isso não posso garantir isso). O popular blog de dataviz Flowing Data também possui periodicamente tutoriais que às vezes são de código, outras de estatísticas, outras de design . Geralmente, eles são voltados para estatísticos que buscam aprimorar suas habilidades de design e visualização do que o contrário, mas podem ser úteis.


4
+1000 para "mantenha uma cópia agrupada do seu gráfico, se quiser desagrupá-lo". Mãe da misericórdia, tentar trabalhar com o gráfico logarítmico não agrupado de outra pessoa do S&P de 1923 até o momento é como apunhalar-se nos olhos com um pauzinho mergulhado em suco de limão.
Lauren-Clear-Monica-Ipsum

+1 para a memória obviamente dolorosa de um gráfico não agrupado.
Huzzah

Resposta fantástica. Obrigado especialmente pelo ponteiro sobre infográficos interativos - definitivamente algo para explorar.
Steve Bennett

1
@SteveBennett Thanks! A propósito, desde que escrevi isso, vi esse exemplo impressionante de Raphael sendo usado para tornar o que parece ser um gráfico imprimível projetado para ser estático mais atraente online. É em francês, mas ele deve ser bom para obter idéias ... só não espere a implementação para ser necessariamente fácil parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

uau, isso é espetacular. (assunto interessante também - morei na França por dois anos, antes de Sarkozy). raphaeljs.com
Steve Bennett

8

O WebCode é um aplicativo de desenho vetorial excelente e fácil de usar que gera instantaneamente código JavaScript + Canvas, SVG ou CSS + HTML. É voltado especificamente para infográficos da web.

insira a descrição da imagem aqui


7

Ilustrador para os gráficos. Dependendo do que mais estiver no infográfico, você pode usar o Illustrator ou o InDesign para materiais que não são gráficos. O Illustrator pode ser usado para layouts básicos a moderados, e certamente é bom para um pôster de uma folha. Depois de entrar em várias páginas, você provavelmente estará melhor com o InDesign.


4

Eu concordo com Lauren - Illustrator para gráficos. E é possível usar o Illustrator para a peça inteira. No entanto, gostaria de usar o Indesign para muitos dados tabulares e não simplesmente várias páginas. O Indesign lida com os dados da tabela muito mais facilmente que o Illustrator.

Na realidade, a maioria das peças não é criada usando um software. Tabelas e gráficos feitos no Illustrator, fotos ou ilustrações possivelmente concluídas usando o Photoshop. Então, a coisa toda combinada com as tabelas no Indesign, já que o Indesign possui ferramentas de tipo melhores.

Mas é possível concluir uma peça inteira no Illustrator ou no Photoshop.


2

"Infográfico" não é realmente uma tecnologia específica ou mesmo estética. É realmente apenas visualmente representando dados. Use as ferramentas que fizerem sentido para você usar. Para ilustração vetorial, o Adobe Illustrator está bem. O Inkscape também é uma boa opção. O Corel Draw pode funcionar. Há uma série de opções.


2

Para as excelentes respostas já dadas, eu só quero disponibilizar alguns recursos que empurram um pouco o envelope (meu envelope de qualquer maneira) sobre o que você pode fazer graficamente com dados. (1) o livro de Nathan Yau, Visualize isto (ou o site flowdata.com), que, se bem me lembro, menciona várias ferramentas avançadas de criação de infográficos e (2) a palestra de Jer Thorpe no TED sobre "Tornar os dados mais humanos" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Aproveite um momento em que você tem alguns minutos extras!


1

Uso o Microsoft Word para fazer infográficos com o Layout de publicação, ferramentas de formas, caixas de texto e guias. Consegui fazer gráficos como esses de maneira muito simples e gostaria de fornecer instruções em vídeo passo a passo sobre como outras pessoas que não têm acesso às ferramentas do Adobe CS5 podem criar uma biblioteca de informações gráficas no MS Word. https://gumroad.com/l/MDDPA

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.