Screen­design
26/27

Medieninformatik am Campus Gummersbach

Auswahl von Schriften

editBearbeiten

Heute beschäftigen wir uns mit dem Thema Typographie. Theoretischen Hintergrund bekommen Sie in den zugehörigen Workshops/ Inputs.


Kontext

Sie wählen passende Schriften für verschiedene Plakate, einen Instagram-Post und eine Website. In allen Fällen ist der Text geschrieben, das Bildmaterial vorhanden, die Layouts gesetzt, aber es fehlt noch eine Aufwahl der passenden Schrift für die typographischen Elemente, wie Headlines, Untertitel und Fließtext.

Nutzen Sie folgende Vorlage und fügen Sie diese zu Ihrem Workspace hinzu.

Teil 1: Schrift für Ausstellungsplakate

Sie erhalten Wireframes von mehreren Plakaten und einem Instagram-Post. Jedes Plakat hat ein spezifisches Thema und einen eigenen Charakter. Die Inhalte (Bilder, Layout, Fließtexte) sind bereits definiert – Ihre Aufgabe besteht in der Auswahl der passenden Schrift für die Textelemente.

Wählen Sie für jedes Motiv eine geeignete Schrift oder ein stimmiges Schrift-Duo. Achten Sie auf typografische Ausdruckskraft und Angemessenheit.

Orientieren Sie sich an Erkenntnissen aus der Vorlesung, z. B. zu den Arten des Lesens, zur Wirkung von Schriftarten oder zur funktionalen vs. expressiven Typografie.

Platzieren Sie neben jedem Plakat ein kleines Typo-Fähnchen mit folgenden Informationen:

Laden Sie Ihre Ergebnisse bis zum 12.11.2026 23:55 Uhr im ILU hoch.

010–Poster–Morphism–NAME.png
020–Info–Morphism–NAME.png
030–Poster–In-Motion–NAME.png
040–Info–In-Motion–NAME.png
050–Instagram–Moss–NAME.png
060–Info–Moss–NAME.png
070–Poster–Curves–NAME.png
080–Info–Curves–NAME.png
090–Poster–Echoes–NAME.png
100–Info–Echoes–NAME.png


Teil 2: Schrift für eine Portfolio Website

Statt einer Ausstellung wählen Sie nun die Schrift für die Website Elsewhere. Die Website präsentiert Reisen und Naturerlebnisse und soll sowohl informativ als auch atmosphärisch wirken – eine Einladung an reiseinteressierte Menschen.

Das Design ist bereits als Wireframe mit Bildmaterial und Fließtexten vorbereitet. Ihre Aufgabe besteht darin, die große Textebene typografisch zu inszenieren:


Leitfragen:

Berücksichtigen Sie dabei die Besonderheiten digitaler Typografie:

Fügen Sie ein Typo-Fähnchen bei, das folgende Informationen enthält:

Laden Sie Ihre Ergebnisse bis zum 12.11.2026 23:55 Uhr im ILU hoch.

110-Elsewhere-NAME.png
120-Info-Website-NAME.png



Vorlage



How To Duplicate Figma File to Drafts