Typografie - Kunst
Typografie - Kunst
Typografie - Kunst
Einleitung
Typografie ist die Kunst, Schrift sichtbar zu gestalten. Sie ordnet Buchstaben, Wörter und Flächen so, dass eine Botschaft lesbar, verständlich und ausdrucksstark wird. In diesem aiMOOC untersuchst Du Schrift als Form, vergleichst Beispiele aus Kunstgeschichte, Grafikdesign und Alltag und entwickelst eigene typografische Arbeiten.
Typografie kann informieren, lenken, provozieren und Gefühle auslösen.
Lernziele
Nach dem Kurs kannst Du Schriftarten unterscheiden, Lesbarkeit beurteilen, eine typografische Hierarchie gestalten, Bild und Text verbinden und eigene Entwürfe begründen.
Schrift als Gestaltungsmittel
Buchstaben sind Formen
Ein Buchstabe besteht aus Linien, Bögen, Innenräumen und Abständen. Typische Begriffe sind Grundlinie, Mittellänge, Oberlänge, Unterlänge und Serife. Schon kleine Formänderungen beeinflussen die Wirkung.
Beobachtungsauftrag: Suche am Buchstaben nach Rundung, Kontrast, Innenraum und Grundlinie.
Schriftarten und Wirkung
Serifenschriften besitzen kleine Endstriche. Serifenlose Schriften wirken häufig klar und sachlich. Schreibschrift erinnert an Handschrift; Gebrochene Schrift wirkt historisch. Eine Wirkung ist aber nie automatisch: Größe, Farbe, Abstand und Kontext entscheiden mit.
Merke: Typografie ist kulturell vielfältig. Schriftsysteme und Lesegewohnheiten unterscheiden sich weltweit.
Schriftart, Schriftschnitt und Font
Eine Schriftart beschreibt das gestalterische Erscheinungsbild. Ein Schriftschnitt ist eine Variante wie fett, kursiv oder schmal. Ein Font ist die konkrete digitale oder physische Ausführung. Im Alltag werden diese Begriffe oft vermischt.
Grundregeln guter Typografie
- Lesbarkeit: Buchstaben und Wörter müssen sicher erkennbar sein.
- Hierarchie: Überschrift, Untertitel und Fließtext erhalten erkennbare Rollen.
- Kontrast: Unterschiede in Größe, Gewicht, Farbe oder Form schaffen Spannung.
- Ausrichtung: Kanten und Achsen geben Ordnung.
- Weißraum: Freie Fläche verbessert Ruhe und Übersicht.
- Zeilenabstand: Genügend Abstand erleichtert das Lesen.
- Zeilenlänge: Zu lange oder zu kurze Zeilen erschweren den Lesefluss.
- Raster: Ein unsichtbares Ordnungssystem verbindet Elemente.
Gestaltungstipp: Verwende wenige Schriftarten, aber klare Unterschiede.
Mikrotypografie und Makrotypografie
Mikrotypografie betrifft Details wie Laufweite, Kerning, Wortabstand und Satzzeichen. Makrotypografie ordnet größere Flächen: Spalten, Absätze, Bilder, Überschriften und Seitenränder.
Vom Druck zur digitalen Schrift
Bewegliche Lettern
In Europa entwickelte Johannes Gutenberg um die Mitte des 15. Jahrhunderts ein leistungsfähiges Drucksystem mit beweglichen Metalllettern. Bewegliche Lettern waren in Ostasien bereits früher bekannt. Der Buchdruck erleichterte die Vervielfältigung von Texten und prägte die Gestaltung von Seiten.
Bildvergleich: Achte auf Spalten, Ränder, Initialen, Zeilenabstand und Textdichte.
Moderne Typografie und Bauhaus
Das Bauhaus bestand von 1919 bis 1933. Gestalterinnen und Gestalter erprobten asymmetrische Anordnungen, geometrische Formen, Fotografie und serifenlose Schrift. Typografie wurde als Teil moderner visueller Kommunikation verstanden.
Raster, Ordnung und Gegenwart
Seit dem 20. Jahrhundert nutzen viele Gestaltende klare Gestaltungsraster, sachliche Schriften und fotografische Elemente. Digitale Werkzeuge ermöglichen heute skalierbare Schrift, Animation und variable Fonts. Gute Entscheidungen bleiben trotzdem wichtiger als Effekte.
Typografie als Kunst
In der Kunst muss Schrift nicht nur gelesen werden. Sie kann selbst zum Bild werden, Raum besetzen, Rhythmus erzeugen oder eine Aussage verfremden.
Kalligrafie, Lettering und Schriftbild
Kalligrafie ist die Kunst des schönen Schreibens. Lettering bezeichnet das Zeichnen individuell gestalteter Buchstaben. Ein Kalligramm ordnet Wörter so, dass ein Bild entsteht. In der Konkreten Poesie tragen Position, Klang und Form zur Bedeutung bei.
Plakat, Collage und öffentlicher Raum
Im Plakat konkurrieren wenige Sekunden Aufmerksamkeit mit vielen Reizen. Größe, Kontrast und klare Botschaft sind besonders wichtig. In Collage, Streetart und Installation kann Schrift zerschnitten, überlagert, räumlich gebaut oder bewusst schwer lesbar werden.
Leitfrage: Wann wird Schrift vom Informationsträger zum Kunstwerk?
Typografie untersuchen
Nutze für eine Bildanalyse diese fünf Schritte:
- Beschreibung: Was siehst Du, ohne zu deuten?
- Formanalyse: Welche Schriftformen, Größen, Farben und Abstände erkennst Du?
- Komposition: Wie sind Text, Bild und freie Fläche angeordnet?
- Wirkung: Welche Stimmung entsteht?
- Deutung: Wie unterstützt oder verändert die Gestaltung die Aussage?
Eigener Gestaltungsprozess
- Idee: Formuliere eine kurze Botschaft.
- Skizze: Erprobe mindestens drei Anordnungen.
- Auswahl: Begrenze Schriftarten, Farben und Formen.
- Entwurf: Gestalte analog oder digital.
- Feedback: Prüfe Lesbarkeit, Wirkung und Zielgruppe.
- Überarbeitung: Verbessere Abstände, Kontraste und Hierarchie.
Interaktive Aufgaben
Quiz: Teste Dein Wissen
Was gestaltet Typografie hauptsächlich? (Schrift und ihre Anordnung) (!Nur gemalte Landschaften) (!Nur Fotografien) (!Nur Töne und Geräusche)
Welche Schrift besitzt kleine Endstriche? (Serifenschrift) (!Groteskschrift) (!Piktogrammschrift) (!Pixelschrift)
Was bezeichnet Kerning? (Den Abstand zwischen einzelnen Buchstabenpaaren) (!Die Farbe des Papiers) (!Die Länge eines Videos) (!Die Anzahl der Bilder)
Welche Aufgabe hat typografische Hierarchie? (Sie macht unterschiedliche Informationsebenen erkennbar) (!Sie versteckt alle Überschriften) (!Sie setzt jeden Text gleich groß) (!Sie entfernt freie Flächen)
Was gehört zur Mikrotypografie? (Laufweite und Wortabstand) (!Gebäudehöhe und Raumtiefe) (!Kamerawinkel und Filmschnitt) (!Tonhöhe und Lautstärke)
Was ist ein Gestaltungsraster? (Ein Ordnungssystem für Flächen und Elemente) (!Eine zufällige Farbmischung) (!Ein Werkzeug zum Radieren) (!Eine Liste aller Künstlernamen)
Welche Aussage über Weißraum stimmt? (Freie Fläche kann Übersicht und Wirkung verbessern) (!Freie Fläche ist immer ein Fehler) (!Freie Fläche darf nur schwarz sein) (!Freie Fläche ersetzt jede Überschrift)
Was ist ein Kalligramm? (Ein Text, dessen Anordnung ein Bild formt) (!Ein ungeordnetes Farbfeld) (!Eine gedruckte Landkarte) (!Ein Foto ohne Schrift)
Welche Gestaltungsidee ist eng mit moderner Bauhaus-Typografie verbunden? (Geometrische Formen und klare Anordnung) (!Ausschließlich mittelalterliche Ornamente) (!Unsichtbare Schrift ohne Kontrast) (!Vollständig zufällige Platzierung)
Was sollte am Ende eines Gestaltungsprozesses geschehen? (Der Entwurf wird geprüft und überarbeitet) (!Alle Skizzen werden sofort gelöscht) (!Die Zielgruppe wird ignoriert) (!Jede Fläche wird vollständig gefüllt)
Memory
| Serife | Kleiner Endstrich an einem Buchstaben |
| Kerning | Abstand zwischen einem Buchstabenpaar |
| Hierarchie | Ordnung verschiedener Informationsebenen |
| Weißraum | Bewusst frei gelassene Fläche |
| Kalligramm | Text in einer bildhaften Form |
| Raster | Unsichtbares Ordnungssystem |
| Lettering | Zeichnen individueller Buchstaben |
| Laufweite | Abstand innerhalb einer Buchstabenfolge |
Drag and Drop
| Ordne die richtigen Begriffe zu. | Thema |
|---|---|
| Serifenschrift | Schrift mit Endstrichen |
| Groteskschrift | Schrift ohne Serifen |
| Mikrotypografie | Gestaltung kleiner Satzdetails |
| Makrotypografie | Ordnung von Seiten und Flächen |
| Kalligramm | Bild aus angeordneten Wörtern |
Kreuzworträtsel
| Serifen | Wie heißen kleine Endstriche an Buchstaben? |
| Kerning | Wie heißt die Regelung des Abstands eines Buchstabenpaares? |
| Kontrast | Welches Mittel erzeugt erkennbare Unterschiede? |
| Raster | Welches unsichtbare System ordnet eine Fläche? |
| Kalligrafie | Wie heißt die Kunst des schönen Schreibens? |
| Plakat | Welches Medium verbindet häufig kurze Texte und starke Bilder? |
LearningApps
Lückentext
Offene Aufgaben
Leicht
- Schriftensuche: Fotografiere fünf unterschiedliche Schriftbeispiele in Deiner Schule und beschreibe ihre Wirkung.
- Buchstabenbild: Gestalte Deinen Anfangsbuchstaben aus geometrischen Grundformen.
- Kontrastkarte: Schreibe dasselbe Wort groß, klein, fett und fein und vergleiche die Wirkung.
- Kalligramm: Forme ein Tier oder einen Gegenstand ausschließlich aus passenden Wörtern.
Standard
- Typografie-Plakat: Gestalte ein Plakat für ein Schulfest mit klarer Hierarchie und höchstens zwei Schriftarten.
- Schriftvergleich: Setze einen kurzen Text in drei Schriftarten und bewerte Lesbarkeit und Stimmung.
- Typografische Collage: Erstelle aus Buchstaben, Wörtern und Papierfragmenten eine Collage zu einem Gefühl.
- Redesign: Überarbeite ein unübersichtliches Arbeitsblatt und begründe Deine Änderungen.
Schwer
- Informationsdesign: Entwickle ein Leitsystem für drei wichtige Orte Deiner Schule.
- Variable Typografie: Gestalte eine digitale oder analoge Buchstabenreihe, deren Form sich schrittweise verändert.
- Kunstinterpretation: Vergleiche zwei typografische Plakate aus unterschiedlichen Zeiten und erkläre ihre Gestaltungsideen.
- Ausstellungskonzept: Plane eine kleine Schul-Ausstellung mit eigenen Schriftarbeiten, Beschriftungen und Besucherführung.
|
|
Lernkontrolle
- Zielgruppenvergleich: Gestalte dieselbe Botschaft einmal für Grundschulkinder und einmal für Erwachsene. Erkläre die unterschiedlichen Entscheidungen.
- Fehlerdiagnose: Analysiere ein schwer lesbares Plakat und entwickle drei begründete Verbesserungen.
- Wirkungswechsel: Verändere nur Größe, Abstand und Ausrichtung eines Wortes so, dass drei verschiedene Stimmungen entstehen.
- Bild-Text-Beziehung: Erkläre an einem Beispiel, ob Schrift und Bild sich ergänzen, widersprechen oder wiederholen.
- Gestaltungsentscheidung: Begründe, wann ein Regelbruch in der Typografie sinnvoll sein kann und wann er die Kommunikation stört.
Lernnachweis
Für Deinen Lernnachweis erstellst Du eine kleine Portfolio-Seite mit:
- einer Analyse eines typografischen Beispiels,
- mindestens drei Entwurfsskizzen,
- einem ausgearbeiteten eigenen Werk,
- einer kurzen Begründung zu Schriftwahl, Hierarchie, Kontrast und Zielgruppe,
- einer Reflexion über Feedback und Überarbeitung.
Bewertet werden Idee, bewusste Gestaltung, Lesbarkeit, handwerkliche Sorgfalt, Begründung und Reflexion.
OERs zum Thema
Verknüpfte Lernbereiche
aiMOOC-Projekte
Schulfach+
|
|
aiMOOCs
aiMOOC Projekte
|
|
THE MONKEY DANCE
|
|
|