Zum Inhalt springen

IM5 - Ein MOOCwiki-Kursbild entwerfen

Aus MOOCsWiki Staging
aiMOOC-Siegel

IM5 - Ein MOOCwiki-Kursbild entwerfen




Einleitung

Ein gutes Kursbild ist wie ein kleines Versprechen: Es zeigt auf einen Blick, worum es in einem Lernkurs geht. Dabei soll es neugierig machen, gut lesbar sein und vor allem nicht irreführen. In diesem aiMOOC lernst Du, aus dem Inhalt eines Lernkurses ein passendes Titelmotiv zu entwickeln. Du untersuchst Bildbeispiele, vergleichst Layouts, probierst KI-Motive aus und begründest am Ende Deine Entscheidung für Motiv, Text, Zielgruppe und Bildquelle.

Der Kurs richtet sich an Lernende der Klasse 5. Du brauchst dafür keine Vorkenntnisse im Grafikdesign. Wichtig sind genaues Hinschauen, Ausprobieren und Begründen.

Ein Kursbild gehört zur visuellen Kommunikation. Beim Grafikdesign werden unter anderem Bilder, Farben, Formen und Schrift so miteinander verbunden, dass eine Botschaft verständlich wird.

Das Bild zeigt ein 3×3-Raster. Solche Hilfslinien können Dir helfen, wichtige Elemente bewusst anzuordnen. Ein Raster ist keine Pflichtregel, sondern eine Gestaltungshilfe.


Lernziele

Nach diesem aiMOOC kannst Du den Inhalt eines Lernkurses in wenigen Sätzen zusammenfassen, ein Kernmotiv daraus ableiten, mehrere Bildideen vergleichen, ein einfaches Layout planen, Texte gut lesbar platzieren, Bilder aus Wikimedia Commons prüfen, den Einsatz von KI als Bildwerkzeug kritisch beurteilen und Deine Kursbild-Entscheidung begründen.

Besonders wichtig ist die Frage: Passt das Bild wirklich zum Lerninhalt? Ein schönes Bild ist noch kein gutes Kursbild.


Was ist ein MOOCwiki-Kursbild?

Ein Kursbild ist ein Titelmotiv, das einen Lernkurs visuell ankündigt. Es kann wie ein Buchcover, ein Plakat oder ein Vorschaubild funktionieren. Oft wird es in unterschiedlichen Größen angezeigt. Deshalb sollten wichtige Elemente auch dann erkennbar bleiben, wenn das Bild kleiner dargestellt oder am Rand etwas beschnitten wird.

Ein gutes Kursbild beantwortet vier Fragen möglichst schnell:

Frage Bedeutung
Was lerne ich? Das Motiv passt zum wichtigsten Inhalt des Kurses.
Wie erkenne ich das Thema? Bild, Symbole und Text geben einen eindeutigen Hinweis.
Für wen ist der Kurs? Gestaltung, Sprache und Bildwelt passen zur Zielgruppe.
Woher kommt das Bild? Quelle, Urheber und Lizenz sind nachvollziehbar dokumentiert.

Für diesen aiMOOC lautet das Thema exakt: IM5 - Ein MOOCwiki-Kursbild entwerfen. Das Titelmotiv sollte deshalb nicht so aussehen, als ginge es hauptsächlich um Roboter, Programmieren oder Malerei. Diese Dinge können vorkommen, sind aber nur Teilbereiche des eigentlichen Lernziels: ein passendes Kursbild planen, gestalten und begründen.


Vom Lerninhalt zum Bildmotiv


Schritt 1: Den Lernkurs zuerst lesen

Bevor Du ein Kursbild gestaltest, musst Du wissen, was im Lernkurs wirklich vorkommt. Schreibe deshalb zuerst einen Mini-Steckbrief.

Für diesen Kurs könnte der Steckbrief so aussehen:

Bereich Kurzfassung
Thema Ein passendes MOOCwiki-Kursbild entwerfen.
Wichtigste Tätigkeiten Inhalte lesen, Motive auswählen, Layouts testen, Quellen prüfen und Entscheidungen begründen.
Werkzeuge Zeichnung, Bildbearbeitung, freie Bilder und optional ein erlaubtes KI-Bildwerkzeug.
Zielgruppe Klasse 5.
Kernbotschaft Ein gutes Kursbild zeigt ehrlich und verständlich, was im Kurs gelernt wird.

