Infografik - Kunst

Diesen aiMOOC als Battle spielen: Geschichte, Klasse 9-10, G-Niveau

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.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Lernziele

Nach diesem aiMOOC kannst Du:

1. Infografiken untersuchen und bewerten.
2. passende Diagramme, Piktogramme und Bilder auswählen.
3. ein übersichtliches Layout mit klarer visueller Hierarchie gestalten.
4. Farben und Typografie gezielt einsetzen.
5. Daten, Quellen und Bildrechte verantwortungsvoll behandeln.
6. 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:

1. Form: Flächen, Linien, Symbole und Bildzeichen.
2. Farbe: Wirkung, Ordnung und Hervorhebung.
3. Typografie: gut lesbare und passende Schrift.
4. Komposition: Anordnung auf der Fläche.
5. Kontrast: deutliche Unterschiede.
6. Rhythmus: Wiederholung und Abwechslung.
7. 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:

1. Balkendiagramm: Größen und Kategorien vergleichen.
2. Liniendiagramm: Veränderungen über einen Zeitraum zeigen.
3. Kreisdiagramm: Anteile eines Ganzen darstellen.
4. Karte: Orte, Wege oder räumliche Unterschiede zeigen.
5. 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.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

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.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Barrierearme Gestaltung

Eine Infografik soll für möglichst viele Menschen lesbar sein.

1. Verwende Farbe nie als einziges Unterscheidungsmerkmal.
2. Ergänze Muster, Beschriftungen oder Symbole.
3. Nutze gut lesbare Schriftgrößen.
4. Vermeide schwache Kontraste.
5. Ergänze bei digitalen Arbeiten einen Alternativtext.

Der Gestaltungsprozess

Eine Infografik entsteht in mehreren Schritten:

1. Thema: Formuliere eine klare Frage.
2. Recherche: Sammle verlässliche Informationen und Quellen.
3. Auswahl: Reduziere auf das Wesentliche.
4. Skizze: Plane Blickführung und Flächen.
5. Gestaltung: Setze Farbe, Schrift, Bild und Diagramm ein.
6. Test: Lass andere die Grafik ohne Erklärung lesen.
7. Überarbeitung: Verbessere Unklarheiten.
8. 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.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Gute und problematische Infografiken

Qualitätsmerkmale

Eine gute Infografik ist:

1. klar: Die Kernaussage ist schnell erkennbar.
2. richtig: Daten und Beschriftungen stimmen.
3. geordnet: Blickwege und Gruppen sind verständlich.
4. lesbar: Schrift und Kontraste funktionieren.
5. passend: Gestaltung unterstützt das Thema.
6. belegt: Quellen sind sichtbar.
7. fair: Die Darstellung führt nicht absichtlich in die Irre.

Häufige Fehler

1. zu viele Farben, Schriften oder Symbole.
2. lange Textblöcke.
3. fehlende Einheiten oder Quellen.
4. unpassende Diagramme.
5. abgeschnittene Achsen ohne Hinweis.
6. verzerrende 3D-Effekte.
7. Dekoration ohne Informationswert.
8. 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:

1. Sind die Daten aktuell und nachvollziehbar?
2. Werden Gruppen fair dargestellt?
3. Ist die Auswahl der Informationen ausgewogen?
4. Erzeugt die Gestaltung eine unbeabsichtigte Täuschung?
5. 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:

1. Formuliere eine Leitfrage.
2. Erhebe oder recherchiere wenige Daten.
3. Fertige drei kleine Layoutskizzen an.
4. Wähle eine Skizze aus.
5. Gestalte eine Infografik im Hoch- oder Querformat.
6. Führe einen Lesetest mit zwei Personen durch.
7. Überarbeite die Arbeit.
8. 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?

Lückentext

Vervollständige den Text.

