<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="de">
	<id>https://staging.moocwiki.org/index.php?action=history&amp;feed=atom&amp;title=Typografie_im_Unterricht</id>
	<title>Typografie im Unterricht - Versionsgeschichte</title>
	<link rel="self" type="application/atom+xml" href="https://staging.moocwiki.org/index.php?action=history&amp;feed=atom&amp;title=Typografie_im_Unterricht"/>
	<link rel="alternate" type="text/html" href="https://staging.moocwiki.org/index.php?title=Typografie_im_Unterricht&amp;action=history"/>
	<updated>2026-06-19T23:09:48Z</updated>
	<subtitle>Versionsgeschichte dieser Seite in MOOCsWiki Staging</subtitle>
	<generator>MediaWiki 1.45.3</generator>
	<entry>
		<id>https://staging.moocwiki.org/index.php?title=Typografie_im_Unterricht&amp;diff=29920&amp;oldid=prev</id>
		<title>Glanz: aiMOOC über GPT aiMOOC Action erstellt</title>
		<link rel="alternate" type="text/html" href="https://staging.moocwiki.org/index.php?title=Typografie_im_Unterricht&amp;diff=29920&amp;oldid=prev"/>
		<updated>2026-06-19T07:24:15Z</updated>

		<summary type="html">&lt;p&gt;aiMOOC über GPT aiMOOC Action erstellt&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Neue Seite&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{T}}&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Einleitung =&lt;br /&gt;
