Infografik - Kunst


Infografik - Kunst
Infografik - Kunst

Einleitung
Eine Infografik verbindet Information und Gestaltung. Sie macht Zahlen, Abläufe oder Zusammenhänge schnell sichtbar. Im Kunstunterricht planst Du Bild, Farbe, Schrift und Anordnung so, dass eine klare visuelle Botschaft entsteht.
Lernziele
Nach diesem aiMOOC kannst Du:
- Infografiken untersuchen und bewerten.
- passende Diagramme, Piktogramme und Bilder auswählen.
- ein übersichtliches Layout mit klarer visueller Hierarchie gestalten.
- Farben und Typografie gezielt einsetzen.
- Daten, Quellen und Bildrechte verantwortungsvoll behandeln.
- eine eigene Infografik analog oder digital umsetzen.
Was ist eine Infografik?
Eine Infografik ist eine visuelle Darstellung von Informationen. Sie kombiniert wenige Texte mit Bildern, Symbolen, Diagrammen, Karten oder Ablaufpfeilen.
Merksatz: Eine gute Infografik ist nicht nur schön. Sie macht etwas verständlich.

Infografik und Kunst
Im Fach Kunst gehören Infografiken zur visuellen Kommunikation. Du gestaltest dabei:
- Form: Flächen, Linien, Symbole und Bildzeichen.
- Farbe: Wirkung, Ordnung und Hervorhebung.
- Typografie: gut lesbare und passende Schrift.
- Komposition: Anordnung auf der Fläche.
- Kontrast: deutliche Unterschiede.
- Rhythmus: Wiederholung und Abwechslung.
- Bildsprache: verständliche visuelle Zeichen.
Beispiele aus der Geschichte
Schon frühe Karten, Schaubilder und Diagramme verbanden Wissen mit Gestaltung. Ein bekanntes Beispiel ist die Grafik von Charles Joseph Minard. Sie zeigt Route, Richtung, Truppenstärke und Temperatur in einer gemeinsamen Darstellung.

Beobachtungsauftrag: Welche Information erkennst Du zuerst? Welche Gestaltung führt Deinen Blick?
Bausteine einer Infografik
Überschrift und Kernaussage
Die Überschrift nennt das Thema. Eine kurze Kernaussage zeigt, was besonders wichtig ist. Beides muss schnell erkennbar sein.
Bild und Piktogramm
Ein Piktogramm ist ein vereinfachtes Bildzeichen. Es soll ohne langen Text verständlich sein. Verwende einen einheitlichen Stil.

Diagramm
Wähle die Darstellungsform passend zur Information:
- Balkendiagramm: Größen und Kategorien vergleichen.
- Liniendiagramm: Veränderungen über einen Zeitraum zeigen.
- Kreisdiagramm: Anteile eines Ganzen darstellen.
- Karte: Orte, Wege oder räumliche Unterschiede zeigen.
- Ablaufdiagramm: Schritte und Entscheidungen ordnen.
Dasselbe Datenmaterial kann sehr unterschiedlich wirken:

Text
Verwende kurze Sätze, klare Begriffe und wenige Schriftgrößen. Lange Absätze bremsen den Blick.
Quelle und Legende
Eine Quelle zeigt, woher Daten, Bilder oder Aussagen stammen. Eine Legende erklärt Farben, Zeichen und Abkürzungen.
Gestaltungsmittel
Visuelle Hierarchie
Die visuelle Hierarchie bestimmt die Reihenfolge des Sehens. Größe, Position, Farbe, Kontrast und Abstand zeigen, was wichtig ist.
Blickfolge: Überschrift → Hauptbild oder Hauptzahl → Erklärung → Quelle.
Raster und Ausrichtung
Ein Gestaltungsraster hilft beim Ordnen. Elemente stehen auf gemeinsamen Linien. Freie Flächen schaffen Ruhe.

Farbe
Farbe kann gliedern, verbinden oder hervorheben. Nutze eine kleine Farbpalette. Prüfe, ob Text und Hintergrund genügend Kontrast haben.

Barrierearme Gestaltung
Eine Infografik soll für möglichst viele Menschen lesbar sein.
- Verwende Farbe nie als einziges Unterscheidungsmerkmal.
- Ergänze Muster, Beschriftungen oder Symbole.
- Nutze gut lesbare Schriftgrößen.
- Vermeide schwache Kontraste.
- Ergänze bei digitalen Arbeiten einen Alternativtext.

Der Gestaltungsprozess
Eine Infografik entsteht in mehreren Schritten:
- Thema: Formuliere eine klare Frage.
- Recherche: Sammle verlässliche Informationen und Quellen.
- Auswahl: Reduziere auf das Wesentliche.
- Skizze: Plane Blickführung und Flächen.
- Gestaltung: Setze Farbe, Schrift, Bild und Diagramm ein.
- Test: Lass andere die Grafik ohne Erklärung lesen.
- Überarbeitung: Verbessere Unklarheiten.
- Quellenangabe: Nenne Daten- und Bildquellen.