Eine Infografik vermittelt Informationen vor allem . Ein vereinfachtes Bildzeichen heißt . Veränderungen über einen Zeitraum zeigt häufig ein . Ein unterstützt die geordnete Ausrichtung von Elementen. Die Reihenfolge der Wahrnehmung wird durch die visuelle gelenkt. Eine kleine Farbpalette wirkt meist ruhiger als sehr viele . Die Herkunft von Daten wird durch eine belegt. Eine erklärt Zeichen und Farbcodes. Vor der Fertigstellung verbessert ein die Verständlichkeit. Freie Bildmedien findest Du unter anderem auf Wikimedia .

Offene Aufgaben

Leicht

1. Piktogramm-Sammlung: Zeichne sechs einfache Bildzeichen für Räume oder Regeln Deiner Schule.
2. Farbwirkung: Gestalte dieselbe Überschrift in drei Farbvarianten und beschreibe die Wirkung.
3. Infografik-Suche: Finde drei Infografiken in Büchern, Zeitungen oder Apps und fotografiere oder skizziere ihren Aufbau.
4. Layout-Skizze: Ordne Überschrift, Hauptbild, drei Informationen und Quelle in drei unterschiedlichen Mini-Skizzen an.

Standard

1. Klassenumfrage: Erhebe eine kleine Umfrage und gestalte daraus ein Balken- oder Kreisdiagramm.
2. Infografik-Analyse: Untersuche eine vorhandene Infografik nach Hierarchie, Farbe, Typografie, Bildsprache und Quelle.
3. Vorher-Nachher-Gestaltung: Überarbeite eine unübersichtliche Grafik und dokumentiere Deine Entscheidungen.
4. Analoge Infografik: Gestalte mit Papier, Stiften und Collage eine Infografik zu einem Unterrichtsthema.

Schwer

1. Datenkritik: Erstelle zwei unterschiedlich wirkende Grafiken aus denselben Daten und erkläre, wodurch die Wirkung verändert wird.
2. Barrierearme Infografik: Gestalte eine Grafik, die auch ohne Farberkennung verständlich bleibt.
3. Animierte Infografik: Plane eine kurze Animation, in der Informationen schrittweise erscheinen.
4. Ausstellungskonzept: Entwickle mit einer Gruppe eine Schul-Ausstellung aus mehreren Infografiken und einem gemeinsamen Gestaltungsraster.

Lernkontrolle

1. Gestaltungsentscheidung: Du sollst die Entwicklung der Besucherzahlen eines Museums über zwölf Monate zeigen. Begründe Diagrammwahl, Farbkonzept und Blickführung.
2. 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.
3. Zielgruppenwechsel: Übertrage dieselben Informationen einmal für Grundschulkinder und einmal für Erwachsene. Beschreibe Unterschiede bei Sprache, Symbolen und Detailmenge.
4. Infografik-Vergleich: Vergleiche zwei Grafiken zum gleichen Thema. Beurteile, welche verständlicher ist, und belege Dein Urteil mit Gestaltungskriterien.
5. Reduktion: Kürze eine textreiche Informationsseite auf fünf Kernaussagen und entwickle dazu eine passende visuelle Struktur.
6. Transferprojekt: Plane eine Infografik für ein anderes Schulfach. Zeige, wie Kunst, Fachwissen und Medienbildung zusammenwirken.

Lernnachweis

Für einen Lernnachweis sind wichtig:

1. eine klare Leitfrage und Zielgruppe.
2. überprüfte Daten und vollständige Quellen.
3. mindestens zwei erkennbare Entwurfsskizzen.
4. ein begründetes Diagramm oder eine passende Bildform.
5. klare visuelle Hierarchie und geordnete Komposition.
6. lesbare Typografie und durchdachte Farbwahl.
7. barrierearme Kennzeichnung durch Text, Symbol oder Muster.
8. eine eigenständig gestaltete Endfassung.
9. eine kurze Reflexion zu Wirkung, Verständlichkeit und Überarbeitung.

Verknüpfte Lernbereiche

Infografik - Kunst Grafikdesign Informationsdesign Visuelle Kommunikation Typografie Farbenlehre Komposition Piktogramm Diagramm Datenvisualisierung Medienkompetenz Urheberrecht Open Educational Resources