IM5 - Ein MOOCwiki-Kursbild entwerfen
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.
- Inhaltsanalyse: Lies den Lernkurs und notiere die drei wichtigsten Aussagen.
- Motivwahl: Zeichne mindestens drei kleine Motivideen.
- Layout: Probiere mindestens zwei verschiedene Anordnungen aus.
- Typografie: Setze einen kurzen, gut lesbaren Titel.
- Farbgestaltung: Wähle wenige Farben mit gutem Kontrast.
- Bildquelle: Prüfe Herkunft, Urheber und Lizenz.
- Kriterienraster: Bewerte Deinen Entwurf mit dem 16-Punkte-Raster.
- Überarbeitung: Verbessere die schwächsten Kriterien.
- 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
Offene Aufgaben
Leicht
- Bildanalyse: Suche drei Kursbilder oder Buchcover und beschreibe jeweils, welches Thema Du allein durch das Bild erwartest.
- Motivskizze: Zeichne drei Mini-Skizzen für „Kursbild entwerfen“. Jede Skizze darf höchstens vier Bildelemente enthalten.
- Kontrast: Gestalte denselben Kurstitel zweimal, einmal mit gutem und einmal mit schlechtem Kontrast. Erkläre den Unterschied.
- Wikimedia Commons: Öffne die Dateiseite eines in diesem Kurs verwendeten Commons-Bildes und notiere Titel, Urheber und Lizenz.
Standard
- Layout: Entwickle zwei unterschiedliche Layoutvarianten für denselben Kurstitel und vergleiche ihre Wirkung mit dem Kriterienraster.
- 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.
- 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.
- Creative Commons: Wähle ein passendes Commons-Bild aus und erstelle eine vollständige Quellenangabe nach den Angaben auf der Dateiseite.
Schwer
- Kriterienraster: Entwickle ein eigenes Raster mit mindestens sechs Kriterien und teste damit drei Entwürfe aus Deiner Klasse.
- Bildmanipulation: Erstelle bewusst ein irreführendes und ein passendes Kursbild für dasselbe Thema. Analysiere, wodurch die Erwartungen jeweils gelenkt werden.
- 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.
- 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.
|
|
Lernkontrolle
- 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.
- Vergleich zweier Entwürfe: Bewerte zwei unterschiedliche Kursbilder mit dem Kriterienraster. Begründe mindestens drei Deiner Punktentscheidungen mit konkreten Bildmerkmalen.
- 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.
- 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.
- 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.
- 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.
- Inhaltsanalyse: Du fasst den Lernkurs knapp und richtig zusammen.
- Motiventscheidung: Du leitest Dein Hauptmotiv sichtbar aus dem Lerninhalt ab.
- Layoutvergleich: Du zeigst mindestens zwei Entwurfsvarianten.
- Zielgruppenbezug: Du erklärst, warum Deine Gestaltung zu Klasse 5 passt.
- Lesbarkeit: Du prüfst Titel und Bildwirkung auch in kleiner Darstellung.
- Quellennachweis: Du dokumentierst verwendete Bilder, Urheber und Lizenzen nachvollziehbar.
- KI-Transparenz: Falls Du KI nutzt, dokumentierst Du die Entstehungsweise und verwendest keine privaten Daten.
- Begründung: Du erklärst Motiv, Text, Zielgruppe und Bildquelle in eigenen Worten.
- Ü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