Glanz: Die Seite wurde neu angelegt: „{{:MOOCit - Oben}} {| align=center {{:D-Tab}} '''Gestaltungskompetenz''' {{o}} Farbwirkung {{o}} Layout {{o}} Schriftart {{o}} iPad im Unterricht {{o}} Digitale Bildung {{o}} Barrierefreiheit |} = Einleitung = Wie gestaltest Du einen Text, eine Präsentation oder ein Arbeitsblatt so, dass es gut lesbar und verständlich ist – besonders auf einem iPad? In diesem aiMOOC lernst Du die Grundlagen der '''Ge…“

2025-05-25T20:05:56Z

Die Seite wurde neu angelegt: „{{:MOOCit - Oben}} {| align=center {{:D-Tab}} '''Gestaltungskompetenz''' {{o}} Farbwirkung {{o}} Layout {{o}} Schriftart {{o}} iPad im Unterricht {{o}} Digitale Bildung {{o}} Barrierefreiheit |} = Einleitung = Wie gestaltest Du einen Text, eine Präsentation oder ein Arbeitsblatt so, dass es gut lesbar und verständlich ist – besonders auf einem iPad? In diesem aiMOOC lernst Du die Grundlagen der '''Ge…“

Neue Seite

{{:MOOCit - Oben}}
{| align=center
{{:D-Tab}}
'''[[Gestaltungskompetenz]]'''
{{o}} [[Farbwirkung]]
{{o}} [[Layout]]
{{o}} [[Schriftart]]
{{o}} [[iPad im Unterricht]]
{{o}} [[Digitale Bildung]]
{{o}} [[Barrierefreiheit]]
|}
= Einleitung =

Wie gestaltest Du einen Text, eine Präsentation oder ein Arbeitsblatt so, dass es gut lesbar und verständlich ist – besonders auf einem [[iPad im Unterricht|iPad]]? In diesem aiMOOC lernst Du die Grundlagen der '''Gestaltungskompetenz''', also wie Du Farben, [[Schriftarten|Schrift]], [[Layout|Layout]] und andere Gestaltungselemente bewusst und sinnvoll einsetzt. Ziel ist es, Medien zu erstellen, die nicht nur ästhetisch, sondern vor allem funktional und inklusiv sind. Du lernst, wie Du Deine Inhalte strukturierst, wie Farben wirken und wie Du mit Schriftgrößen und -arten eine bessere Lesbarkeit erzielst.

{{:BRK}}
= Was ist Gestaltungskompetenz? =

{{:BRK}}
== Definition ==

'''Gestaltungskompetenz''' beschreibt die Fähigkeit, Informationen visuell so aufzubereiten, dass sie leicht verständlich, zielgruppengerecht und ansprechend präsentiert werden. Besonders im digitalen Unterricht – etwa bei der Nutzung von [[iPads im Klassenzimmer|iPads]] – spielt Gestaltung eine wichtige Rolle. Sie entscheidet darüber, ob Inhalte aufgenommen oder ignoriert werden.

{{:BRK}}
== Warum ist Gestaltung wichtig? ==

{{o}} [[Wahrnehmungspsychologie|Gute Gestaltung]] unterstützt die Konzentration und das Textverständnis.
{{o}} [[Barrierefreiheit|Barrierearme Gestaltung]] ermöglicht auch Menschen mit Einschränkungen Zugang zu Informationen.
{{o}} [[Effizientes Lernen|Effizient gestaltete Inhalte]] sparen Zeit und reduzieren [[kognitive Belastung|Überforderung]].
{{o}} [[Medienkompetenz|Digitale Bildung]] fordert Dich auf, Inhalte selbstständig zu erstellen – und das gelingt nur mit Know-how in Gestaltung.

{{:BRK}}
= Farben gezielt einsetzen =

{{:BRK}}
== Farbwirkung verstehen ==

Farben transportieren Emotionen und Botschaften. Bei der Gestaltung für den Unterricht solltest Du auf folgende Aspekte achten:

{{o}} [[Primärfarben|Kräftige Farben]] lenken die Aufmerksamkeit – z. B. für Überschriften oder wichtige Hinweise
{{o}} [[Komplementärfarben|Harmonische Farbkombinationen]] verbessern die Übersichtlichkeit
{{o}} [[Farbpsychologie|Farbwirkung]]: Blau wirkt beruhigend, Rot warnt, Grün motiviert
{{o}} [[Farbenblindheit|Farbenblinde Nutzer]] sollten durch alternative Kontraste unterstützt werden

{{:BRK}}
== Tipps für Farben auf dem iPad ==