Analog oder digital?
Du kannst mit Papier, Stiften, Schere und Collage arbeiten. Digital eignen sich Präsentationsprogramme, Zeichenprogramme oder Inkscape. Inkscape ist ein freies Programm für Vektorgrafiken.
Gute und problematische Infografiken
Qualitätsmerkmale
Eine gute Infografik ist:
- klar: Die Kernaussage ist schnell erkennbar.
- richtig: Daten und Beschriftungen stimmen.
- geordnet: Blickwege und Gruppen sind verständlich.
- lesbar: Schrift und Kontraste funktionieren.
- passend: Gestaltung unterstützt das Thema.
- belegt: Quellen sind sichtbar.
- fair: Die Darstellung führt nicht absichtlich in die Irre.
Häufige Fehler
- zu viele Farben, Schriften oder Symbole.
- lange Textblöcke.
- fehlende Einheiten oder Quellen.
- unpassende Diagramme.
- abgeschnittene Achsen ohne Hinweis.
- verzerrende 3D-Effekte.
- Dekoration ohne Informationswert.
- Bilder, die nur Aufmerksamkeit erzeugen.

Diskussionsfrage: Wie kann eine stark reduzierte Grafik zugleich eindrucksvoll und sachlich sein?
Bildrechte und Verantwortung
Verwende eigene Medien oder frei lizenzierte Inhalte. Auf Wikimedia Commons findest Du viele Bilder mit Lizenzangaben. Notiere Urheber, Titel, Quelle und Lizenz.
Prüfe außerdem:
- Sind die Daten aktuell und nachvollziehbar?
- Werden Gruppen fair dargestellt?
- Ist die Auswahl der Informationen ausgewogen?
- Erzeugt die Gestaltung eine unbeabsichtigte Täuschung?
- Sind persönliche Daten geschützt?
Mini-Projekt: Eine Infografik für die Schule
Wähle ein Thema aus Deinem Schulalltag, zum Beispiel Schulweg, Mülltrennung, Medienzeit, Lieblingsfarben, Pausenhof oder Klassenbibliothek.
Arbeitsauftrag:
- Formuliere eine Leitfrage.
- Erhebe oder recherchiere wenige Daten.
- Fertige drei kleine Layoutskizzen an.
- Wähle eine Skizze aus.
- Gestalte eine Infografik im Hoch- oder Querformat.
- Führe einen Lesetest mit zwei Personen durch.
- Überarbeite die Arbeit.
- Ergänze Quellen und Namen.
Interaktive Aufgaben
Quiz: Teste Dein Wissen
Was ist das wichtigste Ziel einer Infografik? (Informationen verständlich sichtbar machen) (!Eine Fläche vollständig dekorieren) (!Möglichst viele Schriftarten zeigen) (!Lange Texte ersetzen, ohne Inhalte zu prüfen)
Welches Diagramm eignet sich besonders für den Vergleich mehrerer Kategorien? (Balkendiagramm) (!Liniendiagramm) (!Ablaufdiagramm) (!Lageplan)
Welches Gestaltungsmittel lenkt den Blick auf besonders wichtige Elemente? (Visuelle Hierarchie) (!Zufällige Streuung) (!Gleich große Darstellung) (!Verzicht auf Abstände)
Wozu dient ein Gestaltungsraster? (Es ordnet und richtet Elemente aus) (!Es ersetzt alle Bilder) (!Es prüft automatisch Daten) (!Es erzeugt zufällige Farben)
Was erklärt eine Legende? (Farben Zeichen und Abkürzungen) (!Die Lebensgeschichte des Gestalters) (!Den Preis des Druckers) (!Die Länge des Textes)
Welche Aussage zur Farbe ist sinnvoll? (Farbe soll Informationen gliedern und hervorheben) (!Jedes Element braucht eine andere Farbe) (!Farbe darf die einzige Kennzeichnung sein) (!Sehr geringe Kontraste verbessern die Lesbarkeit)
Was gehört zu einer verantwortungsvollen Infografik? (Quellen sichtbar angeben) (!Unpassende Daten weglassen ohne Hinweis) (!Achsen heimlich verändern) (!Bilder ohne Rechte übernehmen)
Welches Element ist ein vereinfachtes Bildzeichen? (Piktogramm) (!Absatz) (!Fußnote) (!Seitenrand)
Was sollte vor der Endfassung geschehen? (Ein Lesetest mit anderen Personen) (!Alle Quellen entfernen) (!Die Schrift möglichst klein setzen) (!Jede freie Fläche füllen)
Welche Darstellung zeigt Veränderungen über einen Zeitraum besonders gut? (Liniendiagramm) (!Piktogramm) (!Kreisfläche ohne Beschriftung) (!Einzelnes Symbol)
Memory
| Infografik | Informationen visuell erklären |
| Balkendiagramm | Kategorien vergleichen |
| Liniendiagramm | Entwicklung über Zeit zeigen |
| Piktogramm | vereinfachtes Bildzeichen |
| Legende | Farben und Zeichen erklären |
| Raster | Elemente ausrichten |
| Quelle | Herkunft von Daten belegen |
Drag and Drop
| Ordne die richtigen Begriffe zu. | Thema |
|---|---|
| Balkendiagramm | Kategorien vergleichen |
| Liniendiagramm | Veränderungen über Zeit zeigen |
| Karte | Orte und Räume darstellen |
| Ablaufgrafik | Schritte und Prozesse erklären |
| Piktogramm | Begriffe schnell sichtbar machen |
Kreuzworträtsel
| Layout | Wie heißt die Anordnung von Texten und Bildern auf einer Fläche? |
| Piktogramm | Wie nennt man ein vereinfachtes Bildzeichen? |
| Diagramm | Welche Darstellungsform macht Daten sichtbar? |
| Kontrast | Wie heißt ein deutlicher Unterschied zwischen Gestaltungselementen? |
| Quelle | Was belegt die Herkunft einer Information? |
| Hierarchie | Welcher Begriff bezeichnet die Rangordnung sichtbarer Elemente? |
LearningApps
Lückentext
Offene Aufgaben
Leicht
- Piktogramm-Sammlung: Zeichne sechs einfache Bildzeichen für Räume oder Regeln Deiner Schule.
- Farbwirkung: Gestalte dieselbe Überschrift in drei Farbvarianten und beschreibe die Wirkung.
- Infografik-Suche: Finde drei Infografiken in Büchern, Zeitungen oder Apps und fotografiere oder skizziere ihren Aufbau.
- Layout-Skizze: Ordne Überschrift, Hauptbild, drei Informationen und Quelle in drei unterschiedlichen Mini-Skizzen an.
Standard
- Klassenumfrage: Erhebe eine kleine Umfrage und gestalte daraus ein Balken- oder Kreisdiagramm.
- Infografik-Analyse: Untersuche eine vorhandene Infografik nach Hierarchie, Farbe, Typografie, Bildsprache und Quelle.
- Vorher-Nachher-Gestaltung: Überarbeite eine unübersichtliche Grafik und dokumentiere Deine Entscheidungen.
- Analoge Infografik: Gestalte mit Papier, Stiften und Collage eine Infografik zu einem Unterrichtsthema.
Schwer
- Datenkritik: Erstelle zwei unterschiedlich wirkende Grafiken aus denselben Daten und erkläre, wodurch die Wirkung verändert wird.
- Barrierearme Infografik: Gestalte eine Grafik, die auch ohne Farberkennung verständlich bleibt.
- Animierte Infografik: Plane eine kurze Animation, in der Informationen schrittweise erscheinen.
- Ausstellungskonzept: Entwickle mit einer Gruppe eine Schul-Ausstellung aus mehreren Infografiken und einem gemeinsamen Gestaltungsraster.