Aus diesem Steckbrief entstehen mögliche Bildideen. Erst danach beginnt das eigentliche Gestalten.


Schritt 2: Ein Kernmotiv finden

Ein Kernmotiv ist das wichtigste Bildelement. Es sollte möglichst direkt mit dem Lerninhalt verbunden sein. Für diesen Kurs sind zum Beispiel ein leerer Bildrahmen, ein Stift, ein Bildausschnitt, ein Zuschneide-Rahmen oder ein kleines Layout-Raster sinnvoll.

Weniger passend wäre ein riesiger Roboter als einziges Motiv. Er könnte den Eindruck erwecken, dass der Kurs hauptsächlich über Robotik oder Künstliche Intelligenz handelt.

Bildbeispiel: Ein freundlicher Roboter ist leicht verständlich und für Kinder interessant. Für diesen Kurs wäre er aber nur dann sinnvoll, wenn er als kleines Symbol für ein mögliches KI-Werkzeug auftaucht. Als Hauptmotiv wäre er zu stark und damit möglicherweise irreführend.


Schritt 3: Bildideen sammeln

Für diesen Kurs bieten sich verschiedene Motivfamilien an:

Motividee Aussage Eignung
Bildrahmen + Stift Hier wird ein Bild geplant und gestaltet. Sehr passend.
Bildrahmen + Zuschneide-Ecken Hier geht es um Auswahl, Ausschnitt und Gestaltung. Sehr passend.
Farbflächen + Schrift Hier geht es um grafische Gestaltung. Passend, aber etwas allgemein.
Kleiner KI-Funke + Bildrahmen KI kann als Werkzeug bei der Ideenfindung helfen. Passend, wenn KI nicht zu groß dargestellt wird.
Roboter mit Pinsel KI oder Robotik gestaltet etwas. Auffällig, aber für diesen Kurs schnell irreführend.
Nur ein Farbkreis Farben spielen eine Rolle. Zu eng, weil der Kurs mehr als Farbgestaltung behandelt.


Bildbeispiele untersuchen

Bilder helfen Dir, Gestaltungsprinzipien zu erkennen. Sie sind hier nicht einfach Dekoration, sondern Lernmaterial.


Beispiel 1: Bildaufteilung und Blickführung

Beim sogenannten Drittelraster wird eine Fläche in neun Bereiche geteilt. Besonders wichtige Bildelemente können an Linien oder Schnittpunkten platziert werden. Für ein Kursbild kann das helfen, Motiv und Text voneinander zu trennen und trotzdem zusammenwirken zu lassen.

Ein mögliches Layout wäre: links das große Kernmotiv, rechts der Kurstitel. So konkurrieren Bild und Text nicht um denselben Platz.


Beispiel 2: Farben bewusst auswählen

Ein Farbkreis zeigt Beziehungen zwischen Farben. Für ein Kursbild brauchst Du nicht möglichst viele Farben. Oft wirken zwei bis vier gut unterscheidbare Farben klarer als ein sehr buntes Bild.

Für Klasse 5 dürfen Farben freundlich und lebendig sein. Entscheidend ist aber, dass Text und Hintergrund genügend Kontrast haben.

Vergleiche die beiden Farbkreis-Darstellungen: Schon dieselbe Idee kann unterschiedlich gestaltet werden. Genau das gilt auch für Kursbilder. Es gibt selten nur eine richtige Gestaltung.


Beispiel 3: Schrift ist selbst ein Gestaltungselement

Schrift kann groß, klein, ruhig, verspielt, fett oder fein wirken. Bei einem Kursbild ist Lesbarkeit wichtiger als eine möglichst ausgefallene Schrift. Wenn der Titel nur als kleines Vorschaubild erscheint, müssen die wichtigsten Wörter immer noch erkennbar sein.

Für diesen Kurs bietet sich an:

Kursbild entwerfen groß und deutlich.

IM5 kleiner als Kennzeichnung.

Der vollständige Seitentitel kann auf der MOOCwiki-Seite stehen. Auf dem Bild selbst muss nicht jedes Wort wiederholt werden, wenn dadurch alles zu klein wird.


Beispiel 4: Ein starkes KI-Symbol kann die Aussage verändern

