Ferramentas para fazer infográficos

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/ )

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. .

  • Se esse é o caminho que você deseja seguir, confira Raphael e gRaphael, que podem usar o SVG e trabalhar em tudo, desde o IE6 até os iPads.
  • Vale a pena conhecer o D3 , que também é SVG (mais fácil de usar, mas não funciona no IE <8) e é muito usado pelo departamento de gráficos do New York Times ,
  • Processing and Processing.js ( tela HTML5 ) também são bastante populares e são usados ​​por vários grandes nomes em gráficos de dados interativos, como Jer Thorp e Ben Fry .

À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.

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.

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.

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.

"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.

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!

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