Werkzeuge zur Erstellung von Infografiken


12

Was sind die besten Werkzeuge für die Erstellung von Infografiken? Attraktive Displays, die Grafiken, Diagramme und Text kombinieren, um viele Informationen kurz und bündig zu vermitteln. Ich interessiere mich sowohl für über das Internet sichtbare Inhalte als auch für Poster zum Drucken.

Im Einzelnen frage ich:

  • Welche Werkzeugkombinationen werden verwendet (z. B. ein Werkzeug zum Erstellen von Grafiken, ein anderes zum Zusammenstellen von Grafiken und Text in der endgültigen Infografik)?
  • Sind vektorgrafische Werkzeuge (z. B. Illustrator) für diese Aufgabe mehr oder weniger geeignet als andere?
  • Gibt es Online-Tools, die für den Montageprozess hilfreich sind?

(Als Beispiel für die Art von Dingen, an denen ich interessiert bin [aber in viel bescheidenerem Maßstab], http://xkcd.com/980/ )


Auf die bereits gegebenen hervorragenden Antworten möchte ich nur ein paar Ressourcen einbringen, die den Umschlag (meinen Umschlag sowieso) ein wenig verschieben, was Sie mit Daten tun können. Sie sind möglicherweise nicht in der Lage, sie für Ihr nächstes Projekt (oder für jedes andere) zu verwenden, aber sie machen Spaß und bringen Sie zum Nachdenken.
Amanda

Antworten:


18

Das Entwerfen von Infografiken macht einen großen Teil meiner Arbeit aus. Hier ist eine grobe Aufschlüsselung dessen, was ich benutze.

  • Wahrscheinlich sind 95% meiner Arbeiten zu Infografiken in Illustrator. Sie möchten alles so weit wie möglich im Vektorformat belassen, da genaues Skalieren, Ausrichten, Gruppieren, Ändern und Ändern so wichtig sind. Wenn es sich um eine gute Präsentation guter Informationen handelt, sind möglicherweise unterschiedlich gestaltete Versionen erforderlich: Web, Print, Poster, interaktive, kleine, gemeinsam nutzbare Bilder für soziale Medien, Miniaturansichten ... und möglicherweise sogar eine aktualisierte Version mit den Daten des nächsten Jahres. Wenn Sie alles flexibel halten, werden Sie sich später bedanken. Einige spezifische Funktionen von Illustrator:

    • Die Diagrammwerkzeuge, die rostig und frustrierend, aber genau und sinnvoll sind (ein paar Tipps: Denken Sie daran, sie zu verwenden sund rzu skalieren und zu drehen, normale Methoden funktionieren nicht, und wenn Sie die Diagramme auflösen und auflösen müssen, behalten Sie immer eine Gruppierung bei kopieren) und die in Corel Draw erforderlichen Problemumgehungen überwinden . Trotzdem habe ich festgestellt, dass Inkscape einige Plugins hat und sich in dieser Hinsicht verbessert, während Adobe ihre offen antiquierten Grafikwerkzeuge vernachlässigt . So sehr ich Illustrator mag, würde ich sofort aufhören, wenn ein Rivale über gute, moderne und zuverlässige Diagrammwerkzeuge verfügte. Versuchen Sie nicht, Diagramme aus Excel zu kopieren, ihre Gruppierung aufzuheben und sie zu bearbeiten - es funktioniert, sie fügen als Vektoren ein, aber irgendwo auf der Linie werden sie leicht verzerrt und verlieren an Genauigkeit.
    • Seine Funktionen zum Anwenden von Effekten auf präzise gezeichnete Formen auf anpassbare Weise, z. B. Kunstpinsel, Musterpinsel und Transformationseffekte. Andere Vektorprogramme haben solche Funktionen, jedoch nicht in gleichem Maße. Alles, was Elemente wiederverwendbar, optimierbar und rekonfigurierbar macht, hilft.
    • Es gibt unzählige Skripte, mit denen Sie präzise numerische Aufgaben ausführen können. Wenn Sie etwas Ungewöhnliches und Genaues tun müssen, gibt es oft ein Skript dafür. Außerdem ist die Ausrichtungspalette großartig und bietet nicht offensichtliche praktische Tricks wie das genaue Stapeln von Dingen .
  • Ich verwende InDesign nur selten, wenn eine Grafik Teil eines mehrseitigen Dokuments sein soll (obwohl einige Leute es für die gesamte Textseite einer Grafik verwenden und jedes Element aus Illustrator platzieren). Zwei Ausnahmen, wo ich es benutze:

    • Alles, was sich um ein Tabellenformat dreht (auch dann ist es eine gute Idee, grafische Elemente als Illustratordateien beizubehalten und sie nach Bedarf zu platzieren - insbesondere für alles, was anhand von Daten wie Sparklines angepasst werden kann - InDesign eignet sich zum Platzieren von Daten, kann jedoch nichts damit)
    • Wenn es sehr textlastig ist, ist es eher ein Magazin-Layout mit verschiedenen Grafiken als eine Grafik mit Textausschnitten
  • Photoshop ist gelegentlich sehr praktisch, wenn die Verwendung von Rastergrafiken unvermeidlich ist, und Fireworks kann nützlich sein, um komplexe Dinge für das Web oder eine Reihe von Varianten mit derselben Grundstruktur vorzubereiten. Ich verwende beides ziemlich selten für Infografiken, obwohl es einige Leute gibt, die einmalige einfache Infografiken für das Web hauptsächlich mit Photoshop oder Fireworks entwerfen.

  • Wenn Sie sich für interaktive Infografiken interessieren und wenn Sie oder ein Kollege Javascript kennen, besteht ein weiterer Vorteil von Illustrator (gilt auch für Inkscape und CorelDraw) darin, dass SVG-Dateien exportiert werden können, die als interaktive Vektorelemente in einem Browser verwendet werden können .

Die Leute verwenden manchmal einfachere Programme wie Omnigraffle für einfache Diagramme, und die Idee von Tools zur Erstellung von Infografiken mit geringen Eintrittsbarrieren schwebt manchmal herum, aber die, die ich gesehen habe, waren entweder nur ein Haufen vorgefertigter Infografiken in Verkleidung (zB visuell erstellen) oder lächerlich flach (zB Staffelei) .

Bearbeiten--

Es gibt jetzt ein paar Tools mit niedriger Eintrittsbarriere, die nicht 100% saugen und dem Standard-Infografikformat ( Vennage und infogr.am ) etwas Erwähnenswertes hinzufügen . Es sind frühe Stadien und ein bisschen grob, und da es sich im Grunde genommen um Spielzeug-Apps handelt, ist es unwahrscheinlich, dass sie Designern jemals viel nützen, außer internen Mitarbeitern, die geistesgestörte Trivalität vermeiden ("Text und ein paar Diagramme? Das ist es Ganz einfach, das können Sie auch selbst machen, hier ist, wie ... ") - aber es gibt etwas Bemerkenswertes: Sie exportieren als HTML und SVG (infogr.am verwendet Raphael, Venngage verwendet HTML, CSS und D3).

Warum ist das wichtig? Denn wenn Sie Infografiken für das Veröffentlichen auf Webseiten entwerfen und nur ein PNG- oder GIF-Dokument erstellen und "erledigt" sagen, ohne solche Methoden zu verwenden, um den Text als tatsächlichen, echten, lebendigen, semantischen Text im Markup der Webseite auszugeben, dann ist dies Das bedeutet, dass käsige, automatisierte Spielzeuge wie diese Websites eine Ausgabe produzieren, die einen Vorteil gegenüber Ihrer Arbeit hat. Ich verwende Raphael immer für solche Dinge, weil es das einzige ist, was in alten IE- und iOS-Versionen funktioniert.

Edit 2 ---

Der einflussreiche Informationsdesigner und Pionier des Datenjournalismus, Alberto Cairo, hat kürzlich über Tools des Fachs gebloggt und einige Video-Tutorials zu Infografiken in Illustrator veröffentlicht, die sich an Anfänger richten (ich habe sie nicht ausprobiert, kann also nicht für sie bürgen). Das beliebte dataviz-Blog Flowing Data bietet auch regelmäßig Tutorials an, die manchmal aus Code, manchmal aus Statistiken und manchmal aus Design bestehen . Diese richten sich in der Regel an Statistiker, die ihre Design- und Visualisierungsfähigkeiten verbessern möchten, sie sind jedoch möglicherweise hilfreich.


4
+1000 für "Behalten Sie eine gruppierte Kopie Ihres Diagramms, wenn Sie die Gruppierung aufheben möchten." Die Mutter der Barmherzigkeit zu versuchen, mit dem ungruppierten logarithmischen Diagramm des S & P von 1923 bis heute zu arbeiten, ist, als würde man sich mit einem in Zitronensaft getauchten Stäbchen ins Auge stechen.
Lauren-Reinstate-Monica-Ipsum

+1 für die offensichtlich schmerzhafte Erinnerung an ein nicht gruppiertes Diagramm.
huzzah

Fantastische Antwort. Vielen Dank vor allem für den Hinweis auf interaktive Infografiken - auf jeden Fall etwas zu entdecken.
Steve Bennett

1
@SteveBennett Danke! Übrigens, seit ich das geschrieben habe, habe ich dieses großartige Beispiel von Raphael gesehen, das verwendet wurde, um eine scheinbar statisch druckbare Grafik online ansprechender zu machen. Es ist auf Französisch, aber es sollte gut sein, um Ideen zu bekommen. Erwarten Sie nur nicht, dass die Implementierung einfach sein muss. Parti-socialiste.fr/bilan-sarkozy
user56reinstatemonica8

Wow, das ist ziemlich spektakulär. (Interessantes Thema auch - ich habe zwei Jahre in Frankreich gelebt, allerdings vor Sarkozy). raphaeljs.com
Steve Bennett

8

WebCode ist eine großartige und benutzerfreundliche Vektorzeichen-App, die sofort JavaScript + Canvas-, SVG- oder CSS + HTML-Code generiert. Es ist speziell auf Web-Infografiken ausgerichtet.

Bildbeschreibung hier eingeben


7

Illustrator für die Diagramme. Je nachdem, was in Ihrer Infografik noch enthalten ist, können Sie Illustrator oder InDesign für Nicht-Diagrammmaterialien verwenden. Illustrator kann für einfache bis mittelschwere Layouts verwendet werden, und für ein einseitiges Poster ist dies sicherlich in Ordnung. Sobald Sie mehrere Seiten geöffnet haben, sind Sie mit InDesign wahrscheinlich besser dran.


4

Ich stimme Lauren - Illustrator für Diagramme zu. Und es ist möglich, Illustrator für das gesamte Stück zu verwenden. Ich würde jedoch Indesign für viele tabellarische Daten und nicht nur für mehrere Seiten verwenden. Indesign handhabt Tabellendaten viel einfacher als Illustrator.

In der Realität werden die meisten Teile nicht mit einer einzigen Software erstellt. Diagramme und Grafiken in Illustrator, Fotos oder Illustrationen, die möglicherweise mit Photoshop erstellt wurden. Dann ist das Ganze mit Tabellen in Indesign kombiniert, da Indesign bessere Typwerkzeuge hat.

Man könnte aber auch ein ganzes Stück in Illustrator oder Photoshop fertigstellen.


2

"Infografik" ist keine bestimmte Technologie oder gar Ästhetik. Es ist wirklich nur eine visuelle Darstellung von Daten. Verwenden Sie alle Tools, die für Sie sinnvoll sind. Für die Vektorillustration ist Adobe Illustrator in Ordnung. Inkscape ist ebenfalls eine gute Option. Corel Draw könnte funktionieren. Es gibt eine Reihe von Optionen.


2

Auf die bereits gegebenen hervorragenden Antworten möchte ich nur ein paar Ressourcen einbringen, die den Umschlag ein wenig verschieben (meinen Umschlag sowieso), was Sie grafisch mit Daten machen können. (1) Nathan Yaus Buch Visualize This (oder die Website flowingdata.com), in dem, wenn ich mich recht erinnere, eine Reihe fortschrittlicher Tools zum Erstellen von Infografiken erwähnt werden, und (2) Jer Thorpes TED-Vortrag über "Making Data More Human" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html Genießen Sie es, wenn Sie ein paar Minuten mehr Zeit haben!


1

Ich verwende Microsoft Word, um Infografiken mit dem Veröffentlichungslayout, Formenwerkzeugen, Textfeldern und Hilfslinien zu erstellen. Ich war in der Lage, Diagramme wie diese sehr einfach zu erstellen, und möchte eine schrittweise Videoanleitung geben, wie andere, die keinen Zugriff auf Adobe CS5-Tools haben, eine Infografikbibliothek in MS Word erstellen können. https://gumroad.com/l/MDDPA

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.