Dieses Bild signalisiert sehr deutlich Künstliche Intelligenz. Genau deshalb ist es für einen reinen KI-Kurs gut erkennbar. Für IM5 - Ein MOOCwiki-Kursbild entwerfen wäre es als Hauptbild dagegen problematisch: Die Betrachter könnten erwarten, dass es vor allem um KI-Technik geht.

Das Beispiel zeigt eine wichtige Gestaltungsregel: Je eindeutiger ein Symbol ist, desto stärker bestimmt es die Erwartung.


Beispiel 5: Technik-Motive wirken fachlich und komplex

Ein Roboter vor mathematischen Formeln verbindet KI mit Technik, Mathematik und Forschung. Für Klasse 5 kann das spannend aussehen, aber es könnte einen Kurs schwieriger erscheinen lassen, als er tatsächlich ist. Die Bildwirkung muss deshalb nicht nur zum Thema, sondern auch zum Lernniveau passen.


Beispiel 6: Bildquelle sichtbar machen

Wikimedia Commons ist eine große Sammlung frei nutzbarer Mediendateien. Trotzdem gilt: Jede einzelne Dateiseite muss geprüft werden. Dort findest Du unter anderem Angaben zu Urheber, Quelle und Lizenz.

Bei Creative Commons gibt es unterschiedliche Lizenzen. Eine Angabe wie CC BY-SA bedeutet vereinfacht: Der Urheber muss genannt werden, und Bearbeitungen müssen unter gleichen Bedingungen weitergegeben werden. Für Dein eigenes Kursbild solltest Du die konkrete Lizenz immer auf der Original-Dateiseite nachlesen.


KI-Motive richtig einsetzen

KI kann bei der Ideenfindung, beim Erzeugen einer Illustration oder beim Vergleichen verschiedener Bildstile helfen. Aber ein KI-Bild ist nicht automatisch ein gutes Kursbild.

Für diesen Kurs sind drei KI-Motivtypen besonders interessant:

KI-Motiv Wirkung Beurteilung
Kleiner Lichtfunke neben einem Bildrahmen Zeigt: Hier entsteht eine Idee. Gut, weil KI nur als Werkzeug angedeutet wird.
Bildrahmen mit kleinem Schaltkreis-Symbol Verbindet Gestaltung und digitale Technik. Gut, wenn das Symbol nicht wichtiger wird als der Bildrahmen.
Großer Roboter mit Pinsel Zeigt sofort KI oder Robotik. Für diesen Kurs zu dominant und leicht irreführend.

Wenn Du in der Schule ein KI-Bildwerkzeug nutzen darfst, gib niemals private Daten, Namen, Fotos oder andere persönliche Informationen von Mitschülerinnen und Mitschülern in einen Prompt ein.


Prompt-Ideen für eine erlaubte KI-Bildgestaltung

Ein Prompt beschreibt, was ein Bildgenerator erzeugen soll. Bei Kursbildern sollte der Prompt den Lerninhalt, die Zielgruppe und den gewünschten Bildaufbau nennen.

Variante Beispiel für einen Prompt
Sachlich Freundliche flache Illustration für einen Lernkurs der Klasse 5: ein leerer digitaler Bildrahmen, ein Stift, drei Farbfelder und ein kleines Layout-Raster, klarer Hintergrund, wenige Elemente, Platz für einen kurzen deutschen Titel, kein Text im erzeugten Bild.
Mit dezenter KI-Anspielung Freundliche Lernillustration für Klasse 5: Bildrahmen, Stift, Farbfelder und ein kleiner Lichtfunke mit Schaltkreis-Muster als Symbol für digitale Unterstützung, klare Formen, hoher Kontrast, keine Roboterfigur, kein Text im Bild.
Zu vermeiden Futuristischer Superroboter erschafft mit Laserstrahlen ein magisches Meisterwerk.

Die letzte Variante ist zwar spektakulär, passt aber schlecht zum tatsächlichen Kursinhalt. Sie würde mehr versprechen, als der Lernkurs behandelt.

Text im Titelbild solltest Du möglichst nachträglich selbst setzen. So kannst Du Rechtschreibung, Schriftgröße und Lesbarkeit besser kontrollieren.


Layoutvarianten

Ein Layout ist die Anordnung von Bild, Text und freien Flächen.


Variante A: Motiv links, Text rechts

BILDRAHMEN + STIFT Kursbild entwerfen
IM5