Lernkontrolle
- Gestaltungsentscheidung: Du sollst die Entwicklung der Besucherzahlen eines Museums über zwölf Monate zeigen. Begründe Diagrammwahl, Farbkonzept und Blickführung.
- Datenethik: Eine Achse beginnt nicht bei null und lässt einen kleinen Unterschied sehr groß erscheinen. Erkläre die Wirkung und entwickle eine faire Alternative.
- Zielgruppenwechsel: Übertrage dieselben Informationen einmal für Grundschulkinder und einmal für Erwachsene. Beschreibe Unterschiede bei Sprache, Symbolen und Detailmenge.
- Infografik-Vergleich: Vergleiche zwei Grafiken zum gleichen Thema. Beurteile, welche verständlicher ist, und belege Dein Urteil mit Gestaltungskriterien.
- Reduktion: Kürze eine textreiche Informationsseite auf fünf Kernaussagen und entwickle dazu eine passende visuelle Struktur.
- Transferprojekt: Plane eine Infografik für ein anderes Schulfach. Zeige, wie Kunst, Fachwissen und Medienbildung zusammenwirken.
Lernnachweis
Für einen Lernnachweis sind wichtig:
- eine klare Leitfrage und Zielgruppe.
- überprüfte Daten und vollständige Quellen.
- mindestens zwei erkennbare Entwurfsskizzen.
- ein begründetes Diagramm oder eine passende Bildform.
- klare visuelle Hierarchie und geordnete Komposition.
- lesbare Typografie und durchdachte Farbwahl.
- barrierearme Kennzeichnung durch Text, Symbol oder Muster.
- eine eigenständig gestaltete Endfassung.
- eine kurze Reflexion zu Wirkung, Verständlichkeit und Überarbeitung.
OERs zum Thema
Verknüpfte Lernbereiche
aiMOOC-Projekte
Schulfach+


aiMOOCs



aiMOOC Projekte


THE MONKEY DANCE





|
LernweltNOAH fragen