&lt;br /&gt;
[[Typografie]] begegnet Dir jeden Tag: in [[Buch|Büchern]], auf [[Plakat|Plakaten]], in [[Comic|Comics]], auf [[Website|Websites]], in [[Chat|Chats]], in [[Präsentation|Präsentationen]] und in [[Werbung]]. Sie entscheidet mit darüber, ob ein Text ruhig, laut, spannend, altmodisch, modern, freundlich, streng, verspielt oder besonders wichtig wirkt. In diesem aiMOOC lernst Du, wie [[Schrift]], [[Layout]], [[Farbe]], [[Kontrast]] und [[Bildgestaltung]] zusammenarbeiten. Das Thema verbindet [[Deutschunterricht]], [[Kunstunterricht]] und [[Medienbildung]] für die [[Klasse 5-6]].&lt;br /&gt;
&lt;br /&gt;
{{#ev:youtube|   https://www.youtube.com/watch?v=8JEk7nymVV4   |500|center}}&lt;br /&gt;
&lt;br /&gt;
Das Video führt in das Thema &amp;#039;&amp;#039;&amp;#039;Typografie im Unterricht / Deutsch, Kunst &amp;amp; Medienbildung Klasse 5–6&amp;#039;&amp;#039;&amp;#039; ein. Du kannst es als Einstieg nutzen: Achte beim Anschauen besonders darauf, wie Schrift als Gestaltungsmittel eingesetzt wird und welche Ideen Du für ein eigenes typografisches Projekt sammeln kannst.&lt;br /&gt;
&lt;br /&gt;
[[Datei:Font types.svg|500px|rahmenlos|center]]&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Lernziele =&lt;br /&gt;
&lt;br /&gt;
Nach diesem aiMOOC kannst Du erklären, was [[Typografie]] bedeutet, warum [[Lesbarkeit]] wichtig ist und wie Schrift eine Wirkung erzeugt. Du kannst einfache typografische Fachbegriffe anwenden, eigene Gestaltungen planen, fremde Gestaltungen begründet beurteilen und digitale Medien verantwortungsvoll nutzen.&lt;br /&gt;
&lt;br /&gt;
# [[Typografie]] verstehen: Du beschreibst, wie Schrift gestaltet wird und warum sie nicht nur Inhalt, sondern auch Wirkung transportiert.&lt;br /&gt;
# [[Deutsch]] anwenden: Du untersuchst, wie Überschriften, Textsorten und Wortwahl durch Schrift unterstützt werden.&lt;br /&gt;
# [[Kunst]] gestalten: Du setzt Form, Größe, Farbe, Kontrast und Raum bewusst ein.&lt;br /&gt;
# [[Medienbildung]] stärken: Du prüfst digitale Schriftgestaltung, Urheberrecht, Lesbarkeit am Bildschirm und Zielgruppen.&lt;br /&gt;
# [[Feedback]] geben: Du begründest, warum eine Gestaltung gelungen, unruhig, unleserlich oder passend wirkt.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Was ist Typografie? =&lt;br /&gt;
&lt;br /&gt;
[[Typografie]] bezeichnet die Gestaltung von Text mit [[Schrift]]. Dazu gehören zum Beispiel [[Schriftart]], [[Schriftgröße]], [[Zeilenabstand]], [[Ausrichtung]], [[Farbe]], [[Kontrast]], [[Leerraum]], [[Absatz|Absätze]] und die Anordnung von Text auf einer Fläche. Typografie ist also nicht nur „schöne Schrift“. Sie hilft dabei, Informationen sichtbar, verständlich und passend zu gestalten.&lt;br /&gt;
&lt;br /&gt;
Ein typografisch gut gestalteter Text ist meistens leichter zu lesen. Er zeigt Dir, was wichtig ist, wo ein neuer Abschnitt beginnt und wie Du Dich auf einer Seite orientieren kannst. Eine Überschrift darf auffallen. Ein längerer Lesetext sollte dagegen ruhig, klar und angenehm lesbar sein. Genau deshalb muss Schrift immer zur [[Textsorte]], zur [[Zielgruppe]] und zur Situation passen.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Typografie als dienende Gestaltung ==&lt;br /&gt;
&lt;br /&gt;
Typografie hat eine Aufgabe: Sie soll den Text unterstützen. Bei einem [[Gedicht]] kann Schrift eine Stimmung verstärken. Bei einer [[Einladung]] kann Schrift festlich wirken. Bei einem [[Warnschild]] muss Schrift schnell lesbar sein. Bei einem [[Plakat]] soll sie Aufmerksamkeit wecken. Gute Typografie fragt deshalb immer: &amp;#039;&amp;#039;&amp;#039;Was soll der Text erreichen? Wer soll ihn lesen? Wo wird er gelesen?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Mikrotypografie und Makrotypografie ==&lt;br /&gt;
&lt;br /&gt;
In der Typografie unterscheidet man oft zwischen [[Mikrotypografie]] und [[Makrotypografie]]. [[Mikrotypografie]] meint kleine Details im Text: Buchstabenabstand, Wortabstand, Zeilenabstand, Satzzeichen und Lesbarkeit im genauen Satzbild. [[Makrotypografie]] meint die große Gestaltung: Seitenaufbau, Überschriften, Spalten, Bilder, Ränder, Weißraum und die Ordnung auf einer Fläche. Für Klasse 5–6 reicht zunächst: Achte sowohl auf die kleinen Textdetails als auch auf das Gesamtbild.&lt;br /&gt;
&lt;br /&gt;
[[Datei:Typography Line Terms.svg|500px|rahmenlos|center]]&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Grundbegriffe der Typografie =&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Schriftart, Schriftfamilie und Schriftschnitt ==&lt;br /&gt;
&lt;br /&gt;
Eine [[Schriftart]] ist eine gestaltete Form von Buchstaben. Manche Schriften wirken sachlich, andere verspielt, elegant, technisch oder historisch. Eine [[Schriftfamilie]] kann mehrere Varianten enthalten. Diese Varianten nennt man [[Schriftschnitt|Schriftschnitte]], zum Beispiel normal, fett, kursiv oder fett-kursiv. Im Unterricht kannst Du testen, wie stark sich die Wirkung eines Wortes verändert, wenn Du nur die Schrift wechselst.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Serifen und serifenlose Schriften ==&lt;br /&gt;
&lt;br /&gt;
[[Serife|Serifen]] sind kleine Abschlussstriche an Buchstaben. Schriften mit Serifen wirken oft klassisch, buchartig oder traditionell. [[Serifenlose Schrift|Serifenlose Schriften]] wirken häufig klar, modern und sachlich. Diese Wirkung ist nicht automatisch gut oder schlecht. Entscheidend ist, ob die Schrift zum Inhalt passt. Ein Märchenbuch darf anders aussehen als ein Sicherheitshinweis oder ein Sportplakat.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Schriftgröße und Hierarchie ==&lt;br /&gt;
&lt;br /&gt;
[[Schriftgröße]] hilft dabei, Wichtiges von weniger Wichtigem zu unterscheiden. Eine große Überschrift zeigt: Hier beginnt ein Thema. Eine kleinere Zwischenüberschrift gliedert den Text. Der normale Lesetext wird oft [[Fließtext]] genannt. Wenn alle Wörter gleich groß, gleich fett und gleich bunt sind, entsteht schnell Unordnung. Typografische [[Hierarchie]] hilft Dir beim Lesen.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Zeilenabstand, Zeilenlänge und Lesbarkeit ==&lt;br /&gt;
&lt;br /&gt;
[[Zeilenabstand]] ist der Abstand zwischen zwei Textzeilen. Ist er zu klein, wirkt ein Text gedrängt. Ist er zu groß, kann der Zusammenhang verloren gehen. Auch die [[Zeilenlänge]] ist wichtig. Sehr lange Zeilen sind anstrengend, weil das Auge den Anfang der nächsten Zeile schwerer findet. Sehr kurze Zeilen zerreißen den Lesefluss. Gute Typografie sucht eine lesefreundliche Mitte.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Kontrast, Farbe und Weißraum ==&lt;br /&gt;
&lt;br /&gt;
[[Kontrast]] entsteht, wenn sich Dinge deutlich unterscheiden: hell und dunkel, groß und klein, dick und dünn, ruhig und auffällig. [[Farbe]] kann Aufmerksamkeit lenken, sollte aber nicht alles gleichzeitig betonen. [[Weißraum]] bedeutet nicht unbedingt weiße Farbe, sondern freie Fläche. Weißraum macht eine Gestaltung übersichtlich und gibt dem Auge Pausen.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Typografie im Deutschunterricht =&lt;br /&gt;
&lt;br /&gt;
Im [[Deutschunterricht]] kann Typografie zeigen, wie Text wirkt. Eine gruselige Überschrift kann mit kantiger Schrift stärker wirken. Ein freundlicher Brief braucht eine gut lesbare und passende Gestaltung. Ein [[Gedicht]] kann durch Zeilenumbrüche, Schriftgrößen und Leerraum eine besondere Form bekommen. Du lernst dadurch, dass Inhalt und Gestaltung zusammengehören.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Textsorten typografisch untersuchen ==&lt;br /&gt;
&lt;br /&gt;
Verschiedene [[Textsorte|Textsorten]] brauchen unterschiedliche Gestaltung. Ein [[Sachtext]] soll schnell verständlich sein. Ein [[Comic]] kombiniert Schrift, Bild und Sprechblasen. Ein [[Plakat]] muss aus der Entfernung wirken. Ein [[Buchcover]] macht neugierig. Eine [[Reportage]] braucht eine klare Ordnung aus Überschrift, Untertitel, Bild und Fließtext. Wenn Du eine Textsorte gestaltest, solltest Du zuerst ihre Funktion verstehen.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Wörter sichtbar machen ==&lt;br /&gt;
&lt;br /&gt;
Typografie kann ein einzelnes Wort zum Bild machen. Das Wort „laut“ kann groß und fett erscheinen. Das Wort „leise“ kann klein und hell gesetzt werden. Das Wort „Welle“ kann in einer geschwungenen Zeile stehen. Solche Schriftbilder nennt man oft [[Wortbild|Wortbilder]] oder typografische Bilder. Im Unterricht kannst Du damit zeigen, dass Wörter nicht nur gelesen, sondern auch gesehen werden.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Typografie im Kunstunterricht =&lt;br /&gt;
&lt;br /&gt;
Im [[Kunstunterricht]] wird Schrift als Form betrachtet. Buchstaben bestehen aus Linien, Bögen, Flächen, Innenräumen und Zwischenräumen. Du kannst Buchstaben zeichnen, verzerren, zerlegen, ausschneiden, stempeln, collagieren oder digital verändern. Wichtig ist, dass die Gestaltung eine Idee hat. Kunst und Typografie treffen sich besonders dort, wo Schrift nicht nur informiert, sondern auch gestaltet.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Komposition mit Schrift ==&lt;br /&gt;
&lt;br /&gt;
Eine [[Komposition]] ist die Anordnung von Gestaltungselementen. Bei einem typografischen Bild entscheidest Du, wo die Schrift steht, wie groß sie ist, wie viel Raum sie bekommt und welche Form sie bildet. Dabei helfen Dir Gestaltungsfragen: Wo ist der Blickfang? Was steht im Vordergrund? Was bleibt ruhig? Welche Richtung nimmt das Auge beim Betrachten?&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Schrift als Material ==&lt;br /&gt;
&lt;br /&gt;
Schrift kann gezeichnet, gedruckt, geklebt, fotografiert oder digital gesetzt werden. Beim [[Handlettering]] wird Schrift von Hand gestaltet. Beim [[Collage|Collagieren]] kannst Du Buchstaben aus Zeitungen, Verpackungen oder alten Zeitschriften neu zusammensetzen. Beim digitalen Layout arbeitest Du mit Schriftarten, Größen, Ebenen und Ausrichtung. Jede Technik erzeugt eine andere Wirkung.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Typografie in der Medienbildung =&lt;br /&gt;
&lt;br /&gt;
In der [[Medienbildung]] untersuchst Du, wie Schrift in digitalen Medien wirkt. Am Bildschirm wird Text anders gelesen als auf Papier. Kleine Schrift, schwacher Kontrast oder unruhige Hintergründe können das Lesen erschweren. Außerdem musst Du beim Verwenden von Schriftarten und Bildern auf [[Urheberrecht]], [[Creative Commons]] und [[Open Educational Resources|OER]] achten.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Lesbarkeit am Bildschirm ==&lt;br /&gt;
&lt;br /&gt;
Digitale Texte sollten klar strukturiert sein. Überschriften, Absätze, Listen und ausreichender Kontrast helfen beim Lesen. Eine Präsentationsfolie braucht weniger Text als ein Arbeitsblatt. Eine Website braucht klare Orientierung. Eine Nachricht auf dem Smartphone sollte schnell erfassbar sein. Gute Mediengestaltung ist deshalb immer auch Rücksicht auf die Lesenden.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Verantwortung beim Gestalten ==&lt;br /&gt;
&lt;br /&gt;
Typografie kann beeinflussen, wie glaubwürdig, wichtig oder dringend eine Information wirkt. Eine reißerische Schrift kann einen harmlosen Inhalt dramatisieren. Eine schlecht lesbare Gestaltung kann Menschen ausschließen. Deshalb ist typografische Gestaltung auch eine Frage von Verantwortung. Du solltest prüfen, ob Deine Gestaltung fair, verständlich und passend ist.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Ein kurzer Blick in die Geschichte =&lt;br /&gt;
&lt;br /&gt;
Die Geschichte der Typografie ist eng mit der Geschichte des [[Druck|Druckens]] verbunden. Bewegliche Lettern machten es möglich, Texte schneller und in größerer Zahl zu vervielfältigen. Der Buchdruck veränderte Bildung, Wissenschaft, Religion, Politik und Alltag. Heute setzen viele Menschen Schrift digital, doch wichtige typografische Fragen bleiben ähnlich: Welche Schrift passt? Wie ordne ich Text? Wie wird Lesen leicht?&lt;br /&gt;
&lt;br /&gt;
[[Datei:2006 Holzlettern 026 23A.jpg|500px|rahmenlos|center]]&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Gestaltungsregeln für Klasse 5–6 =&lt;br /&gt;
&lt;br /&gt;
Diese Regeln helfen Dir bei eigenen typografischen Arbeiten. Sie sind keine starren Gesetze, sondern Werkzeuge für bessere Entscheidungen.&lt;br /&gt;
&lt;br /&gt;
# [[Lesbarkeit]] zuerst: Wähle für längere Texte eine ruhige, gut lesbare Schrift.&lt;br /&gt;
# [[Kontrast]] bewusst einsetzen: Hebe Wichtiges hervor, aber betone nicht alles gleichzeitig.&lt;br /&gt;
# [[Schriftart|Schriftarten]] begrenzen: Nutze höchstens zwei bis drei verschiedene Schriften in einer Gestaltung.&lt;br /&gt;
# [[Ausrichtung]] ordnen: Entscheide Dich bewusst für linksbündig, zentriert oder eine andere Ordnung.&lt;br /&gt;
# [[Weißraum]] zulassen: Freie Fläche macht eine Seite nicht leer, sondern übersichtlich.&lt;br /&gt;
# [[Zielgruppe]] beachten: Gestalte anders für Kinder, Eltern, Mitschülerinnen und Mitschüler oder eine Ausstellung.&lt;br /&gt;
# [[Urheberrecht]] prüfen: Verwende freie Schriften, eigene Bilder oder erlaubte Materialien.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Unterrichtsprojekt: Typografisches Plakat =&lt;br /&gt;
&lt;br /&gt;
Ein geeignetes Projekt ist ein typografisches [[Plakat]] zu einem Gedicht, einer Buchfigur, einem Umweltmotto, einer Schulveranstaltung oder einem Medienregeln-Thema. Du entwickelst zuerst eine Aussage, sammelst passende Wörter, skizzierst mehrere Ideen und gestaltest danach eine klare Endfassung. Das Plakat soll ohne lange Erklärung verständlich sein.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Projektphasen ==&lt;br /&gt;
&lt;br /&gt;
# [[Ideenfindung]]: Sammle Wörter, Stimmungen, Farben und Formen, die zu Deinem Thema passen.&lt;br /&gt;
# [[Skizze]]: Zeichne mindestens drei kleine Entwürfe mit unterschiedlicher Schriftwirkung.&lt;br /&gt;
# [[Auswahl]]: Entscheide Dich für eine Idee und begründe, warum sie zur Aussage passt.&lt;br /&gt;
# [[Gestaltung]]: Setze Schriftgröße, Kontrast, Farbe, Ausrichtung und Weißraum bewusst ein.&lt;br /&gt;
# [[Feedback]]: Lass Deine Gestaltung testen: Was sieht man zuerst? Was versteht man? Was ist schwer lesbar?&lt;br /&gt;
# [[Überarbeitung]]: Verbessere die Gestaltung nach begründetem Feedback.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Typografisches Feedback geben =&lt;br /&gt;
&lt;br /&gt;
Gutes [[Feedback]] beschreibt zuerst, was sichtbar ist, und bewertet danach begründet. Statt „Das sieht komisch aus“ kannst Du sagen: „Die Überschrift ist sehr groß und zieht den Blick an, aber der Fließtext ist zu klein und dadurch schwer lesbar.“ So hilfst Du anderen, ihre Gestaltung zu verbessern. Nutze dabei Fachbegriffe wie [[Schriftgröße]], [[Kontrast]], [[Ausrichtung]], [[Zeilenabstand]], [[Weißraum]] und [[Lesbarkeit]].&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Interaktive Aufgaben =&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Quiz: Teste Dein Wissen ==&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was bedeutet Typografie im Unterricht meistens?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Gestaltung von Schrift und Text)&lt;br /&gt;
(!Herstellung von Papier)&lt;br /&gt;
(!Zeichnen ohne Buchstaben)&lt;br /&gt;
(!Rechnen mit Maßstab)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Welche Eigenschaft zeigt, ob ein Text schnell und angenehm gelesen werden kann?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Lesbarkeit)&lt;br /&gt;
(!Temperatur)&lt;br /&gt;
(!Lautstärke)&lt;br /&gt;
(!Zufall)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was beschreibt der Zeilenabstand?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Den Abstand zwischen zwei Textzeilen)&lt;br /&gt;
(!Die Farbe eines Buchstabens)&lt;br /&gt;
(!Die Anzahl der Bilder)&lt;br /&gt;
(!Die Größe des Papiers)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Welche Aussage passt am besten zu Weißraum?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Freie Fläche kann eine Gestaltung übersichtlicher machen)&lt;br /&gt;
(!Freie Fläche ist immer ein Fehler)&lt;br /&gt;
(!Freie Fläche darf nur blau sein)&lt;br /&gt;
(!Freie Fläche ersetzt jede Überschrift)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was ist eine Serife?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Ein kleiner Abschlussstrich an einem Buchstaben)&lt;br /&gt;
(!Ein digitaler Lautsprecher)&lt;br /&gt;
(!Ein Fehler im Drucker)&lt;br /&gt;
(!Ein besonders langer Satz)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Warum nutzt man typografische Hierarchie?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Damit wichtige Informationen schneller erkannt werden)&lt;br /&gt;
(!Damit alle Wörter gleich aussehen)&lt;br /&gt;
(!Damit Texte absichtlich unlesbar werden)&lt;br /&gt;
(!Damit Bilder gelöscht werden)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Welche Gestaltung passt am ehesten zu einem Warnschild?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Große gut lesbare Schrift mit starkem Kontrast)&lt;br /&gt;
(!Sehr kleine helle Schrift auf hellem Grund)&lt;br /&gt;
(!Viele verspielte Schriften gleichzeitig)&lt;br /&gt;
(!Langer Fließtext ohne Überschrift)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Welche Frage ist bei der Schriftwahl besonders wichtig?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Passt die Schrift zu Inhalt Zielgruppe und Medium)&lt;br /&gt;
(!Ist die Schrift möglichst unruhig)&lt;br /&gt;
(!Sind alle Wörter unterschiedlich gedreht)&lt;br /&gt;
(!Kann niemand den Text lesen)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was gehört zur Medienbildung beim Thema Typografie?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Urheberrecht Lesbarkeit und digitale Gestaltung prüfen)&lt;br /&gt;
(!Nur mit Filzstift schreiben)&lt;br /&gt;
(!Schriften nie vergleichen)&lt;br /&gt;
(!Alle Quellen weglassen)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{MC}}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Was ist ein typografisches Plakat?&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
(Ein Plakat bei dem Schrift ein wichtiges Gestaltungsmittel ist)&lt;br /&gt;
(!Ein Plakat ohne Text)&lt;br /&gt;
(!Ein Plakat nur aus Zahlen)&lt;br /&gt;
(!Ein Plakat das nicht betrachtet werden darf)&lt;br /&gt;
&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Memory ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;memo-quiz&amp;quot;&amp;gt;&lt;br /&gt;
{|&lt;br /&gt;
|-&lt;br /&gt;
| Serife || Kleiner Abschlussstrich an Buchstaben&lt;br /&gt;
|-&lt;br /&gt;
| Zeilenabstand || Raum zwischen Textzeilen&lt;br /&gt;
|-&lt;br /&gt;
| Kontrast || Deutlicher Unterschied in der Gestaltung&lt;br /&gt;
|-&lt;br /&gt;
| Weißraum || Freie Fläche für Übersicht&lt;br /&gt;
|-&lt;br /&gt;
| Fließtext || Längerer zusammenhängender Lesetext&lt;br /&gt;
|-&lt;br /&gt;
| Hierarchie || Ordnung nach Wichtigkeit&lt;br /&gt;
|-&lt;br /&gt;
| Layout || Anordnung von Text und Bild&lt;br /&gt;
|-&lt;br /&gt;
| Zielgruppe || Menschen für die gestaltet wird&lt;br /&gt;
|}&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Drag and Drop ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;lueckentext-quiz&amp;quot;&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot; &lt;br /&gt;
! Ordne die richtigen Begriffe zu.&lt;br /&gt;
! Thema&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Schriftart&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Form der Buchstaben&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Schriftgröße&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Größe des Textes&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Zeilenabstand&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Abstand zwischen Textzeilen&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Kontrast&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Unterschied zwischen hell dunkel groß klein&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Layout&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| Gesamtordnung einer Seite&lt;br /&gt;
&lt;br /&gt;
|}&lt;br /&gt;
{{E}}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br /&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Kreuzworträtsel ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;div class=&amp;quot;kreuzwort-quiz&amp;quot;&amp;gt;&lt;br /&gt;
{|&lt;br /&gt;
|-&lt;br /&gt;
| Typografie || Wie nennt man die Gestaltung von Schrift und Text?&lt;br /&gt;
|-&lt;br /&gt;
| Serife || Wie heißt ein kleiner Abschlussstrich an einem Buchstaben?&lt;br /&gt;
|-&lt;br /&gt;
| Layout || Wie nennt man die Anordnung von Text und Bild auf einer Seite?&lt;br /&gt;
|-&lt;br /&gt;
| Kontrast || Wie nennt man einen deutlichen Unterschied zwischen Gestaltungselementen?&lt;br /&gt;
|-&lt;br /&gt;
| Lesbarkeit || Welche Eigenschaft hilft dabei einen Text angenehm zu lesen?&lt;br /&gt;
|-&lt;br /&gt;
| Hierarchie || Wie heißt die Ordnung nach Wichtigkeit in einer Gestaltung?&lt;br /&gt;
|}&lt;br /&gt;
{{E}}&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== LearningApps ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;iframe&amp;gt; https://learningapps.org/index.php?s=Typografie+im+Unterricht &amp;lt;/iframe&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
== Lückentext ==&lt;br /&gt;
&lt;br /&gt;
&amp;lt;quiz display=simple&amp;gt;&lt;br /&gt;
{&amp;#039;&amp;#039;&amp;#039;Vervollständige den Text.&amp;#039;&amp;#039;&amp;#039;&amp;lt;br&amp;gt;&lt;br /&gt;
|type=&amp;quot;{}&amp;quot;}&lt;br /&gt;
Typografie bedeutet, dass Schrift gezielt gestaltet wird, damit ein Text gut { lesbar } ist.&lt;br /&gt;
Eine große Überschrift erzeugt eine klare { Hierarchie }.&lt;br /&gt;
Der Abstand zwischen zwei Textzeilen heißt { Zeilenabstand }.&lt;br /&gt;
Kleine Abschlussstriche an Buchstaben nennt man { Serifen }.&lt;br /&gt;
Ein deutlicher Unterschied zwischen hell und dunkel heißt { Kontrast }.&lt;br /&gt;
Freie Fläche in einer Gestaltung nennt man { Weißraum }.&lt;br /&gt;
Ein längerer zusammenhängender Lesetext heißt { Fließtext }.&lt;br /&gt;
Bei digitalen Gestaltungen musst Du auch das { Urheberrecht } beachten.&lt;br /&gt;
&amp;lt;/quiz&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Offene Aufgaben =&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
=== Leicht ===&lt;br /&gt;
&lt;br /&gt;
# [[Schriftvergleich]]: Schreibe dasselbe Wort in fünf verschiedenen Schriften und notiere zu jeder Schrift drei passende Wirkungen.&lt;br /&gt;
# [[Lieblingsbuch]]: Untersuche den Titel eines Buchcovers und beschreibe, wie Schriftgröße, Farbe und Platzierung wirken.&lt;br /&gt;
# [[Wortbild]]: Gestalte ein Wort so, dass seine Bedeutung sichtbar wird, zum Beispiel laut, leise, schnell, kalt oder geheimnisvoll.&lt;br /&gt;
# [[Typografie-Safari]]: Fotografiere oder sammle fünf Beispiele für Schrift im Schulhaus oder zu Hause und ordne sie nach gut lesbar und schwer lesbar.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
=== Standard ===&lt;br /&gt;
&lt;br /&gt;
# [[Plakatgestaltung]]: Entwirf ein typografisches Plakat für eine Schulveranstaltung und begründe Deine Schriftwahl.&lt;br /&gt;
# [[Gedichtgestaltung]]: Gestalte ein kurzes Gedicht typografisch so, dass Stimmung und Inhalt unterstützt werden.&lt;br /&gt;
# [[Feedbackrunde]]: Gib einer Partnerarbeit Rückmeldung mit mindestens fünf Fachbegriffen aus dem aiMOOC.&lt;br /&gt;
# [[Medienvergleich]]: Vergleiche dieselbe Überschrift auf Papier, auf einer Präsentationsfolie und auf einem Smartphonebildschirm.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
=== Schwer ===&lt;br /&gt;
&lt;br /&gt;
# [[Redesign]]: Verbessere ein unübersichtliches Arbeitsblatt typografisch und erkläre jede Veränderung.&lt;br /&gt;
# [[Kampagne]]: Entwickle eine kleine Medienkampagne mit Logo, Plakat und digitalem Beitrag zu einem selbst gewählten Schulthema.&lt;br /&gt;
# [[Schriftgeschichte]]: Recherchiere zu beweglichen Lettern oder Buchdruck und erstelle eine bebilderte Kurzpräsentation.&lt;br /&gt;
# [[Barrierearme Gestaltung]]: Prüfe ein Plakat auf Lesbarkeit, Kontrast und Verständlichkeit für verschiedene Lesende und erstelle eine verbesserte Version.&lt;br /&gt;
&lt;br /&gt;
{{:Offene Aufgabe - MOOC erstellen}}&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Lernkontrolle =&lt;br /&gt;
&lt;br /&gt;
# [[Gestaltungsanalyse]]: Analysiere ein Plakat Deiner Wahl und erkläre, wie Schrift, Farbe, Kontrast und Layout zusammenwirken.&lt;br /&gt;
# [[Transferaufgabe]]: Gestalte eine Einladung einmal festlich und einmal sportlich, ohne den Textinhalt zu verändern, und begründe die unterschiedlichen Wirkungen.&lt;br /&gt;
# [[Problemlösung]]: Ein Arbeitsblatt ist schwer lesbar. Entwickle einen Verbesserungsplan mit mindestens fünf typografischen Entscheidungen.&lt;br /&gt;
# [[Zielgruppenvergleich]]: Erkläre, warum eine Schriftgestaltung für Kinder anders aussehen kann als eine Gestaltung für Eltern oder Lehrkräfte.&lt;br /&gt;
# [[Medienkritik]]: Beurteile eine digitale Überschrift aus sozialen Medien und erkläre, ob sie informiert, übertreibt oder manipuliert.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Lernnachweis =&lt;br /&gt;
&lt;br /&gt;
Als Lernnachweis kannst Du ein eigenes typografisches Produkt abgeben, zum Beispiel ein Plakat, ein Buchcover, eine Gedichtgestaltung oder eine digitale Folie. Dazu schreibst Du eine kurze Begründung. Darin erklärst Du Deine Entscheidungen zu [[Schriftart]], [[Schriftgröße]], [[Kontrast]], [[Ausrichtung]], [[Weißraum]], [[Zielgruppe]] und [[Lesbarkeit]]. Bewertet wird nicht, ob eine Gestaltung „schön“ ist, sondern ob sie begründet, verständlich, sorgfältig und passend umgesetzt wurde.&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Reflexion =&lt;br /&gt;
&lt;br /&gt;
Überlege am Ende: Welche Schriftgestaltung hat Dich überrascht? Welche Entscheidung hat Deine Arbeit am stärksten verbessert? Wo hast Du gemerkt, dass Schrift nicht nur gelesen, sondern auch gesehen wird? Notiere zwei Dinge, die Du in Zukunft bei Präsentationen, Plakaten oder digitalen Texten anders machen möchtest.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
{{BR}}&lt;br /&gt;
= OERs zum Thema =&lt;br /&gt;
&lt;br /&gt;
&amp;lt;iframe&amp;gt; https://de.m.wikipedia.org/wiki/Typografie &amp;lt;/iframe&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;br&amp;gt;&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= Links =&lt;br /&gt;
&lt;br /&gt;
{| align=center&lt;br /&gt;
{{:D-Tab}}&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;[[Typografie]]&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
# [[Schrift]]&lt;br /&gt;
# [[Schriftart]]&lt;br /&gt;
# [[Schriftfamilie]]&lt;br /&gt;
# [[Serife]]&lt;br /&gt;
# [[Serifenlose Schrift]]&lt;br /&gt;
# [[Layout]]&lt;br /&gt;
# [[Lesbarkeit]]&lt;br /&gt;
# [[Kontrast]]&lt;br /&gt;
# [[Weißraum]]&lt;br /&gt;
# [[Medienbildung]]&lt;br /&gt;
# [[Deutschunterricht]]&lt;br /&gt;
# [[Kunstunterricht]]&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
[[Kategorie:Deutsch]]&lt;br /&gt;
[[Kategorie:Kunst]]&lt;br /&gt;
[[Kategorie:Medienbildung]]&lt;br /&gt;
[[Kategorie:Klasse 5-6]]&lt;br /&gt;
[[Kategorie:Typografie]]&lt;br /&gt;
[[Kategorie:Schrift]]&lt;br /&gt;
[[Kategorie:Design]]&lt;br /&gt;
[[Kategorie:OER]]&lt;br /&gt;
&lt;br /&gt;
{{BR}}&lt;br /&gt;
= aiMOOC-Projekte =&lt;br /&gt;
[[Kategorie:AI_MOOC]] [[Kategorie:GPT aiMOOC]]&lt;br /&gt;
{{MT}}&lt;/div&gt;</summary>
		<author><name>Glanz</name></author>
	</entry>
</feed>