Stärke: sehr klar und leicht lesbar. Bild und Text haben eigene Bereiche.

Risiko: Wird das Bild stark beschnitten, könnte eine Seite verloren gehen. Deshalb wichtige Elemente nicht zu nah an den Rand setzen.


Variante B: Motiv oben, Text unten

BILDRAHMEN + STIFT + FARBFELDER
Kursbild entwerfen
IM5

Stärke: wirkt ruhig und geordnet.

Risiko: Bei einem sehr breiten Vorschaubild kann oben oder unten weniger Platz zur Verfügung stehen.


Variante C: Text in der Mitte, Symbole außen

Stift Kursbild entwerfen Farbfläche
Raster IM5 kleiner KI-Funke

Stärke: viele Lernaspekte werden sichtbar.

Risiko: Zu viele kleine Symbole können unruhig wirken. Für Klasse 5 sollte diese Variante stark vereinfacht werden.


Variante D: Ein einziges großes Symbol

Ein großer Bildrahmen mit einem Stift kann bereits ausreichen. Diese Variante ist besonders robust, wenn das Bild klein angezeigt wird.

Stärke: schnell erfassbar.

Risiko: Das Motiv muss sehr gut gewählt sein, weil kaum weitere Hinweise vorhanden sind.


Text im Kursbild

Ein Kurstitel im Bild sollte kurz, deutlich und auch in kleiner Darstellung lesbar sein.

Für diesen Kurs ist eine gute Text-Hierarchie:

Kursbild entwerfen

IM5

Der lange Titel IM5 - Ein MOOCwiki-Kursbild entwerfen bleibt als Seitentitel vollständig erhalten. Im Bild selbst darf die Gestaltung knapper sein, solange die Aussage nicht verändert wird.

Vermeide sehr kleine Zusatztexte, lange Sätze und viele verschiedene Schriften. Ein Kursbild ist kein Arbeitsblatt.


Kontrast und Lesbarkeit

Kontrast bedeutet, dass sich wichtige Elemente klar voneinander unterscheiden. Dunkler Text auf hellem Hintergrund oder heller Text auf dunklem Hintergrund ist häufig gut lesbar. Entscheidend ist nicht nur die Farbe, sondern auch Helligkeit, Größe und Schriftstärke.

Wenn Du einen Titel über ein Foto legst, kann ein ruhiger einfarbiger Bereich hinter der Schrift helfen.

Teste Dein Kursbild in klein. Wenn Du den Titel kaum noch lesen kannst oder das Hauptmotiv nicht mehr erkennst, musst Du vereinfachen.


Kriterienraster für ein gutes Kursbild

Mit diesem Raster kannst Du eigene Entwürfe bewerten. Vergib pro Kriterium 0, 1 oder 2 Punkte.

Kriterium Leitfrage 0 Punkte 1 Punkt 2 Punkte
Inhaltsbezug Zeigt das Bild wirklich den Lerninhalt? kaum teilweise eindeutig
Ehrlichkeit Weckt das Motiv passende Erwartungen? irreführend etwas unklar passend
Zielgruppe Passt die Gestaltung zu Klasse 5? unpassend teilweise gut
Lesbarkeit Ist der wichtigste Text schnell lesbar? schlecht mittel gut
Bildfokus Erkennt man sofort das wichtigste Motiv? nein teilweise ja
Quelle und Lizenz Sind Bildquelle und Nutzungsbedingungen geklärt? nein teilweise ja
Verkleinerung Funktioniert das Bild auch als kleine Vorschau? nein teilweise ja
KI-Transparenz Ist bei KI-Nutzung nachvollziehbar, wie das Bild entstand? nein teilweise ja oder nicht nötig

Maximal sind 16 Punkte möglich. Ein hoher Punktwert bedeutet nicht automatisch, dass alle Menschen das Bild gleich schön finden. Das Raster prüft vor allem, ob das Bild verständlich, passend und nachvollziehbar gestaltet ist.


Drei Entwürfe im Vergleich

Entwurf Kurzbeschreibung Punkte Urteil
A Großer Roboter, Überschrift „KI macht Bilder“ 10 von 16 Auffällig, aber für diesen Lernkurs inhaltlich zu stark auf KI zugespitzt.
B Bildrahmen, Stift, Farbfelder, kleiner KI-Funke, Überschrift „Kursbild entwerfen“ 16 von 16 Inhalt, Zielgruppe und Werkzeugcharakter werden klar.
C Nur ein Farbkreis mit dem Wort „Design“ 13 von 16 Schön und klar, aber zu allgemein und zu stark auf Farbe reduziert.