{{o}} Nutze [[Kontraste|hohe Kontraste]] zwischen Text und Hintergrund (z. B. schwarze Schrift auf weißem Grund)
{{o}} Vermeide bunte Schrift auf buntem Hintergrund – das ist schwer lesbar
{{o}} Nutze Farben zur Strukturierung – aber sparsam
{{o}} Achte auf den [[Dark Mode|Dunkelmodus]] – prüfe, ob Deine Gestaltung auch dann gut lesbar ist

{{:BRK}}
= Lesbare Schriften wählen =

{{:BRK}}
== Schriftarten und -größen ==

{{o}} [[Serifenlose Schriftarten|Serifenlose Schriften]] wie Arial, Helvetica oder Calibri sind gut lesbar
{{o}} Für Überschriften kannst Du betonen – aber nie verschnörkelt
{{o}} Mindestgröße auf dem iPad: 18–20 pt für Fließtext, 24 pt und mehr für Überschriften
{{o}} Setze nie nur Großbuchstaben – das erschwert die [[Lesefluss|Lesbarkeit]]

{{:BRK}}
== Stilmittel bei Schrift =

{{o}} Verwende '''fett''' für Betonung – sparsam
{{o}} Kursiv zur Hervorhebung einzelner Begriffe
{{o}} Unterstreichen besser vermeiden – sieht aus wie ein Link
{{o}} Halte Zeilenlängen kurz: 50–80 Zeichen pro Zeile

{{:BRK}}
= Layout: Klar strukturieren =

{{:BRK}}
== Was gehört zu einem guten Layout? ==

{{o}} Klare [[Absätze|Absatzstruktur]]
{{o}} [[Whitespace|Weißräume]] nutzen – nicht alles vollstopfen
{{o}} Einheitliche [[Ränder]] und [[Ausrichtung|Textausrichtung]]
{{o}} Medien einbinden – aber nicht überladen
{{o}} [[Navigation|Navigation]] bei digitalen Präsentationen mit Buttons oder klaren Kapiteln

{{:BRK}}
== Tools und Hilfsmittel ==

Du kannst auf dem [[iPad]] verschiedene Apps nutzen, z. B.:

{{o}} [[Keynote]] – für Präsentationen mit vielen Layout-Optionen
{{o}} [[Pages]] – zur Gestaltung von Arbeitsblättern
{{o}} [[Canva]] – für kreative Designs mit Vorlagen
{{o}} [[GoodNotes]] oder [[Notability]] – für handschriftliche Gestaltung

{{:BRK}}
= Interaktive Aufgaben =

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

{{:Multiple-Choice Anfang}}

'''Welche Farbe wirkt beruhigend?'''
(Blau)
(!Rot)
(!Gelb)
(!Schwarz)

'''Welche Schriftart ist gut lesbar auf dem iPad?'''
(Arial)
(!Scriptina)
(!Old English)
(!Curlz)

'''Wie groß sollte der Fließtext mindestens sein?'''
(18 pt)
(!12 pt)
(!10 pt)
(!14 pt)

'''Was ist bei der Farbgestaltung zu beachten?'''
(Hohe Kontraste)
(!Viele bunte Farben)
(!Farben nach Gefühl auswählen)
(!Graue Schrift auf grauem Hintergrund)

'''Welche Formatierung ist für Links typisch?'''
(Unterstreichen)
(!Fett)
(!Kursiv)
(!Großbuchstaben)

'''Was hilft der Strukturierung von Inhalten?'''
(Absätze und Weißraum)
(!Lange Textblöcke)
(!Verschiedene Schriftarten auf einer Seite)
(!Zentrierter Text durchgehend)

'''Was kann bei Farben problematisch sein?'''
(Farbenblindheit)
(!Farbnamen)
(!Dunkelmodus)
(!Nur helle Farben)

'''Welche App eignet sich für Präsentationen?'''
(Keynote)
(!Photoshop)
(!Zoom)
(!iMovie)

'''Was ist bei Überschriften wichtig?'''
(Groß, klar und betont)
(!Klein und kursiv)
(!In Großbuchstaben)
(!Schriftgröße wie Fließtext)

'''Wie sollte man Hervorhebungen am besten setzen?'''
(Mit sparsamem Fettdruck)
(!Mit vielen Farben)
(!Mit Unterstreichung)
(!Mit durchgehender Großschrift)

{{:Multiple-Choice Ende}}
<br>

{{:BRK}}
== Memory ==

<div class="memo-quiz">
{|
|-
| Farbkontrast || Hohe Lesbarkeit
|-
| Serifenlos || Gute Bildschirmlesbarkeit
|-
| Weißraum || Übersichtliche Struktur
|-
| Keynote || Präsentationen erstellen
|-
| Arial || Standard-Schriftart
|}
{{:Memo Ende}}
<br>

{{:BRK}}
== Drag and Drop ==
<div class="lueckentext-quiz">

