Informationsdesign -Spezialisierung für Infografiken und visuelles Geschichtenerzählen

Inspiration / Sonja Kuijpers

In dieser Lektion zeige ich Ihnen einige Arbeiten von Menschen, die ich bewundere. Sie arbeiten manuell und analog in der Datenvisualisierung: Sie zählen, notieren und präsentieren Daten. Auch die Natur ist für mich ein Einflussfaktor und ein Stressabbau: Ich gehe gerne raus und nehme meine Kamera mit.

Inspiration / Federica Fragapane

In dieser Lektion werde ich über die Welten sprechen, die meinen Designansatz beeinflusst haben und immer noch beeinflussen.

Inspiration / Catalina Plé

Als nächstes möchte ich über einige meiner bedeutendsten Einflüsse sprechen und darüber, wie sie meine Arbeit und Kreativität beeinflusst haben, auch wenn mir das damals nicht bewusst war.

Meine kreative Inspiration kommt aus vielen verschiedenen Quellen. In diesem Video stelle ich euch einige davon vor, zum Beispiel einen Animationsfilm des Studios Ghibli, Polly Pockets, Ikea-Anleitungen und Biologie-Illustrationen.

Inspiration / Jing Zhang

Was ist Datenillustration?

Modul 2

Begleiten Sie Gabrielle Merite bei seiner Einführung in die faszinierende Welt des Data Storytelling durch Kunst. Inspiriert von Gabrielle Merites einzigartigem Ansatz entdecken Sie, wie Sie mithilfe von Collagen und Illustrationen Rohdaten in emotional ansprechende Infografiken verwandeln. Entdecken Sie, wie Daten Empathie wecken, das Bewusstsein schärfen und durch visuelle Kreativität einen bleibenden Eindruck hinterlassen können!

20 Lektionen (2 Stdn. 50 Min.)

Lassen Sie uns zunächst klären, warum ich die meisten meiner Arbeiten als Datenillustrationen und nicht als Visualisierungen bezeichne.

Die Suche nach inspirierenden Daten

Das Modulprojekt basiert auf Daten. Doch wo suchen Sie danach? Ich erkläre Ihnen, wie ich inspirierende Themen finde und die zugehörigen Daten verfolge.

Erstellen eines Datenbriefs

Nachdem wir nun die Daten gefunden haben, werden wir uns eingehender mit den Feinheiten der Geschichte befassen: Welche Erkenntnisse vermitteln die Daten, nach welcher Art von Voreingenommenheit sollten wir suchen und wie stehen die Menschen zu diesen Daten?

Kreative Leitung und Konzeption

Die Geschichte ist fertig! Jetzt zeige ich Ihnen, wie Sie die visuelle Ausrichtung Ihrer Datenvisualisierung festlegen. Anschließend erkläre ich, wie Sie Inspiration aus verschiedenen künstlerischen Medien, dem Design und der Fotografie gewinnen.

Nachdem Ihre Wortkarte nun vollständig ist, zeige ich Ihnen, wie Sie diese Schlüsselwörter für Ihre visuelle Recherche verwenden können.

Visuelle Forschung

Zu Beginn werde ich kurz darauf eingehen, wie man das richtige Diagramm auswählt, und zeigen, wie ich Diagramme in Excel teste.

Datendiagramme erkunden

Jetzt zeige ich Ihnen einige Beispiele dafür, was ich normalerweise mache, um meine kreativen Ideen auf schnelle Miniaturskizzen anzuwenden und so die Komposition zu testen.

Schnelle Miniaturskizzen

In dieser Lektion bespreche ich, wann man Bilder beziehen kann, die frei von Rechten und gemeinfrei sind. Wir werden auch die Eigenschaften jedes Bildes in Bezug auf Qualität, Farbe und Vielfalt berücksichtigen.

Fotografie finden

Erstellen des Prototyps 1

In dieser Lektion zeige ich Ihnen, wie Sie anhand der Miniaturskizze und des Excel-Diagramms schnell einen Prototyp in Adobe Illustrator und Photoshop erstellen.

19 Min.

Erstellen des Prototyps 2

Sobald der Prototyp einsatzbereit ist, besteht der nächste Schritt darin, ihn dem Kunden zu präsentieren. Ich zeige Ihnen, wie ich das am liebsten mache.