Modelllösung für diesen aiMOOC

Für IM5 - Ein MOOCwiki-Kursbild entwerfen ist Entwurf B besonders geeignet.

Motiv: Im Mittelpunkt steht ein einfacher rechteckiger Bildrahmen. Ein Stift berührt den Rahmen. Daneben liegen zwei oder drei Farbfelder. Ein kleiner Lichtfunke oder ein sehr kleines Schaltkreis-Symbol kann digitale oder KI-gestützte Ideenfindung andeuten. Der KI-Hinweis bleibt bewusst klein, weil KI nur ein mögliches Werkzeug ist.

Text: Groß steht Kursbild entwerfen. Klein steht IM5. Dadurch bleibt die Hauptaussage auch in einer kleinen Vorschau lesbar.

Zielgruppe: Für Klasse 5 werden klare Formen, wenige Elemente, freundliche Farben und eine gut lesbare Schrift verwendet. Das Bild soll nicht kindisch wirken, aber auch nicht wie eine komplizierte Fachgrafik.

Bildquelle: Besonders gut eignet sich ein selbst gestaltetes Motiv aus einfachen Grundformen. Dann kann die Quelle als eigenes Werk dokumentiert werden. Werden Elemente aus Wikimedia Commons verwendet, müssen die jeweilige Dateiseite, der Urheber und die Lizenz geprüft und angegeben werden. Wird ein KI-Bildgenerator verwendet, sollten verwendetes Werkzeug, Datum und Entstehungsweise dokumentiert und die geltenden Nutzungsbedingungen geprüft werden.

Begründung: Diese Gestaltung zeigt nicht nur „ein Bild“, sondern den Vorgang des Gestaltens. Sie verspricht keinen Robotik-Kurs und keinen reinen KI-Kurs. Damit ist sie für den tatsächlichen Lerninhalt genauer als ein großes KI- oder Roboterbild.


Bildquellen und Lizenzen

Nicht jedes Bild aus dem Internet darf einfach weiterverwendet werden. Eine Suchmaschine zeigt Dir Bilder, besitzt aber normalerweise nicht die Nutzungsrechte an diesen Bildern.

Bei Wikimedia Commons findest Du auf jeder Dateiseite Angaben zur Quelle und zur Lizenz. Einige Werke sind gemeinfrei oder unter Creative-Commons-Lizenzen freigegeben. Andere Dateien können zusätzliche Hinweise enthalten, zum Beispiel zu Markenrechten.

Für den Quellencheck kannst Du die TULLU-Idee als Merkhilfe verwenden:

Buchstabe Frage
T Wie lautet der Titel?
U Wer ist der Urheber?
L Welche Lizenz gilt?
L Wo finde ich den Link zur Lizenz?
U Wo finde ich den Ursprungsort beziehungsweise die Originalquelle?

Die genaue Form der Quellenangabe hängt von der jeweiligen Lizenz ab. Deshalb ist die Dateiseite wichtiger als eine bloße Bildsuche.


Geprüfte Wikimedia-Commons-Beispiele aus diesem Kurs

Datei Lernzweck Hinweis
Rule of thirds photo.jpg Bildaufteilung und Raster Die Commons-Dateiseite nennt John R. Daily als Autor und CC BY-SA 2.5.
Cartoon Robot.svg Beispiel für ein starkes Robotik-Symbol Die Commons-Dateiseite weist das Motiv als CC0 beziehungsweise gemeinfrei aus.
Artificial Intelligence, AI.jpg Beispiel für ein eindeutiges KI-Motiv Die Commons-Dateiseite nennt mikemacmarketing und CC BY 2.0.
Color wheel.svg Farbkontraste und Farbbeziehungen Die Commons-Dateiseite weist das Werk als gemeinfrei aus.
Typography.jpg Schrift als Bildelement Die Commons-Dateiseite nennt CC BY-SA 3.0.
Commons-logo.svg Hinweis auf Wikimedia Commons Bei Logos sind zusätzlich mögliche Markenhinweise zu beachten.
CC BY-SA icon.svg Lizenzsymbol Die Dateiseite erklärt die Bedeutung von BY und SA.

