Zum Inhalt springen

Grafikdesign - Kunst

Aus MOOCsWiki Staging
Die Druckversion wird nicht mehr unterstützt und kann Darstellungsfehler aufweisen. Bitte aktualisiere deine Browser-Lesezeichen und verwende stattdessen die Standard-Druckfunktion des Browsers.

Grafikdesign - Kunst




Grafikdesign - Kunst


Einleitung

Grafikdesign macht Informationen sichtbar. Du verbindest Typografie, Bild, Farbe, Form und Layout, damit eine Botschaft schnell verstanden wird. Grafikdesign begegnet Dir auf Plakaten, Verpackungen, Webseiten, Apps, Schildern und in sozialen Medien.

Dieser aiMOOC führt Dich von der Idee bis zum eigenen Entwurf. Du beobachtest, vergleichst, skizzierst, gestaltest und verbesserst. Das Ziel ist nicht bloß „schön“, sondern passend, verständlich und wirkungsvoll.


Lernziele

Nach dem Kurs kannst Du:

  1. Visuelle Kommunikation: Botschaft, Zielgruppe und Medium bestimmen.
  2. Gestaltungselement: Farbe, Form, Schrift, Bild und Fläche gezielt einsetzen.
  3. Komposition: Kontrast, Hierarchie, Ausrichtung und Weißraum erklären.
  4. Entwurfsprozess: Ideen skizzieren, testen und überarbeiten.
  5. Medienkompetenz: Bildrechte, Barrierefreiheit und Dateiformate beachten.


Was ist Grafikdesign?

Grafikdesign ist ein Teil der visuellen Kommunikation. Es ordnet Zeichen so, dass Menschen etwas erkennen, verstehen oder tun können.

Frage Beispiel
Was soll gesagt werden? Einladung zum Schulfest
Für wen? Schülerinnen, Schüler und Familien
Wo erscheint es? Aushang und Schulhomepage
Was soll passieren? Termin merken und teilnehmen

Merksatz: Gute Gestaltung verbindet Inhalt, Zielgruppe und Medium.


Kunst und Design

Kunst kann offen, mehrdeutig und persönlich sein. Design arbeitet meist mit einem Auftrag oder Problem. Beide nutzen Wahrnehmung, Fantasie und Gestaltungsmittel. Im Kunstunterricht kannst Du deshalb sowohl frei experimentieren als auch zielgerichtet entwerfen.


Bausteine der Gestaltung

Baustein Wirkung Leitfrage
Punkt Blickfang Wo beginnt der Blick?
Linie Richtung und Bewegung Wohin wird das Auge geführt?
Form Ordnung und Wiedererkennung Welche Silhouette bleibt im Gedächtnis?
Farbe Stimmung und Signal Welche Wirkung entsteht?
Textur Materialeindruck Wirkt die Fläche glatt, rau oder lebendig?
Raum Nähe, Tiefe und Ruhe Wo bleibt Platz?
Typografie Sprache als Bild Ist der Text lesbar und passend?
Bild Information und Emotion Unterstützt das Bild die Botschaft?


Gestaltgesetze

Menschen suchen in Bildern nach Ordnung. Nähe, Ähnlichkeit, Geschlossenheit und Figur-Grund-Trennung helfen beim schnellen Erfassen.

Bei der Rubinschen Vase wechselt die Wahrnehmung zwischen Vase und Gesichtern. Das Beispiel zeigt: Figur und Hintergrund beeinflussen einander.


Farbe

Farbe kann informieren, warnen, beruhigen oder Aufmerksamkeit erzeugen. Prüfe Wirkung immer im Zusammenhang mit Thema, Zielgruppe und Kultur.


Bildschirm und Druck

RGB mischt Licht aus Rot, Grün und Blau. Das Modell wird bei Bildschirmen verwendet.

Die Grafik zeigt die Grundmischung aus Cyan, Magenta und Gelb. Im CMYK-Druck kommt Schwarz hinzu. CMYK ist das übliche Farbmodell für den Vierfarbdruck. Cyan, Magenta, Gelb und Schwarz werden als Druckfarben kombiniert.


