Glanz: aiMOOC über GPT aiMOOC Action erstellt

2026-07-19T15:02:20Z

aiMOOC über GPT aiMOOC Action erstellt

Neue Seite

{{T}}

{{BR}}
= Schriftart und Schriftgröße - Medien Deutsch =

{{BR}}
= Einleitung =

[[Schriftart]] und [[Schriftgröße]] bestimmen, wie ein Text aussieht. Eine gute Gestaltung hilft Dir beim Lesen. Sie zeigt auch, was wichtig ist.

[[Datei:Fonts.svg|500px|rahmenlos|center]]

{{#ev:youtube| https://www.youtube.com/watch?v=qxwX0dnu_nk |500|center}}

'''Merksatz:''' Eine Schrift soll zum Inhalt, zum Medium und zu den Lesenden passen.

{{BR}}
= Schriftart =

Die '''Schriftart''' ist das Aussehen der Buchstaben. Beispiele sind [[Arial]], [[Helvetica]], [[Times New Roman]] und [[Ubuntu (Schriftart)|Ubuntu]].

[[Datei:Helvetica font.svg|500px|rahmenlos|center]]

[[Datei:Albertus font.svg|500px|rahmenlos|center]]

Verschiedene Schriftarten wirken verschieden:

# [[Serifenschrift]]: wirkt oft klassisch.
# [[Serifenlose Schrift]]: wirkt oft klar und modern.
# [[Schreibschrift]]: wirkt persönlich.
# [[Nichtproportionale Schriftart]]: alle Zeichen sind gleich breit.

[[Datei:Font-sample-anonymouspro.svg|500px|rahmenlos|center]]

{{BR}}
== Serifen und serifenlose Schriften ==

'''Serifen''' sind kleine Linien an den Enden von Buchstaben. Schriftarten ohne diese Linien heißen '''serifenlos'''.

[[Datei:Sans Serif.png|500px|rahmenlos|center]]

[[Datei:Times New Roman - Georgia typeface comparison.svg|500px|rahmenlos|center]]

Für lange Texte ist eine ruhige Schrift wichtig. Für Überschriften darf eine Schrift auffälliger sein.

{{BR}}
== Schriftarten passend wählen ==

Nutze meist nur '''eine oder zwei Schriftarten'''. Zu viele Schriftarten machen eine Seite unruhig.

'''Gute Kombination:''' Eine klare Schrift für den Text und eine passende Schrift für Überschriften.

[[Datei:Archivo font specimen.svg|500px|rahmenlos|center]]

{{#ev:youtube| https://www.youtube.com/watch?v=5jcQ_2Zkwuo |500|center}}

{{BR}}
= Schriftgröße =

Die '''Schriftgröße''' zeigt, wie groß Buchstaben erscheinen. Sie wird oft in '''Punkt''' angegeben. Die Abkürzung ist '''pt'''.

Eine Überschrift ist meist größer als der [[Fließtext]]. Eine Fußnote ist kleiner. Sie muss trotzdem lesbar bleiben.

[[Datei:Wikipedia iOS app native text editor text formatting - theme default.png|500px|rahmenlos|center]]

'''Wichtig:''' Zwei Schriftarten können bei derselben Punktzahl verschieden groß wirken.

{{BR}}
== Eine klare Reihenfolge schaffen ==

Die Größe zeigt die Bedeutung eines Textes:

# [[Titel]]: am größten.
# [[Überschrift]]: groß und deutlich.
# [[Zwischenüberschrift]]: kleiner als die Hauptüberschrift.
# [[Fließtext]]: ruhig und gut lesbar.
# [[Bildunterschrift]]: kleiner, aber klar.

[[Datei:Ubuntu typeface sample.svg|500px|rahmenlos|center]]

Diese Ordnung heißt [[Texthierarchie]]. Sie hilft Dir, Inhalte schnell zu verstehen.

{{BR}}
= Lesbarkeit =

Ein Text ist gut lesbar, wenn Du ihn ohne Mühe erkennst.

Achte auf:

# [[Kontrast]]: dunkle Schrift auf hellem Grund ist meist gut erkennbar.
# [[Zeilenabstand]]: die Zeilen dürfen nicht zu eng stehen.
# [[Zeilenlänge]]: sehr lange Zeilen sind anstrengend.
# [[Hervorhebung]]: nutze '''fett''' nur für Wichtiges.
# [[Barrierefreiheit]]: Schrift muss auch bei einer Vergrößerung gut funktionieren.

[[Datei:Examples of formatting.png|500px|rahmenlos|center]]

Vermeide lange Texte in GROSSBUCHSTABEN. Unterstreichen kann wie ein [[Hyperlink]] wirken. Nutze Farben nicht als einziges Signal.

{{BR}}
= Schrift in verschiedenen Medien =

Eine Schrift muss zum [[Medium]] passen.

'''Arbeitsblatt:''' Der Text soll auch nach dem Drucken klar sein.

'''Präsentation:''' Die Schrift muss aus der letzten Reihe lesbar sein.

'''Webseite:''' Der Text soll auf Handy, Tablet und Computer funktionieren.

'''Plakat:''' Die wichtigste Botschaft muss schon aus der Entfernung auffallen.

[[Datei:VisualEditor text format menu.png|500px|rahmenlos|center]]

{{#ev:youtube| https://www.youtube.com/watch?v=fNcbKldogVM |500|center}}

{{BR}}
= Schrift gestalten: einfacher Ablauf =

# [[Zielgruppe]] klären: Wer liest den Text?
# [[Medium]] bestimmen: Wo erscheint der Text?
# [[Schriftart]] wählen: Ist sie passend und gut lesbar?
# [[Schriftgröße]] festlegen: Ist alles deutlich zu erkennen?
# [[Texthierarchie]] prüfen: Sieht man sofort, was wichtig ist?
# [[Korrekturlesen]]: Teste den Text auf verschiedenen Geräten oder als Ausdruck.

{{#ev:youtube| https://www.youtube.com/watch?v=Bs4qkSwE2yQ |500|center}}

{{BR}}
= Interaktive Aufgaben =

{{BR}}
== Quiz: Teste Dein Wissen ==

{{MC}}

'''Was beschreibt eine Schriftart?'''
(Das Aussehen der Buchstaben)
(!Die Länge eines Textes)
(!Die Farbe des Papiers)
(!Die Zahl der Absätze)

{{E}}
<br>

{{MC}}

'''Was beschreibt die Schriftgröße?'''
(Die Größe der Buchstaben)
(!Die Bedeutung eines Wortes)
(!Die Sprache eines Textes)
(!Die Zahl der Bilder)

{{E}}
<br>

{{MC}}

'''Welche Abkürzung wird oft für Punkt verwendet?'''
(pt)
(!pxl)
(!cm2)
(!kg)

{{E}}
<br>

{{MC}}

'''Was ist eine Serife?'''
(Eine kleine Linie am Ende eines Buchstabenstrichs)
(!Ein farbiger Hintergrund)
(!Eine besonders große Überschrift)
(!Ein Fehler im Text)

{{E}}
<br>

{{MC}}

'''Welche Aufgabe hat eine Überschrift?'''
(Sie zeigt das Thema eines Abschnitts)
(!Sie ersetzt alle Bilder)
(!Sie macht jeden Text länger)
(!Sie versteckt wichtige Inhalte)

{{E}}
<br>

{{MC}}

'''Was verbessert die Lesbarkeit?'''
(Ein deutlicher Kontrast)
(!Ein sehr enger Zeilenabstand)
(!Viele verschiedene Schriftarten)
(!Lange Texte in Großbuchstaben)

{{E}}
<br>

{{MC}}

'''Wie viele Schriftarten reichen für viele einfache Gestaltungen aus?'''
(Eine oder zwei)
(!Fünf oder sechs)
(!Zehn oder zwölf)
(!Mehr als zwanzig)

{{E}}
<br>

{{MC}}

'''Wie sollte Fließtext meistens gestaltet sein?'''
(Ruhig und gut lesbar)
(!Sehr klein und eng)
(!Nur in Großbuchstaben)
(!In jeder Zeile anders)

{{E}}
<br>

{{MC}}

'''Wofür eignet sich Fettschrift?'''
(Für wichtige Wörter und kurze Hervorhebungen)
(!Für jeden ganzen Text)
(!Für unsichtbare Informationen)
(!Für den Seitenrand)

{{E}}
<br>

{{MC}}

'''Wie prüfst Du eine Präsentationsschrift am besten?'''
(Du testest sie aus größerer Entfernung)
(!Du liest sie nur direkt am Bildschirm)
(!Du machst alle Wörter gleich groß)
(!Du verwendest möglichst viele Farben)

{{E}}
<br>

{{BR}}
== Memory ==

<div class="memo-quiz">
{|
|-
| Schriftart || Aussehen der Buchstaben
|-
| Schriftgröße || Größe der Zeichen
|-
| Serife || Kleine Abschlusslinie
|-
| Fließtext || Längerer Lesetext
|-
| Überschrift || Zeigt das Thema
|-
| Kontrast || Deutlicher Unterschied
|}
{{E}}
<br>

{{BR}}
== Drag and Drop ==

<div class="lueckentext-quiz">

{| class="wikitable"
! Ordne die richtigen Begriffe zu.
! Thema
|-
| '''Serifenlose Schrift'''
| Arial
|-
| '''Serifenschrift'''
| Times
|-
| '''Groß und auffällig'''
| Überschrift
|-
| '''Ruhig und lesbar'''
| Fließtext
|-
| '''Klein, aber deutlich'''
| Bildunterschrift

|}
{{E}}

<br>
<br />

{{BR}}
== Kreuzworträtsel ==

<div class="kreuzwort-quiz">
{|
|-
| Typografie || Wie heißt die Gestaltung von Schrift und Text?
|-
| Serife || Wie heißt eine kleine Abschlusslinie an einem Buchstaben?
|-
| Punkt || Welche Einheit wird oft für die Schriftgröße genutzt?
|-
| Arial || Welche bekannte serifenlose Schriftart beginnt mit A?
|-
| Kontrast || Wie heißt ein deutlicher Unterschied zwischen Schrift und Hintergrund?
|-
| Lesbarkeit || Wie heißt die Eigenschaft eines Textes, der leicht zu lesen ist?
|}
{{E}}
<br>

{{BR}}
== LearningApps ==

<iframe> https://learningapps.org/index.php?s=Schriftart+und+Schriftgröße+Medien+Deutsch </iframe>

{{BR}}
== Lückentext ==

<quiz display=simple>
{'''Vervollständige den Text.'''<br>
|type="{}"}
Das Aussehen der Buchstaben nennt man { Schriftart }. Die Größe der Buchstaben nennt man { Schriftgröße }. Die Abkürzung für Punkt ist { pt }. Kleine Abschlusslinien an Buchstaben heißen { Serifen }. Ein längerer Lesetext heißt { Fließtext }. Ein deutlicher Unterschied zwischen Schrift und Hintergrund heißt { Kontrast }. Eine klare Ordnung von Titel, Überschrift und Text nennt man { Texthierarchie }. Wichtige Wörter können sparsam durch { Fettschrift } hervorgehoben werden.
</quiz>

<br>

{{BR}}
= Offene Aufgaben =

{{BR}}
=== Leicht ===

# [[Schrift-Suche]]: Finde in Deiner Umgebung drei verschiedene Schriftarten. Fotografiere oder zeichne sie.
# [[Größenvergleich]]: Schreibe dasselbe Wort in drei Schriftgrößen. Beschreibe die Wirkung.
# [[Überschrift gestalten]]: Gestalte eine gut lesbare Überschrift für Dein Lieblingsthema.
# [[Lesbarkeit testen]]: Vergleiche dunkle Schrift auf hellem Grund mit heller Schrift auf dunklem Grund.

{{BR}}
=== Standard ===

# [[Flyer überarbeiten]]: Verbessere einen unruhigen Flyer. Nutze höchstens zwei Schriftarten.
# [[Präsentationsfolie]]: Gestalte eine Folie mit Titel, Überschrift und kurzem Fließtext.
# [[Interview]]: Frage drei Personen, welche Schrift sie gut lesen können. Halte die Antworten fest.
# [[Medienanalyse]]: Untersuche die Schriftgestaltung einer Webseite, einer Zeitung und eines Plakats.

{{BR}}
=== Schwer ===

# [[Gestaltungsraster]]: Erstelle Regeln für Titel, Überschriften, Fließtext und Bildunterschriften.
# [[Barrierefreie Typografie]]: Prüfe eine Webseite auf Schriftgröße, Kontrast und Vergrößerbarkeit.
# [[Typografie-Experiment]]: Gestalte denselben Text für ein Kinderbuch, eine Nachrichtenseite und ein Konzertplakat.
# [[Erklärvideo]]: Produziere ein kurzes Video über gute Schriftwahl und gute Schriftgröße.

{{:Offene Aufgabe - MOOC erstellen}}

{{BR}}
= Lernkontrolle =

# [[Gestaltungsentscheidung begründen]]: Wähle für einen Informationstext eine Schriftart und eine Schriftgröße. Begründe Deine Wahl mit Zielgruppe und Medium.
# [[Fehleranalyse]]: Untersuche ein schlecht lesbares Plakat. Erkläre mindestens drei Probleme und verbessere sie.
# [[Medienwechsel]]: Übertrage einen Text vom Arbeitsblatt auf eine Präsentationsfolie. Beschreibe, was Du an der Schrift veränderst.
# [[Wirkungsvergleich]]: Setze denselben Satz in zwei Schriftarten mit gleicher Punktgröße. Erkläre, warum sie trotzdem verschieden groß wirken können.
# [[Barrierefreiheit prüfen]]: Entwickle einen kurzen Prüfplan für Schriftgröße, Kontrast, Zeilenabstand und Vergrößerung.

<br>
<br>

{{BR}}
= Lernnachweis =

Für Deinen Lernnachweis solltest Du zeigen:

# Du kannst [[Schriftart]] und [[Schriftgröße]] unterscheiden.
# Du kannst eine passende Schrift für eine Zielgruppe wählen.
# Du kannst Titel, Überschrift und Fließtext klar ordnen.
# Du kannst die [[Lesbarkeit]] eines Textes prüfen.
# Du kannst Gestaltungsentscheidungen begründen.
# Du kannst einen Text für verschiedene [[Medien]] anpassen.

<br>
<br>

{{BR}}
= OERs zum Thema =

<iframe> https://de.m.wikipedia.org/wiki/Schriftart </iframe>

<iframe> https://de.m.wikipedia.org/wiki/Schriftgrad </iframe>

<iframe> https://de.m.wikipedia.org/wiki/Typografie </iframe>

<br>

{{BR}}
= Verknüpfte Lernbereiche =

{| align=center
{{:D-Tab}}
'''[[Schriftart und Schriftgröße - Medien Deutsch]]'''
# [[Schriftart]]
# [[Schriftgrad]]
# [[Typografie]]
# [[Serife]]
# [[Lesbarkeit]]
# [[Texthierarchie]]
# [[Barrierefreiheit]]
# [[Mediengestaltung]]
|}

[[Kategorie:Deutsch]]
[[Kategorie:Medienbildung]]
[[Kategorie:Typografie]]
[[Kategorie:Schrift]]
[[Kategorie:Klasse 5-6]]
[[Kategorie:Klasse 7-8]]

{{BR}}
= aiMOOC-Projekte =
[[Kategorie:AI_MOOC]] [[Kategorie:GPT aiMOOC]]
{{MT}}

Schriftart und Schriftgröße - Medien Deutsch - Versionsgeschichte

Glanz: aiMOOC über GPT aiMOOC Action erstellt