Auch wenn diese Angaben für die Erstellung dieses Kurses geprüft wurden, solltest Du bei einer späteren Wiederverwendung immer noch einmal die aktuelle Original-Dateiseite ansehen.


Videos zur Vertiefung

Das folgende englischsprachige Video erklärt Grundlagen von Gestaltung mit vielen sichtbaren Beispielen zu Linie, Form, Struktur, Balance und Bildaufteilung:

Das nächste Video zeigt besonders anschaulich, wie Nähe, Freiraum, Ausrichtung, Kontrast und Wiederholung ein Layout verbessern können:

Hier geht es um die Auswahl und Bearbeitung von Bildern im Grafikdesign:

Dieses deutschsprachige Video erklärt Creative-Commons-Lizenzen im Zusammenhang mit Schule und Unterricht:


Ein einfacher Arbeitsablauf

Ein gutes Kursbild entsteht selten beim ersten Versuch. Arbeite deshalb in mehreren kleinen Schritten.

  1. Inhaltsanalyse: Lies den Lernkurs und notiere die drei wichtigsten Aussagen.
  2. Motivwahl: Zeichne mindestens drei kleine Motivideen.
  3. Layout: Probiere mindestens zwei verschiedene Anordnungen aus.
  4. Typografie: Setze einen kurzen, gut lesbaren Titel.
  5. Farbgestaltung: Wähle wenige Farben mit gutem Kontrast.
  6. Bildquelle: Prüfe Herkunft, Urheber und Lizenz.
  7. Kriterienraster: Bewerte Deinen Entwurf mit dem 16-Punkte-Raster.
  8. Überarbeitung: Verbessere die schwächsten Kriterien.
  9. Begründung: Erkläre Motiv, Text, Zielgruppe und Bildquelle in eigenen Worten.


Interaktive Aufgaben


Quiz: Teste Dein Wissen

Was ist die wichtigste Aufgabe eines Kursbildes? (Den Lerninhalt passend und verständlich ankündigen) (!Möglichst viele Farben zeigen) (!Den gesamten Kurstext enthalten) (!Immer einen Roboter zeigen)




Warum kann ein großer Roboter für diesen Kurs irreführend sein? (Er lässt einen Robotik- oder KI-Kurs erwarten) (!Er ist grundsätzlich auf Bildern verboten) (!Er kann niemals farbig dargestellt werden) (!Er darf nur in Mathematikkursen vorkommen)




Was bedeutet Zielgruppe bei der Kursbildgestaltung? (Die Personen, für die der Kurs gedacht ist) (!Die Größe des Bildschirms) (!Die Zahl der Farben) (!Die Adresse der Bildquelle)




Wozu kann ein Raster bei der Gestaltung dienen? (Es hilft beim Anordnen wichtiger Elemente) (!Es ersetzt die Bildquelle) (!Es erzeugt automatisch eine Lizenz) (!Es schreibt den Kurstitel)




Warum sollte ein Kurstitel im Bild kurz und deutlich sein? (Er soll auch in kleiner Darstellung lesbar bleiben) (!Kurze Titel brauchen keine Rechtschreibung) (!Lange Titel sind im Internet verboten) (!Kurze Titel machen jede Bildquelle frei nutzbar)




Was solltest Du bei einem Bild aus Wikimedia Commons prüfen? (Urheber Quelle und Lizenz auf der Dateiseite) (!Nur die Hintergrundfarbe) (!Nur die Dateigröße) (!Nur ob Dir das Bild gefällt)




Welche KI-Idee passt am besten zu diesem Kurs? (Ein kleiner KI-Hinweis neben einem klaren Gestaltungsmotiv) (!Ein riesiger Roboter ohne Bezug zur Bildgestaltung) (!Eine Weltraumschlacht mit Lasern) (!Ein Bild ohne erkennbaren Lerninhalt)




Warum ist ein Kriterienraster nützlich? (Es hilft Entwürfe begründet zu vergleichen) (!Es entscheidet automatisch über Geschmack) (!Es ersetzt die Gestaltung) (!Es macht jede Bildquelle lizenzfrei)




Was ist ein guter Test für ein fertiges Kursbild? (Prüfen ob Motiv und Titel auch klein noch verständlich sind) (!Das Bild möglichst oft drehen) (!Alle Farben gleichzeitig verwenden) (!Jedes freie Feld mit Symbolen füllen)




