Das Design Ihrer E-Learning-Kurse beeinflusst ganz entscheidend, wie die Lernenden den Kurs wahrnehmen. Ein wichtiges Element dabei ist der Hintergrund.
Nach welchen Kriterien aber soll man entscheiden, wie man den Hintergrund gestaltet? Dazu gibt es verschiedene Ansätze. Lassen Sie uns einige davon an ein paar Beispielen betrachten.
Einfarbig
Viele E-Learning-Kurse haben einen einfarbigen Hintergrund. Das ist einfach und effektiv, denn damit wirkt der Kurs aufgeräumt und die Aufmerksamkeit der Lernenden wird nicht von den eigentlichen Inhalten abgelenkt.
Doch welche Farbe wählen? Das hängt vom Thema und Ton Ihres Kurses ab. Gedeckte Farben wirken stilvoll und professionell, helle und lebendigere Farben bringen Energie in den Kurs, dunklere Farbtöne wirken eher entspannend. Wichtig ist nur, dass der Kontrast von Textfarbe und Hintergrundfarbe groß genug ist, um die Lesbarkeit nicht zu beeinträchtigen. Sehen wir uns ein paar Beispiele an.
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Illustrationen
Illustrierte Hintergründe sind die nächste Kategorie, die wir betrachten wollen. Illustrationen können auf ganz einfache Weise einen thematisch passenden Rahmen bieten. Sie wirken ansprechend und wecken die Aufmerksamkeit.
Stilistisch gibt es eine riesige Bandbreite. Ein paar Beispiele möchten wir Ihnen hier zeigen.
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Fotos
Fotos als Hintergründe können eine Geschichte erzählen und die Umgebung für Ihren E-Learning-Kurs definieren, gerade wenn Sie einen Szenario-basierten Kurs entwerfen. Sie können eine bestimmte Stimmung oder Atmosphäre schaffen und gewissermaßen die Bühne bereiten.
Wichtig sind hier Bilder mit hoher Auflösung, damit Ihr Kurs elegant und professionell rüberkommt.
Sehen wir uns auch hierzu einige Beispiele an.
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Gemusterte, abstrakte oder unscharfe Hintergründe
Die letzte Kategorie für heute sind Muster, abstrakte Formen und Bilder, die so unscharf sind, dass das eigentliche Motiv kaum noch wahrgenommen wird. Mit einem solchen Hintergrund lässt sich ein ansonsten klassisch gestalteter Kurs ganz leicht aufpeppen.
Beispiel herunterladen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Beispiel ansehen | Vorlage herunterladen
Fazit
Was auch immer Sie für einen Hintergrund wählen, das Wichtige ist, dass er nicht ablenkt, sondern die Kursinhalte unterstützt. Wenn der Hintergrund wunderschön ist, aber den Text schwer lesbar macht oder Schaltflächen „verschlingt“, sorgt das für Frust und im schlimmsten Fall sogar für schlechtere Lernergebnisse. Design ist wichtig, aber Lesbarkeit und Benutzerfreundlichkeit sind wichtiger.
Wenn Sie einen tollen Hintergrund gefunden haben, der aber zu Kontrastproblemen führt, probieren Sie mal, ein schwarzes oder weißes halbtransparentes Rechteck darüberzulegen. Mehr Tipps und Gedanken zu Kontrast und Lesbarkeit finden Sie in unserem Artikel 7 Methoden zur Darstellung von Text auf Bildern.
Sie sind auf der Suche nach mehr Insider-Wissen aus dem Grafikdesign? Auch da können wir natürlich helfen:
- 3 einfache, aber wirksame Tipps für die visuelle Gestaltung von E-Learning
- So wählen Sie ein Design für Ihren E-Learning-Kurs aus
- 7 Tipps für die Auswahl von Bildmaterial für Ihre E-Learning-Kurse
- Schlechtes E-Learning Design aufpolieren – in 6 einfachen Schritten
- Grafikdesign für Einsteiger – 5 häufige Fehltritte und wie man sie vermeidet
- Mit diesen 5 Tricks fühlen Sie sich wie ein E-Learning-Design-Profi (auch wenn Sie noch keiner sind)
Wenn Ihnen dieser Beitrag gefallen hat, abonnieren Sie doch unseren Blognewsletter.