In dieser Lektion zeige ich Ihnen zwei einfache Techniken, um Bilder aus ihrem Hintergrund auszuschneiden.

Bereinigen der Bilder

7 Min.

Die Szenerie

Als Nächstes gebe ich Ihnen ein Beispiel, wie Sie bei der Erstellung einer realistischen Szene – einer Wüste bei Sonnenuntergang – durch Farbverläufe und Bilder die Stimmung erzeugen.

Erstellen des Diagrammelements in 3D

Als Nächstes zeige ich Ihnen, wie Sie mit Adobe Illustrator und Photoshop ein transparentes 3D-Balkendiagramm erstellen.

14 Min.

Diagrammsymbole hinzufügen 1

In dieser Lektion zeige ich Ihnen eine weitere Technik zum Erstellen von 3D-Symbolen in Adobe Illustrator.

17 Min.

Diagrammsymbole hinzufügen 2

Jetzt, da meine Karte fertig ist, werde ich sie in die Landschaft integrieren und hinter der Düne verstecken.

6 Min.

Hinzufügen des menschlichen Elements und realistischer Akzente 1

Wir verwenden die von uns ausgewählten und bereinigten Bilder, integrieren sie in unsere Szene und nehmen einige letzte Anpassungen vor, um sie alle zusammenzubringen.

19 Min.

Hinzufügen des menschlichen Elements und realistischer Akzente 2

Im zweiten Teil dieser Lektion werde ich den letzten Schliff vornehmen, um die Stimmung, das Aussehen und das Gefühl des Stücks zu verbessern.

In dieser Lektion zeige ich Ihnen, wie ich die Schriftarten für meine Diagramme auswähle und beim Einrichten von Legenden und Titeln die Barrierefreiheit berücksichtige.

Legende und Typografie

11 Min.

Abbildung: Daten exportieren

Jetzt ist es Zeit, deine Illustration zu teilen! Hier zeige ich dir, wie du dein Werk als Karussell für soziale Medien exportierst. Außerdem erkläre ich dir, welche Änderungen du vornehmen musst, um es druckfertig zu machen.

Alternativtext für Barrierefreiheit

Alternativtext ist eine Möglichkeit, Ihre Arbeit einem breiteren Publikum zugänglich zu machen. In dieser Lektion zeige ich Ihnen, wie ich ihn schreibe.

Das Thema Ihrer Visualisierung

Modul 3

Tauchen Sie ein in die Welt der Datenillustration mit dem lebendigen Stil von Sonja Kuijpers. Lernen Sie, wie Sie mit Farbe, Form und Layout komplexe Informationen in visuell beeindruckende Poster verwandeln. Von der Datenerfassung und -analyse bis hin zur Gestaltung aussagekräftiger Visualisierungen – diese Lektion befähigt Sie, überzeugende Geschichten anhand von Daten zu erzählen.

12 Lektionen (1 Stdn. 35 Min.)

Zunächst erkläre ich Ihnen, wie Sie etwas finden, das Sie visualisieren möchten. Ein konstruktiver Ansatz besteht darin, nach Themen zu suchen, die Sie persönlich berühren.

Tauchen Sie ein in Ihr Thema und wählen Sie den Ansatz für Ihr Projekt. Als Nächstes entscheiden Sie, welche Methode oder Technik Sie anwenden möchten. Lassen Sie sich von verschiedenen Seiten inspirieren – das kann Ihnen bei der Wahl von Farben, Stil und Ansatz helfen.

Auf der Suche nach Daten

7 Min.

Daten sammeln

Jetzt erkläre ich Ihnen, wie Sie die Daten erfassen: Ich zeige Ihnen, wie Sie das Buch manuell durchsehen und die Informationen erfassen, die Sie als Datenquelle für Ihre Visualisierung verwenden.

11 Min.

Die „Daten“ für Ihre Visualisierung

In dieser Lektion werden Sie einen Blick auf die gesammelten Daten werfen.

Jetzt können Sie mit dem Skizzieren Ihrer Ideen beginnen, um zu entscheiden, wie Sie Ihre Visualisierung gestalten, erstellen und präsentieren möchten.

Skizzieren und Storyline

Während dieser Lektion werde ich Daten, Ideen, Inspirationen und Werkzeuge zusammenbringen.