Welche Aussage beschreibt ein nicht irreführendes Titelmotiv am besten? (Das Motiv weckt Erwartungen die zum tatsächlichen Kursinhalt passen) (!Das Motiv muss möglichst spektakulär sein) (!Das Motiv darf keinen Text enthalten) (!Das Motiv muss immer fotorealistisch sein)





Memory

Kernmotiv wichtigstes Bildelement
Layout Anordnung von Bild und Text
Kontrast deutlicher Unterschied für gute Erkennbarkeit
Zielgruppe Personen für die ein Kurs gedacht ist
Lizenz Regeln für die erlaubte Nutzung eines Werkes
Quelle Herkunft eines Bildes
Raster Hilfslinien für die Bildaufteilung





Drag and Drop

Ordne die richtigen Begriffe zu. Thema
Kernmotiv zeigt den wichtigsten Lerninhalt
Kontrast verbessert die Lesbarkeit
Zielgruppe bestimmt Sprache und Bildwirkung
Bildquelle macht die Herkunft nachvollziehbar
Kriterienraster hilft beim begründeten Vergleichen




...


Kreuzworträtsel

Kontrast Wie heißt ein deutlicher Unterschied zwischen hell und dunkel oder groß und klein?
Raster Wie nennt man Hilfslinien zur geordneten Bildaufteilung?
Quelle Wie heißt der Ort an dem ein verwendetes Bild ursprünglich gefunden oder veröffentlicht wurde?
Lizenz Wie nennt man die Regeln für die erlaubte Nutzung eines Werkes?
Motiv Wie heißt das wichtigste dargestellte Bildthema?
Zielgruppe Wie nennt man die Personen für die ein Lernangebot gedacht ist?





LearningApps


Lückentext

Vervollständige den Text.
Ein gutes Kursbild soll den tatsächlichen

verständlich ankündigen.
Das wichtigste Bildelement heißt

.
Die Anordnung von Bild, Text und Freiraum nennt man

.
Ein deutlicher Unterschied zwischen Text und Hintergrund heißt

.
Die Personen, für die ein Kurs gedacht ist, bilden die

.
Bei Bildern aus dem Internet muss die

nachvollziehbar sein.
Auf einer Commons-Dateiseite findest Du Angaben zur

.
Ein 3×3-Hilfsschema für die Bildaufteilung kann als

genutzt werden.
Ein großes Robotermotiv kann bei diesem Kurs

wirken.
Ein KI-Hinweis sollte nur so stark sein, wie es zum

passt.
Für kleine Vorschaubilder muss der Titel gut

bleiben.
Mit einem Kriterienraster kannst Du Entwürfe begründet

.




Offene Aufgaben


Leicht

  1. Bildanalyse: Suche drei Kursbilder oder Buchcover und beschreibe jeweils, welches Thema Du allein durch das Bild erwartest.
  2. Motivskizze: Zeichne drei Mini-Skizzen für „Kursbild entwerfen“. Jede Skizze darf höchstens vier Bildelemente enthalten.
  3. Kontrast: Gestalte denselben Kurstitel zweimal, einmal mit gutem und einmal mit schlechtem Kontrast. Erkläre den Unterschied.
  4. Wikimedia Commons: Öffne die Dateiseite eines in diesem Kurs verwendeten Commons-Bildes und notiere Titel, Urheber und Lizenz.


Standard

  1. Layout: Entwickle zwei unterschiedliche Layoutvarianten für denselben Kurstitel und vergleiche ihre Wirkung mit dem Kriterienraster.
  2. Zielgruppe: Gestalte eine Version für Klasse 5 und eine Version für Erwachsene. Verändere Schrift, Farbwahl und Motiv und begründe die Unterschiede.
  3. Künstliche Intelligenz: Formuliere zwei erlaubte Bild-Prompts: einen mit dezentem KI-Hinweis und einen ohne KI-Symbol. Erkläre, welche Variante genauer zum Kurs passt.
  4. Creative Commons: Wähle ein passendes Commons-Bild aus und erstelle eine vollständige Quellenangabe nach den Angaben auf der Dateiseite.