{| class="wikitable"
! Ordne die richtigen Begriffe zu.
! Gestaltungselemente
|-
| '''Farbe'''
| Für Emotionen und Struktur
|-
| '''Schriftart'''
| Gut lesbar auf dem iPad
|-
| '''Layout'''
| Übersichtliche Anordnung
|-
| '''Kontrast'''
| Wichtig für Lesbarkeit
|-
| '''Weißraum'''
| Verhindert Überladung

|}
</div>

<br>

{{:BRK}}
== Kreuzworträtsel ==

<div class="kreuzwort-quiz">
{|
|-
| Farbkontrast || Was sorgt für gute Lesbarkeit auf Displays?
|-
| Arial || Welche Schriftart ist besonders lesefreundlich?
|-
| Weißraum || Was hilft bei der optischen Struktur?
|-
| Keynote || Mit welchem Apple-Programm erstellt man Präsentationen?
|-
| Layout || Wie nennt man die Gesamtanordnung der Elemente?
|-
| Lesbarkeit || Welches Ziel hat gute Gestaltung in erster Linie?
|}
{{:Kreuzwort Ende}}
<br>

{{:BRK}}
== LearningApps ==
<iframe> https://learningapps.org/index.php?s=Gestaltungskompetenz+iPad </iframe>

{{:BRK}}
== Lückentext ==

<quiz display=simple>
{'''Vervollständige den Text.'''<br>
|type="{}"}
Gute Gestaltung erhöht die { Lesbarkeit } digitaler Inhalte.
Farben sollten { gezielt } und nicht willkürlich eingesetzt werden.
Eine Mindestschriftgröße von { 18 } Punkt wird auf dem iPad empfohlen.
Mit ausreichend { Weißraum } wirkt ein Layout aufgeräumter.
Serifenlose Schriften wie { Arial } sind besser für Bildschirme geeignet.
</quiz>

<br>

= Offene Aufgaben =

=== Leicht ===
{{o}} [[Gestaltungsbeispiel]]: Gestalte eine Seite in Pages mit klarer Struktur, Farbe und lesbarer Schrift.
{{o}} [[Farbwirkung]]: Recherchiere zur Farbpsychologie und gestalte eine Farbkarte mit Beispielen.
{{o}} [[Schriftarten]]: Vergleiche verschiedene Schriftarten auf dem iPad und bewerte ihre Lesbarkeit.

=== Standard ===
{{o}} [[Arbeitsblattgestaltung]]: Erstelle ein informatives Arbeitsblatt zu einem Thema Deiner Wahl mit guter Gestaltung.
{{o}} [[Mini-Präsentation]]: Halte eine Präsentation über die Bedeutung von Layout und Schriftwahl.
{{o}} [[App-Vergleich]]: Teste zwei Apps (z. B. Pages und Keynote) und vergleiche ihre Gestaltungsmöglichkeiten.

=== Schwer ===
{{o}} [[Gestaltungsanalyse]]: Analysiere ein bestehendes Unterrichtsmedium und mache Verbesserungsvorschläge.
{{o}} [[Inklusives Design]]: Gestalte ein digitales Medium so, dass es auch für Menschen mit Einschränkungen nutzbar ist.
{{o}} [[Design-Workshop]]: Leite eine Schulung oder ein Erklärvideo zur Gestaltung mit iPads im Unterricht.

{{:Offene Aufgabe - MOOC erstellen}}

= Lernkontrolle =

{{o}} [[Vergleiche]] verschiedene Schriftarten auf dem iPad in Bezug auf Lesbarkeit, Seriosität und Gestaltungsmöglichkeiten.
{{o}} [[Begründe]] die Wichtigkeit von Farbkontrasten in digitalen Medien.
{{o}} [[Analysiere]] ein Unterrichtsmedium hinsichtlich Layout, Weißraum und Struktur.
{{o}} [[Erkläre]] den Zusammenhang von Gestaltung und Lernerfolg.
{{o}} [[Überlege]], wie barrierefreies Design auf dem iPad konkret umgesetzt werden kann.

<br>
<br>

= OERs zum Thema =
<iframe> https://de.m.wikipedia.org/wiki/Gestaltungskompetenz </iframe>

<br>

= Links =
{| align=center
{{:D-Tab}}
'''[[Gestaltungskompetenz]]'''
{{o}} [[Farbwirkung]]
{{o}} [[Layout]]
{{o}} [[Schriftart]]
{{o}} [[iPad im Unterricht]]
{{o}} [[Digitale Bildung]]
{{o}} [[Barrierefreiheit]]
|}

[[Kategorie:Medienbildung]]
[[Kategorie:Digitale Bildung]]
[[Kategorie:Gestaltung]]
[[Kategorie:AI_MOOC]] [[Kategorie:GPT aiMOOC]]

= Teilen - Diskussion - Bewerten =
{{:Teilen - MOOCit}}

Gestaltungskompetenz - Versionsgeschichte