Farbkontraste

Kontrast Wirkung Beispiel
Hell-Dunkel-Kontrast klar, dramatisch Schwarz auf Weiß
Komplementärkontrast lebendig, spannungsvoll Blau und Orange
Warm-Kalt-Kontrast Nähe und Ferne Rot neben Blau
Sättigungskontrast laut oder zurückhaltend reines Rot neben Graurosa

Schultipp: Nutze zwei bis vier Hauptfarben. Prüfe Text und Hintergrund auch in Graustufen.


Typografie

Typografie ist die Gestaltung von Schrift. Sie betrifft Schriftart, Größe, Zeilenabstand, Buchstabenabstand, Ausrichtung und Gliederung.

Kerning gleicht den Abstand einzelner Buchstabenpaare aus. Gute Abstände wirken ruhig und verbessern die Lesbarkeit.


Einfache Typoregeln

  1. Lesbarkeit: Wähle eine klare Schrift für längere Texte.
  2. Schriftfamilie: Nutze meist höchstens zwei Schriftfamilien.
  3. Schrifthierarchie: Unterscheide Titel, Zwischenüberschrift und Fließtext deutlich.
  4. Zeilenlänge: Vermeide extrem lange Textzeilen.
  5. Ausrichtung: Richte Elemente an gemeinsamen Kanten aus.
  6. Kontrast: Sorge für ausreichenden Helligkeitsunterschied.


Layout und Komposition

Layout bezeichnet die Anordnung von Texten, Bildern und Flächen. Eine gute Komposition führt den Blick und zeigt, was zuerst, danach und zuletzt wichtig ist.

Ein Gestaltungsraster gibt unsichtbare Hilfslinien vor. Es schafft Ordnung, ohne jede Idee gleich aussehen zu lassen.


Grundprinzipien

Prinzip Kurz erklärt
Kontrast Unterschiede machen Wichtiges sichtbar.
Visuelle Hierarchie Größe, Farbe und Position bestimmen die Blickreihenfolge.
Ausrichtung Gemeinsame Kanten verbinden Elemente.
Nähe Nahe Elemente erscheinen zusammengehörig.
Wiederholung Wiederkehrende Formen schaffen Einheit.
Balance Gewichte wirken ausgeglichen oder bewusst gespannt.
Weißraum Freie Fläche schafft Ruhe und Trennung.


Bild, Zeichen und Logo

Bilder wirken schnell, können aber missverstanden werden. Wähle nur Bilder, die zur Aussage passen. Ein Piktogramm vereinfacht eine Information. Ein Logo kennzeichnet eine Organisation, ein Projekt oder ein Produkt.

Ein gutes Zeichen ist: einfach, unterscheidbar, passend und in verschiedenen Größen erkennbar.


Raster- und Vektorgrafik

Art Aufbau Geeignet für Beispiele
Rastergrafik Pixel Fotos und Malerei JPEG, PNG
Vektorgrafik Punkte, Linien und Kurven Logos, Icons und Schaubilder SVG

Rasterbilder können beim starken Vergrößern sichtbar verpixeln. Vektorgrafiken lassen sich meist ohne Qualitätsverlust skalieren.


Vom Auftrag zum Entwurf

Schritt Deine Aufgabe
Briefing Ziel, Zielgruppe, Inhalt und Format klären
Recherche Beispiele, Farben, Bilder und Anforderungen sammeln
Ideen viele kleine Skizzen anlegen
Auswahl starke Idee begründen
Entwurf Typografie, Bild, Farbe und Raster verbinden
Feedback Wirkung mit anderen testen
Überarbeitung Probleme gezielt lösen
Export passendes Dateiformat wählen

Wichtig: Die erste Idee ist selten die beste. Varianten und Rückmeldungen gehören zum Gestalten.