Methode und Farben

Um Ihnen zu zeigen, wie ich normalerweise arbeite, erkläre ich Ihnen die Schritte von Excel zu Illustrator. Außerdem erkläre ich Ihnen meine grundlegenden Einstellungen für das Design.

Workflow

1 Min.

Integrieren der Elemente in Ihr Design 1

Es ist Zeit, die Teile anzuordnen, zusätzliche Informationsebenen hinzuzufügen und alles zum gewünschten Ergebnis zu mischen.

18 Min.

Integrieren der Elemente in Ihr Design 2

Ich arbeite weiter mit den Symbolen, die ich den einzelnen Elementen des Diagramms zugewiesen habe. Anschließend greife ich auf die ursprüngliche Abbildung zurück, um mein Projekt zu ergänzen.

16 Min.

Titel und Erklärung

Kümmern wir uns um eine weitere wichtige Komponente, die Sie nicht vergessen dürfen: den Titel des Projekts!

Feedback und letzte Bearbeitungen

Jetzt ist es an der Zeit, jemanden um Feedback zu bitten, zu prüfen, ob Ihr Design den Zielen entspricht, und einige letzte Änderungen vorzunehmen.

In dieser Lektion gebe ich Ihnen einige abschließende Tipps zur Vorstellung und Präsentation Ihres neuen Projekts in der Öffentlichkeit.

Teilen Sie Ihre Arbeit

Eine visuelle Übersetzung von Inhalten: Die Rolle der Wahrnehmung

Modul 4

Entdecken Sie mit Federica Fragapane, wie Daten durch die poetischen Visualisierungen von Fragapane zu einem wirkungsvollen Werkzeug des Geschichtenerzählens werden. In diesem Modul erfahren Sie, wie Sie narrative Datenvisualisierungen mit ausdrucksstarken Formen und organischen Strukturen erstellen. Lernen Sie, Komplexität in Schönheit zu verwandeln und bedeutungsvolle Themen visuell zugänglich und emotional ansprechend zu gestalten.

17 Lektionen (3 Stdn. 6 Min.)

In dieser Lektion werde ich das Feld der Datenvisualisierung, ihr Potenzial bei der Vermittlung von Geschichten und die Rolle der Wahrnehmung vorstellen.

6 Min.

Die Fragen zu Beginn

Ich werde jetzt über die Fragen sprechen, die Sie sich vor dem Start eines neuen Projekts stellen sollten, über die Anforderungen und Gründe, die zu bestimmten Designentscheidungen führen können, und über die große Bandbreite potenzieller Projekte, an denen Sie arbeiten können.

Visuelle und geschriebene Wörter

Als Nächstes werde ich über die Beziehung zwischen visuellen und geschriebenen Wörtern und ihre Bedeutung beim Entwerfen visueller Datenerzählungen sprechen.

Der Prozess des Geschichtenerzählens mit Daten

Hier erkläre ich, wie man Geschichten mithilfe von Daten und visuellen Elementen erzählt und wie diese Geschichten von den Lesern erkundet werden. Ich erkläre Ihnen den Prozess und die Gründe für einige meiner Lieblingsprojekte.

Visuelle Metaphern verwenden und in Frage stellen

In dieser Lektion werde ich darüber sprechen, wie wir visuelle Metaphern in unseren Datenvisualisierungsprojekten verwenden – und manchmal auch hinterfragen! – können, um neue Umgebungen zu schaffen, in die die Leser eintauchen können.

In dieser Lektion arbeiten wir gemeinsam an der ersten Phase des Projekts: der Datenfindung für die Geschichte. Ich helfe Ihnen dabei, diesen Prozess zu starten, indem ich Ihnen zeige, wie Sie zunächst zuverlässige Quellen finden. Ich schlage vor, ein Thema zu wählen, für das Sie sich begeistern oder das Sie interessiert.

Auswahl des Themas

Erstellen des Datensatzes 1

In dieser Lektion führe ich Sie durch die Erstellung des Datensatzes mit Google Tabellen. Zunächst lernen Sie, wie Sie Ihre Rohdaten importieren. Ich erkläre dies anhand der Daten, die ich zu erneuerbaren Energiequellen gefunden habe. Die Links dazu finden Sie weiter unten im Abschnitt „Zusätzliche Ressourcen“.

