Outils pour faire des infographies

Quels sont les meilleurs outils pour produire des infographies - des affichages attrayants qui combinent des graphiques, des diagrammes et du texte pour transmettre de nombreuses informations de manière succincte. Je suis intéressé par le contenu consultable sur le Web et les affiches à imprimer.

Plus précisément, je demande:

• Quelles combinaisons d'outils sont utilisées (par exemple, un outil pour créer des graphiques, un autre pour assembler des graphiques et du texte dans l'infographie finale)?
• Y a-t-il des outils graphiques vectoriels (par exemple, Illustrator) particulièrement plus ou moins adaptés à la tâche que d'autres?
• Existe-t-il des outils en ligne utiles au processus d'assemblage?

(Comme exemple du genre de chose que je voudrais faire [mais à une échelle beaucoup plus modeste], http://xkcd.com/980/ )

Concevoir des infographies est une grande partie de ce que je fais. Voici une ventilation approximative de ce que j'utilise.

• Probablement 95% du travail sur l'infographie que je fais est dans Illustrator. Vous voudrez tout garder au format vectoriel autant que possible, car une mise à l'échelle, un alignement, un regroupement, un ajustement et une modification précis sont si importants. Si c'est une bonne présentation de bonnes informations, alors il peut être nécessaire de proposer des versions différentes: web, imprimé, affiche, interactif, petites images partageables pour les réseaux sociaux, vignettes ... et peut-être même une version mise à jour avec les données de l'année prochaine. Si vous gardez tout flexible, vous vous remercierez plus tard. Quelques fonctionnalités spécifiques d'Illustrator:

  • Ses outils graphiques, qui sont rouillés et frustrants mais précis et valent la peine d'être utilisés (quelques conseils: n'oubliez pas d'utiliser set de mettre rà l'échelle et de faire pivoter, les méthodes normales ne fonctionnent pas, et lorsque vous devez casser et dissocier les graphiques, gardez toujours un groupe copie) et contournez les solutions de contournement nécessaires dans Corel Draw . Cela dit, je suppose qu'Inkscape a quelques plugins et s'améliore à cet égard tandis qu'Adobe néglige leurs outils graphiques franchement désuets . Autant que j'aime Illustrator, je tomberais en un instant si un rival avait de bons outils de cartographie modernes et fiables. Ne soyez pas tenté de copier, dissocier et modifier des graphiques à partir d'Excel - cela fonctionne, ils collent comme vecteurs, mais quelque part le long de la ligne, ils sont légèrement déformés et perdent en précision.
  • Ses fonctionnalités pour appliquer des effets aux formes dessinées avec précision et de manière réglable, comme les pinceaux artistiques, les pinceaux à motifs et les effets de transformation. D'autres programmes vectoriels ont des fonctionnalités comme celles-ci, mais pas dans la même mesure. Tout ce qui rend les éléments réutilisables, modifiables et reconfigurables aide.
  • Il y a beaucoup de scripts pour quand vous devez faire les choses de manière numérique précise. Lorsque vous devez faire quelque chose d'inhabituel et de précis, il y a souvent un script pour cela. De plus, la palette Aligner est géniale et propose des astuces pratiques non évidentes, comme empiler des objets avec précision .

• J'utilise rarement InDesign à moins qu'un graphique ne fasse partie d'un document de plusieurs pages (bien que certaines personnes l'utilisent pour la totalité du texte d'un graphique, en plaçant chaque élément d'Illustrator). Deux exceptions où je l'utilise:

  • Tout ce qui est construit autour d'un format de tableau (même dans ce cas, c'est une bonne idée de conserver des éléments entièrement graphiques en tant que fichiers illustrateurs et de les placer selon les besoins - en particulier pour tout ce qui est réglable en fonction de données telles que les graphiques sparkline - InDesign est bien pour placer des données mais ne peut rien faire avec ça)
  • S'il est très chargé en texte, il ressemble davantage à une mise en page de magazine avec différents graphiques qu'à un graphique avec des extraits de texte

• Photoshop est parfois très pratique pour les moments où l'utilisation de graphiques raster est inévitable, et Fireworks peut être pratique pour préparer des choses complexes pour le Web ou pour une suite de variantes avec la même structure de base. J'utilise les deux assez rarement pour les infographies, bien qu'il y ait des gens qui conçoivent des infographies simples uniques pour le Web principalement à l'aide de Photoshop ou de Fireworks.

• Si vous êtes intéressé par les infographies interactives et si vous ou un collègue connaissez du javascript, Illustrator (également valable pour Inkscape et CorelDraw) est qu'il peut exporter des fichiers SVG qui peuvent être utilisés comme éléments vectoriels interactifs dans un navigateur. .

  • Si c'est une route que vous souhaitez emprunter, consultez Raphael et gRaphael qui peuvent prendre SVG et travailler sur tout, d'IE6 aux iPads.
  • D3 mérite d'être connu, qui est également SVG (plus facile à utiliser mais ne fonctionne pas dans IE <8) et est beaucoup utilisé par le département graphique du New York Times ,
  • Processing et Processing.js ( HTML5 canvas ) sont également très populaires et sont utilisés par divers grands noms dans les graphiques de données interactifs comme Jer Thorp et Ben Fry .