Mini-Projekt: Plakat für die Schule

  1. Briefing: Formuliere Anlass, Zielgruppe, Ort, Termin und gewünschte Handlung.
  2. Thumbnail: Zeichne sechs kleine Layoutideen.
  3. Entwurf: Nutze eine Hauptbotschaft, ein klares Bild und eine gut lesbare Schrift.
  4. Feedback: Lass drei Personen in fünf Sekunden sagen, worum es geht.
  5. Revision: Verbessere Hierarchie, Kontrast und Abstände.
  6. Präsentation: Begründe drei Entscheidungen.


Verantwortung im Grafikdesign


Bildrechte und offene Lizenzen

Verwende eigene Medien oder prüfe die Lizenz. Bei Creative Commons können Namensnennung, Lizenzhinweis und Weitergabe unter gleichen Bedingungen nötig sein. Eine Suchmaschine ist keine Bildquelle.


Fair und barrierearm gestalten

  1. Barrierefreiheit: Nutze gut lesbare Größen und deutliche Kontraste.
  2. Alternativtext: Beschreibe wichtige Bildinformationen.
  3. Farbenfehlsichtigkeit: Übermittle Bedeutung nicht nur durch Farbe.
  4. Stereotyp: Prüfe Rollenbilder und Auslassungen.
  5. Manipulation: Trenne Information, Meinung und Werbung erkennbar.


Interaktive Aufgaben


Quiz: Teste Dein Wissen

Was ist ein Hauptziel von Grafikdesign? (Informationen visuell verständlich zu vermitteln) (!Möglichst viele Effekte gleichzeitig zu zeigen) (!Jede freie Fläche vollständig zu füllen) (!Nur persönliche Gefühle ohne Zielgruppe auszudrücken)




Welches Farbmodell wird bei Bildschirmen verwendet? (RGB) (!CMYK) (!Graustufenraster) (!Pantonefächer)




Welche Aussage beschreibt CMYK am besten? (Es ist ein Farbmodell für den Vierfarbdruck) (!Es besteht nur aus rotem grünem und blauem Licht) (!Es ist eine Schriftklassifikation) (!Es bezeichnet eine Form des Gestaltungsrasters)




Wodurch entsteht visuelle Hierarchie? (Durch Unterschiede in Größe Farbe Position und Gewicht) (!Durch zufällige Anordnung aller Elemente) (!Durch gleich große Elemente ohne Kontrast) (!Durch das Entfernen jeder Überschrift)




Was bedeutet Kerning? (Der optische Ausgleich zwischen einzelnen Buchstaben) (!Das Beschneiden eines Fotos) (!Das Mischen von Druckfarben) (!Das Speichern einer Vektordatei)




Wozu dient ein Gestaltungsraster? (Es unterstützt eine geordnete Anordnung) (!Es ersetzt jede kreative Entscheidung) (!Es wandelt Fotos automatisch in Logos um) (!Es legt die Bedeutung eines Textes fest)




Welche Grafikart eignet sich besonders für skalierbare Logos? (Vektorgrafik) (!Rasterfoto) (!Pixelvorschau) (!Bildschirmaufnahme)




Welche Funktion kann Weißraum haben? (Er schafft Trennung Ruhe und Aufmerksamkeit) (!Er macht jeden Text automatisch unsichtbar) (!Er ersetzt die Zielgruppenanalyse) (!Er verhindert jede Form von Kontrast)




Was sollte am Anfang eines Gestaltungsprozesses geklärt werden? (Ziel Zielgruppe Inhalt und Medium) (!Nur die Lieblingsfarbe der gestaltenden Person) (!Nur das Exportformat) (!Nur die Anzahl der verwendeten Effekte)




Welche Maßnahme verbessert die Barrierefreiheit? (Hoher Kontrast und gut lesbare Schrift) (!Bedeutung ausschließlich durch Farbe) (!Sehr kleiner Text auf unruhigem Hintergrund) (!Wichtige Bilder ohne Alternativtext)





Memory