Erstellen des Datensatzes 2

Nachdem ich meine Daten nun auf die 40 wichtigsten Länder reduziert habe, werde ich beginnen, alle zusätzlichen Informationen hinzuzufügen, die ich zum Pro-Kopf-Verbrauch, zur Weltregion und zur Bevölkerung anzeigen möchte.

18 Min.

Skizzieren: Die Makrostruktur der Geschichte

Jetzt mache ich den ersten Schritt von einer Tabelle zu einem Storytelling. Anhand der Daten zeige ich Ihnen, wie Sie die Makrostruktur des Stücks skizzieren.

In dieser Lektion zeige ich Ihnen, wie Sie mit RAWGraphs, einem kostenlosen Online-Tool, den ersten Teil des Projekts entwerfen.

RAWGraphs

Adobe Illustrator: Erstellen der Visualisierung 1

Im nächsten Schritt importieren wir die Grafik in Adobe Illustrator, wo sie mit neuen Elementen und Informationen erweitert wird. Ich zeige Ihnen die Tricks und Werkzeuge, die ich verwende, um präzise und individuelle visuelle Elemente zu gestalten.

18 Min.

Adobe Illustrator: Erstellen der Visualisierung 2

Im zweiten Teil dieser Lektion erstelle ich ein blattförmiges Design, das die von mir gesammelten Daten zum Pro-Kopf-Verbrauch darstellt. Um effektive Visualisierungen zu entwickeln, müssen Sie Ihre Daten möglicherweise vereinfachen. Ich zeige Ihnen, wie das geht.

15 Min.

Adobe Illustrator: Erstellen der Visualisierung 3

Mein Projekt nimmt nun langsam Gestalt an! Ich habe die Visualisierung aller meiner 40 Länder abgeschlossen. Als Nächstes zeige ich Ihnen, wie Sie die Elemente auswählen, die optimiert werden müssen, bevor Sie die notwendigen Anpassungen vornehmen.

16 Min.

Adobe Illustrator: Verfeinern der Visualisierung

Jetzt zeige ich Ihnen, wie Sie Ihre Visualisierung verfeinern. Die sorgfältige und aufmerksame Bearbeitung der Details ist ein äußerst wichtiger Schritt im kreativen Prozess. Stellen wir uns dieser Herausforderung gemeinsam!

20 Min.

Die Legende und der Text 1

In dieser Lektion zeige ich, wie man an den Schlüsselelementen arbeitet, die den Lesern bei der Verwendung und Navigation des Stücks helfen: der Legende und dem erklärenden Text.

Die Legende und der Text 2

Hier werde ich weiter an dem Schlüssel arbeiten, der für das Verständnis der Bilder durch den Leser von entscheidender Bedeutung sein wird. Nur durch das Verständnis der Bilder können sie die Daten extrahieren.

Letzte Details, mobile Version und Export

Abschließend möchte ich darauf eingehen, wie wichtig es ist, die Geräte zu berücksichtigen, die die Leser verwenden werden. Wir werden an einer mobilen Version des Projekts arbeiten.

Die Botschaft und das Publikum

Modul 5

Dieses Mal führt Catalina Perez Sie in die Grundlagen des visuellen Storytellings ein. Von der Definition Ihrer Botschaft bis zur Gestaltung wirkungsvoller Infografiken in Adobe Illustrator lernen Sie, wie Sie komplexe Ideen in klare, fesselnde Bilder verwandeln. Entdecken Sie die Balance zwischen Analyse und Ästhetik und entdecken Sie, wie Sie durch Design informieren und inspirieren können.

9 Lektionen (1 Stdn. 14 Min.)

Zunächst möchte ich über die Botschaft und die Zielgruppe sprechen. Infografiken sind wirkungsvoll. Daher müssen wir als Infografik-Ersteller wissen, welche Botschaft wir vermitteln möchten. Da wir Informationen visualisieren, müssen wir immer auf die Klarheit der Botschaft achten und dabei insbesondere berücksichtigen, wer sie lesen wird.

Quellen, Geschichte und Schlüsselkonzepte