Les gens utilisent parfois des programmes plus simples comme omnigraffle pour des diagrammes simples, et l'idée d'outils de création d'infographies à faible barrière à l'entrée se fait parfois entendre, mais ceux que j'ai vus n'étaient soit qu'un tas d' infographies pré-faites déguisées (par exemple, visual.ly create) ou ridiculement peu profond (par exemple, easel.ly) .

Éditer--

Il existe maintenant quelques outils à faible barrière à l'entrée qui n'aspirent pas à 100% et qui ajoutent quelque chose à mentionner au format infographique standard ( Vennage et infogr.am ). Ce sont des étapes précoces et un peu grossières, et comme ce sont essentiellement des applications de jouets, il est peu probable qu'elles soient un jour très utiles aux concepteurs, à l'exception des personnes travaillant à l'interne qui évitent un travail trival époustouflant ("Texte et quelques graphiques? vraiment simple, vous pouvez le faire vous-même, voici comment ... ") - mais il y a quelque chose à noter: ils exportent en HTML et SVG (infogr.am utilise Raphael, Venngage utilise HTML, CSS et D3).

Pourquoi est-ce important? Parce que si vous concevez des infographies pour les publier sur des pages Web, et si vous vous contentez de frapper un png ou un gif et de dire que le travail est fait sans utiliser des méthodes comme celle-ci pour sortir le texte en tant que texte sémantique réel, réel, en direct, dans le balisage de la page Web, ceci signifie que les jouets automatisés fromagers comme ces sites vont produire une sortie qui a un avantage sur votre travail ... J'utilise toujours Raphael pour des choses comme ça parce que c'est la seule chose qui fonctionne dans les anciens IE et iOS.

Modifier 2 ---

Alberto Cairo, concepteur d'informations et pionnier du journalisme de données, a récemment blogué sur les outils du commerce et a publié des didacticiels vidéo sur l'infographie dans Illustrator destinés aux débutants (je ne les ai pas essayés, je ne peux donc pas en garantir). Le blog de dataviz populaire Flowing Data propose également périodiquement des tutoriels qui sont parfois du code, parfois des statistiques, parfois du design . Ceux-ci sont généralement destinés aux statisticiens qui cherchent à améliorer leurs compétences en conception et en visualisation que l'inverse, mais pourraient être utiles.

WebCode est une excellente application de dessin vectoriel facile à utiliser qui génère instantanément du code JavaScript + Canvas, SVG ou CSS + HTML. Il est spécialement conçu pour les infographies Web.

Illustrateur pour les graphiques. Selon le contenu de votre infographie, vous pouvez utiliser Illustrator ou InDesign pour les matériaux non graphiques. Illustrator peut être utilisé pour les mises en page de base à modérées, et c'est certainement bien pour une affiche d'une feuille. Une fois que vous accédez à plusieurs pages, vous êtes probablement mieux avec InDesign.

Je suis d'accord avec Lauren - Illustrator pour les graphiques. Et il est possible d'utiliser Illustrator pour la pièce entière. Cependant, je préférerais utiliser Indesign pour beaucoup de données tabulaires et pas simplement pour plusieurs pages. Indesign gère les données des tableaux beaucoup plus facilement qu'Illustrator.

En réalité, la plupart des morceaux ne sont pas créés en utilisant un seul logiciel. Graphiques et graphiques réalisés dans Illustrator, photos ou illustrations éventuellement réalisées à l'aide de Photoshop. Ensuite, le tout combiné avec des tableaux dans Indesign car Indesign a de meilleurs outils de type.

Mais on pourrait compléter une pièce entière dans Illustrator ou Photoshop d'ailleurs.

"Infographic" n'est pas vraiment une technologie particulière ni même esthétique. Il s'agit simplement de représenter visuellement des données. Utilisez les outils qui vous conviennent. Pour l'illustration vectorielle, Adobe Illustrator est parfait. Inkscape est également une bonne option. Corel Draw pourrait fonctionner. Il existe plusieurs options.

Aux excellentes réponses déjà données, je veux simplement ajouter quelques ressources qui poussent un peu l'enveloppe (mon enveloppe quand même) sur ce que vous pouvez faire graphiquement avec les données. (1) Le livre de Nathan Yau Visualize This (ou le site Web flowingdata.com), qui si je me souviens bien mentionne un tas d'outils avancés de création d'infographie et (2) le discours TED de Jer Thorpe sur "Making Data More Human" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Profitez parfois lorsque vous avez quelques minutes supplémentaires!

J'utilise Microsoft Word pour créer des infographies avec la mise en page de publication, les outils de formes, les zones de texte et les guides. J'ai pu créer des graphiques comme ceux-ci très simplement et je voudrais donner des instructions vidéo étape par étape sur la façon dont d'autres qui n'ont pas accès aux outils Adobe CS5 peuvent créer une bibliothèque graphique d'informations dans MS Word. https://gumroad.com/l/MDDPA