RGB Bildschirmfarben
CMYK Vierfarbdruck
Kerning Buchstabenabstand
Raster Ordnungssystem
Hierarchie Blickreihenfolge
Weißraum Freie Fläche
SVG Vektordatei
Briefing Gestaltungsauftrag





Drag and Drop

Ordne die richtigen Begriffe zu. Grafikdesign
Kontrast hebt Unterschiede hervor
Raster ordnet Flächen und Elemente
Typografie gestaltet Schrift und Text
Zielgruppe bestimmt Ansprache und Wirkung
Feedback hilft beim gezielten Überarbeiten






Kreuzworträtsel

Kontrast Welches Prinzip macht Unterschiede deutlich?
Typografie Wie heißt die Gestaltung von Schrift?
Raster Welches unsichtbare Ordnungssystem hilft beim Layout?
Vektor Welche Grafikart wird mit Pfaden aufgebaut?
Hierarchie Was bestimmt die Reihenfolge der Aufmerksamkeit?
Weissraum Wie heißt eine bewusst frei gelassene Fläche?





LearningApps


Lückentext

Vervollständige den Text.

Grafikdesign ist ein Bereich der visuellen

.
Vor dem Entwerfen wird die

bestimmt.
Auf Bildschirmen werden Farben meist im Modell

dargestellt.
Für den Vierfarbdruck wird häufig

verwendet.
Die Gestaltung von Schrift heißt

.
Ein

unterstützt die geordnete Platzierung von Elementen.
Unterschiede in Größe und Farbe erzeugen visuelle

.
Bewusst freie Fläche wird als

bezeichnet.
Skalierbare Logos werden häufig als

angelegt.
Rückmeldungen führen zur gezielten

.




Offene Aufgaben


Leicht

  1. Farbwirkung: Sammle drei Verpackungen und beschreibe, wie ihre Farben wirken.
  2. Schriftspaziergang: Fotografiere fünf verschiedene Schriften im Schulumfeld und ordne ihre Funktionen.
  3. Piktogramm: Entwirf ein einfaches Zeichen für einen Raum Deiner Schule.
  4. Layout-Collage: Schneide Texte und Formen aus Altpapier aus und gestalte zwei unterschiedliche Anordnungen.


Standard

  1. Plakatgestaltung: Gestalte ein A4-Plakat für eine Schulveranstaltung mit klarer Blickreihenfolge.
  2. Logoentwicklung: Zeichne zwölf Mini-Ideen für eine Arbeitsgemeinschaft und entwickle zwei weiter.
  3. Redesign: Überarbeite einen unübersichtlichen Aushang und dokumentiere Vorher und Nachher.
  4. Barrierefreiheit: Prüfe ein digitales Schulmedium auf Lesbarkeit, Kontrast und verständliche Bildbeschreibungen.


Schwer

  1. Corporate Design: Entwickle für ein fiktives Schulprojekt Logo, Farbpalette, Typoregel und zwei Anwendungen.
  2. Informationsdesign: Verwandle einen längeren Schultext in eine übersichtliche Infografik.
  3. Kampagne: Plane drei zusammengehörige Motive zu einem sozialen oder ökologischen Thema.
  4. Designkritik: Vergleiche zwei Plakate, untersuche Zielgruppe, Hierarchie und Wirkung und formuliere Verbesserungsvorschläge.




Text bearbeiten Bild einfügen Video einbetten Interaktive Aufgaben erstellen



Lernkontrolle

  1. Zielgruppenwechsel: Übertrage dasselbe Plakat einmal für Grundschulkinder und einmal für Erwachsene. Begründe Unterschiede in Schrift, Bild und Farbe.
  2. Medienwechsel: Passe einen A3-Aushang für einen quadratischen Social-Media-Beitrag an. Erkläre, welche Informationen Du kürzt oder neu ordnest.
  3. Fehlerdiagnose: Ein Entwurf hat kleinen Text, wenig Kontrast und fünf Schriftarten. Leite eine sinnvolle Reihenfolge der Verbesserungen ab.
  4. Wirkungsanalyse: Erkläre, wie Nähe, Ausrichtung und Weißraum gemeinsam eine Gruppe sichtbar machen.
  5. Ethische Entscheidung: Beurteile eine Werbung, die ein stark bearbeitetes Bild und ein Rollenklischee nutzt. Entwickle eine faire Alternative.