In dieser Lektion spreche ich darüber, wie wichtig es ist, Quellen für die Faktenprüfung zu überprüfen. Sobald Sie Ihre Geschichte geschrieben haben, identifizieren Sie die Schlüsselkonzepte und entwickeln einige visuelle Ideen.

Arten von Visualisierungen

Welche verschiedenen Arten von visuellen Elementen können für die Erstellung einer Infografik verwendet werden? Die Auswahl ist riesig, daher zeige ich Ihnen die gängigsten visuellen Elemente, mit denen Sie genau das darstellen können, was Sie möchten.

Ideen in Miniaturansichten umwandeln

Jetzt ist es an der Zeit, visuell zu denken! In dieser Lektion lernen Sie, wie Sie Ihre Ideen in visuelle Elemente umsetzen.

17 Min.

Definieren des Formats und Skizzieren visueller Informationen

In dieser Lektion spreche ich über die gängigsten Formate und ihre wichtigsten Unterschiede. Außerdem gehe ich auf einige Grafikdesign-Konzepte ein, die uns von Anfang an helfen werden. Ich zeige Ihnen, wie ich die visuellen Elemente, für die ich mich zuvor entschieden habe, zusammenstelle, um die Geschichte der Kaffeeproduktion von der Ernte bis zur Tasse zu erzählen.

Vorbereiten der digitalen Datei

Sie müssen die gängigsten Druckgrößen in Ihrer Region ermitteln (US-Größen unterscheiden sich von denen im Rest der Welt, aber Sie können ähnliche Proportionen finden). Ich definiere Strichstärken, Schriftarten, allgemeine Richtlinien, Mindestgrößen usw. Am Ende haben Sie alles bereit für einen effektiven Workflow.

Im nächsten Schritt zeichnen (oder fotografieren) wir die Elemente für die Infografik und erstellen die Diagramme. Einige grundlegende Diagramme werden direkt in Adobe Illustrator erstellt. Hier zeige ich Ihnen meinen Prozess!

Der letzte Schliff

17 Min.

Korrekturlesen und Posten

Sobald das Design fertig ist, exportieren wir einige Dateien, um die Lesbarkeit zu testen, Tippfehler zu finden usw. Wenn wir sicher sind, dass alles in Ordnung ist, senden wir die Datei an den Drucker und veröffentlichen sie in den sozialen Medien. Ich gebe Ihnen dazu ein paar Tipps und erkläre Ihnen, wie Sie Ihre Archive übersichtlich und organisiert halten, falls Sie weitere Kopien erstellen oder das fertige Werk aktualisieren müssen.

1 Min.

Zusammenarbeit mit Kunden

Was ist bei der Arbeit mit Kunden zu beachten? Hier sind ein paar Tipps, die Ihnen die Arbeit und die Kommunikation mit Ihren Kunden erleichtern. Und vor allem: Seien Sie professionell und haben Sie Spaß!

Was ist eine illustrierte Infografik?

Modul 6

Entdecken Sie die lebendige Welt von Jing Zhang, in der Daten auf Illustrationen in 2D und 3D treffen. Entdecken Sie, wie Sie mit Tools wie Illustrator und Cinema 4D Infografiken erstellen, die nicht nur informativ, sondern auch visuell beeindruckend sind. Dieses Modul eröffnet Ihnen die Möglichkeit, technische Präzision mit künstlerischem Flair zu verbinden und so unvergessliche Bilder zu schaffen.

13 Lektionen (2 Stdn. 7 Min.)

Wir alle wissen, was Infografiken sind – Informationen, die grafisch dargestellt werden. Illustrierte Infografiken gehen jedoch noch einen Schritt weiter: Sie bieten Informationen mit umfassenden Illustrationen. Die Informationen sind im Vergleich zur Illustration selbst fast zweitrangig. Doch ohne die Informationen können die Geschichten nicht vollständig erzählt werden. In dieser Lektion erkläre ich genauer, was eine illustrierte Infografik ist. Außerdem werde ich das Abschlussprojekt skizzieren, an dem wir in diesem Kurs arbeiten werden.

Software und Schnittstellen

In unseren Lektionen verwenden wir zwei verschiedene Softwareprogramme zur Erstellung der Illustration: Cinema 4D (3D) und Adobe Illustrator (2D-Vektor). Zuvor zeige ich Ihnen die Grundlagen der nahtlosen Kombination dieser Tools.