Schwer

  1. Kriterienraster: Entwickle ein eigenes Raster mit mindestens sechs Kriterien und teste damit drei Entwürfe aus Deiner Klasse.
  2. Bildmanipulation: Erstelle bewusst ein irreführendes und ein passendes Kursbild für dasselbe Thema. Analysiere, wodurch die Erwartungen jeweils gelenkt werden.
  3. Usability: Zeige Deinen Entwurf fünf Personen für nur fünf Sekunden. Frage danach, welches Kursthema sie erwarten. Werte die Antworten aus und überarbeite das Bild.
  4. Medienprojekt: Erstelle ein fertiges Titelmotiv, dokumentiere Entstehung, verwendete Werkzeuge, Bildquellen und Lizenzen und präsentiere Deine Gestaltung mit einer kurzen Begründung zu Motiv, Text, Zielgruppe und Bildquelle.




Text bearbeiten Bild einfügen Video einbetten Interaktive Aufgaben erstellen



Lernkontrolle

  1. Transfer - fremder Lernkurs: Du erhältst einen kurzen Lerntext zu einem neuen Thema. Leite daraus drei mögliche Kernmotive ab und begründe, welches davon den Inhalt am ehrlichsten wiedergibt.
  2. Vergleich zweier Entwürfe: Bewerte zwei unterschiedliche Kursbilder mit dem Kriterienraster. Begründe mindestens drei Deiner Punktentscheidungen mit konkreten Bildmerkmalen.
  3. Fehlersuche: Ein Titelbild sieht schön aus, zeigt aber ein Motiv, das nur in einem kleinen Nebensatz des Lernkurses vorkommt. Erkläre das Problem und entwickle eine bessere Lösung.
  4. Zielgruppenwechsel: Überarbeite ein Kursbild für Klasse 5 so, dass es für eine Oberstufenklasse geeignet wäre. Begründe, was Du veränderst und was gleich bleiben kann.
  5. Quellenentscheidung: Vergleiche ein selbst erstelltes Bild, ein Commons-Bild und ein KI-generiertes Bild als mögliche Titelmotive. Entscheide Dich für eine Variante und begründe Deine Wahl hinsichtlich Inhalt, Transparenz und Weiterverwendung.
  6. Gestaltungsbegründung: Verfasse eine kurze Präsentation, in der Du erklärst, wie Motiv, Text, Farben, Layout und Quelle zusammenarbeiten, damit das Kursbild nicht irreführend ist.




Lernnachweis

Für einen überzeugenden Lernnachweis solltest Du zeigen, dass Du nicht nur ein hübsches Bild erzeugen kannst, sondern den gesamten Gestaltungsweg verstanden hast.

  1. Inhaltsanalyse: Du fasst den Lernkurs knapp und richtig zusammen.
  2. Motiventscheidung: Du leitest Dein Hauptmotiv sichtbar aus dem Lerninhalt ab.
  3. Layoutvergleich: Du zeigst mindestens zwei Entwurfsvarianten.
  4. Zielgruppenbezug: Du erklärst, warum Deine Gestaltung zu Klasse 5 passt.
  5. Lesbarkeit: Du prüfst Titel und Bildwirkung auch in kleiner Darstellung.
  6. Quellennachweis: Du dokumentierst verwendete Bilder, Urheber und Lizenzen nachvollziehbar.
  7. KI-Transparenz: Falls Du KI nutzt, dokumentierst Du die Entstehungsweise und verwendest keine privaten Daten.
  8. Begründung: Du erklärst Motiv, Text, Zielgruppe und Bildquelle in eigenen Worten.
  9. Überarbeitung: Du nutzt Rückmeldungen oder das Kriterienraster, um Deinen Entwurf zu verbessern.




OERs zum Thema

Als fachliche Grundlage zur visuellen Gestaltung eignet sich der Wikipedia-Artikel Grafikdesign:

Zusätzlich sind die Lernbereiche Bildgestaltung, Creative Commons, Wikimedia Commons, Typografie und Künstliche Intelligenz für dieses Projekt wichtig.



Verknüpfte Lernbereiche


aiMOOC-Projekte

MOOCwiki · Deutsch

Nach dem Lernen ist vor dem Lernen

Entdecke direkt den nächsten Lernkurs. Weitere Inhalte erscheinen, wenn Du weiter nach unten scrollst.

Zur MOOCwiki-Hauptseite
Inhalte werden geladen ...

Mediathek wird aus dem Wiki geladen ...