Lernnachweis

Für den Lernnachweis reichst Du ein kleines Portfolio ein:

  1. Briefing mit Ziel, Zielgruppe und Medium
  2. mindestens sechs Ideenskizzen
  3. einen ausgearbeiteten Entwurf
  4. eine dokumentierte Feedbackrunde
  5. eine sichtbar überarbeitete Endfassung
  6. eine kurze Begründung zu Typografie, Farbe, Bild und Layout
  7. Angaben zu Bildquellen und Lizenzen
  8. eine Prüfung von Lesbarkeit und Barrierefreiheit




OERs zum Thema

  1. Grafikdesign
  2. Kommunikationsdesign
  3. Typografie
  4. Farblehre
  5. Gestaltungsraster
  6. Creative Commons
  7. Wikimedia Commons



Verknüpfte Lernbereiche


aiMOOC-Projekte





Schulfach+

Prüfungsliteratur 2026
Bundesland Bücher Kurzbeschreibung
Baden-Württemberg

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Mittlere Reife

  1. Der Markisenmann - Jan Weiler oder Als die Welt uns gehörte - Liz Kessler
  2. Ein Schatten wie ein Leopard - Myron Levoy oder Pampa Blues - Rolf Lappert

Abitur Dorfrichter-Komödie über Wahrheit/Schuld; Roman über einen Ort und deutsche Geschichte. Mittlere Reife Wahllektüren (Roadtrip-Vater-Sohn / Jugendroman im NS-Kontext / Coming-of-age / Provinzroman).

Bayern

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Abitur Lustspiel über Machtmissbrauch und Recht; Roman als Zeitschnitt deutscher Geschichte an einem Haus/Grundstück.

Berlin/Brandenburg

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Woyzeck - Georg Büchner
  3. Der Biberpelz - Gerhart Hauptmann
  4. Heimsuchung - Jenny Erpenbeck

Abitur Gerichtskomödie; soziales Drama um Ausbeutung/Armut; Komödie/Satire um Diebstahl und Obrigkeit; Roman über Erinnerungsräume und Umbrüche.

Bremen

Abitur

  1. Nach Mitternacht - Irmgard Keun
  2. Mario und der Zauberer - Thomas Mann
  3. Emilia Galotti - Gotthold Ephraim Lessing oder Miss Sara Sampson - Gotthold Ephraim Lessing

Abitur Roman in der NS-Zeit (Alltag, Anpassung, Angst); Novelle über Verführung/Massenpsychologie; bürgerliche Trauerspiele (Moral, Macht, Stand).

Hamburg

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Das kunstseidene Mädchen - Irmgard Keun

Abitur Justiz-/Machtkritik als Komödie; Großstadtroman der Weimarer Zeit (Rollenbilder, Aufstiegsträume, soziale Realität).

Hessen

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Woyzeck - Georg Büchner
  3. Heimsuchung - Jenny Erpenbeck
  4. Der Prozess - Franz Kafka

Abitur Gerichtskomödie; Fragmentdrama über Gewalt/Entmenschlichung; Erinnerungsroman über deutsche Brüche; moderner Roman über Schuld, Macht und Bürokratie.

Niedersachsen

Abitur

  1. Der zerbrochene Krug - Heinrich von Kleist
  2. Das kunstseidene Mädchen - Irmgard Keun
  3. Die Marquise von O. - Heinrich von Kleist
  4. Über das Marionettentheater - Heinrich von Kleist

Abitur Schwerpunkt auf Drama/Roman sowie Kleist-Prosatext und Essay (Ehre, Gewalt, Unschuld; Ästhetik/„Anmut“).

Nordrhein-Westfalen

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Abitur Komödie über Wahrheit und Autorität; Roman als literarische „Geschichtsschichtung“ an einem Ort.