7 Min.

Konzept, visuelle Idee und Moodboard

Das Konzept ist genauso wichtig wie die visuelle Darstellung. Man kann also nie zu viel Zeit mit der Recherche eines Themas verbringen. Was ich an Infografiken am interessantesten finde, sind meist die Themen. Oft stelle ich fest, dass ich genauso viel über sie erfahren möchte, wie ich sie illustriere. In dieser Lektion zeige ich Ihnen, wie Sie Ihr Briefing analysieren, das Konzept durch Ihre Recherche entwickeln und Ihr Moodboard erstellen.

6 Min.

Erstellen der Form in Illustrator

Mit dem Zeichenstift-Werkzeug in Illustrator zeige ich dir, wie du die Kontur erstellst, die wir später für die Grundform in Cinema 4D benötigen. Dies ist der erste Schritt, um sowohl 2D- als auch 3D-Kenntnisse zu entwickeln.

16 Min.

Eine 2D-Form in ein 3D-Objekt umwandeln

Jetzt zeige ich Ihnen, wie Sie eine 2D-Form in ein 3D-Objekt umwandeln. Sie lernen, wie Sie mit dem Werkzeug „Zusammenführen“ eine Illustrator-Datei in Cinema 4D importieren.

Erstellen geometrischer Formen

Nachdem wir die grundlegende 3D-Pflanzenzelle entworfen haben, können wir sie mit Elementen wie der Vakuole und dem Zellkern füllen. Diese sind deutlich einfacher als das endoplasmatische Retikulum. Wir können die integrierten Werkzeuge von Cinema 4D nutzen, um sie zu erstellen.

Texturierung und Beleuchtung

Nachdem wir nun ein grundlegendes 3D-Modell erstellt haben, können wir mit der Anwendung von „Materialien“ beginnen, um den Objekten verschiedene Texturen zu verleihen. Ich werde außerdem kurz die „Rendereinstellungen“ und die „Globale Beleuchtung“ erläutern. Diese sorgen für eine natürlichere Beleuchtung.

In dieser Phase geht es um die Planung, wie Sie Ihre Illustration fertigstellen. Manchen fällt es vielleicht leichter, direkt mit Vektorzeichnungen zu illustrieren. Das ist auch in Ordnung. Mir fällt es mit Skizzen leichter, deshalb verwende ich Procreate, um meine Illustration fertigzustellen.

Endgültige Skizze

In dieser Lektion vervollständigen wir die Illustration in Illustrator. Viele Elemente sind im 3D-Modell noch nicht enthalten, wie zum Beispiel das Ribosom (die winzigen Punkte außerhalb des endoplasmatischen Retikulums) und das Lysosom. Diese lassen sich in Illustrator problemlos hinzufügen.

Endgültige Abbildung 1

Nun fügen wir die Pflanzen und Blätter basierend auf unserer ursprünglichen Skizze hinzu. Es ist nicht notwendig, sie exakt wiederzugeben. Wir folgen einfach den Grundlinien unserer Formen mit dem Bleistiftwerkzeug.

Endgültige Abbildung 2

Wir müssen unserer Infografik noch die letzten fehlenden Elemente hinzufügen. Sobald das erledigt ist, zeige ich dir, wie du der Illustration, die du gerade in Illustrator hinzugefügt hast, etwas Textur verleihst, damit sie im Vergleich zu deinem Vektor nicht flach wirkt. Zum Abschluss fügen wir die Zeichen hinzu.

Endgültige Abbildung 3

Entwerfen des Infografik-Layouts

Es ist Zeit, das Layout unserer Infografik zu entwerfen, den letzten Schritt dieses Projekts. Dazu zeige ich Ihnen, wie Sie Daten und Informationen hinzufügen, um das endgültige Design zu vervollständigen.

So bewerben und präsentieren Sie Ihre Arbeit

Nachdem Sie Ihre Illustration fertiggestellt haben, möchten Sie sie natürlich veröffentlichen. Hier erfahren Sie, wie Sie Ihre Arbeit auf Social-Media-Plattformen präsentieren und bewerben können. Ich spreche aus der Sicht eines Jurors (in diesem Jahr als Jury für Design & Art Direction) über einen Präsentationsstandard.