Saarland

Abitur

  1. Heimsuchung - Jenny Erpenbeck
  2. Furor - Lutz Hübner und Sarah Nemitz
  3. Bahnwärter Thiel - Gerhart Hauptmann

Abitur Erinnerungsroman an einem Ort; zeitgenössisches Drama über Eskalation/Populismus; naturalistische Novelle (Pflicht/Überforderung/Abgrund).

Sachsen (berufliches Gymnasium)

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Woyzeck - Georg Büchner
  3. Irrungen, Wirrungen - Theodor Fontane
  4. Der gute Mensch von Sezuan - Bertolt Brecht
  5. Heimsuchung - Jenny Erpenbeck
  6. Der Trafikant - Robert Seethaler

Abitur Mischung aus Klassiker-Drama, sozialem Drama, realistischem Roman, epischem Theater und Gegenwarts-/Erinnerungsroman; zusätzlich Coming-of-age im historischen Kontext.

Sachsen-Anhalt

Abitur

  1. (keine fest benannte landesweite Pflichtlektüre veröffentlicht; Themenfelder)

Abitur Schwerpunktsetzung über Themenfelder (u. a. Literatur um 1900; Sprache in politisch-gesellschaftlichen Kontexten), ohne feste Einzeltitel.

Schleswig-Holstein

Abitur

  1. Der zerbrochne Krug - Heinrich von Kleist
  2. Heimsuchung - Jenny Erpenbeck

Abitur Recht/Gerechtigkeit und historische Tiefenschichten eines Ortes – umgesetzt über Drama und Gegenwartsroman.

Thüringen

Abitur

  1. (keine fest benannte landesweite Pflichtlektüre veröffentlicht; Orientierung am gemeinsamen Aufgabenpool)

Abitur In der Praxis häufig Orientierung am gemeinsamen Aufgabenpool; landesweite Einzeltitel je nach Vorgabe/Handreichung nicht einheitlich ausgewiesen.

Mecklenburg-Vorpommern

Abitur

  1. (Quelle aktuell technisch nicht abrufbar; Beteiligung am gemeinsamen Aufgabenpool bekannt)

Abitur Land beteiligt sich am länderübergreifenden Aufgabenpool; konkrete, veröffentlichte Einzeltitel konnten hier nicht ausgelesen werden.

Rheinland-Pfalz

Abitur

  1. (keine landesweit einheitliche Pflichtlektüre; schulische Auswahl)

Abitur Keine landesweite Einheitsliste; Auswahl kann schul-/kursbezogen erfolgen.




aiMOOCs



aiMOOC Projekte












THE MONKEY DANCE




The Monkey DanceaiMOOCs

  1. Trust Me It's True: #Verschwörungstheorie #FakeNews
  2. Gregor Samsa Is You: #Kafka #Verwandlung
  3. Who Owns Who: #Musk #Geld
  4. Lump: #Trump #Manipulation
  5. Filth Like You: #Konsum #Heuchelei
  6. Your Poverty Pisses Me Off: #SozialeUngerechtigkeit #Musk
  7. Hello I'm Pump: #Trump #Kapitalismus
  8. Monkey Dance Party: #Lebensfreude
  9. God Hates You Too: #Religionsfanatiker
  10. You You You: #Klimawandel #Klimaleugner
  11. Monkey Free: #Konformität #Macht #Kontrolle
  12. Pure Blood: #Rassismus
  13. Monkey World: #Chaos #Illusion #Manipulation
  14. Uh Uh Uh Poor You: #Kafka #BerichtAkademie #Doppelmoral
  15. The Monkey Dance Song: #Gesellschaftskritik
  16. Will You Be Mine: #Love
  17. Arbeitsheft
  18. And Thanks for Your Meat: #AntiFactoryFarming #AnimalRights #MeatIndustry


© The Monkey Dance on Spotify, YouTube, Amazon, MOOCit, Deezer, ...



Text bearbeiten Bild einfügen Video einbetten Interaktive Aufgaben erstellen