Screen­design
25/26

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 eine Serie von Ausstellungsplakaten und eine Website. In beiden Fällen ist der Text geschrieben, das Bildmaterial vorhanden, die Layouts gesetzt, aber es fehlt noch eine Aufwahl der passenden Schrift für die großen typographischen Elemente, wie Headlines und Untertitel.

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

Teil 1: Schrift für Ausstellungsplakate

Sie erhalten Wireframes von mehreren Ausstellungsplakaten. Jedes Plakat bezieht sich auf eine andere Ausstellung mit spezifischem Thema und Charakter. Die Inhalte (Bilder, Layout, Fließtexte) sind bereits definiert – Ihre Aufgabe besteht in der Auswahl der passenden Schrift für die großen Texte, z.B. Headline, Untertitel, ggf. ergänzende Informationen wie Datum oder Ort.

Wählen Sie für jede Ausstellung 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 20.11.2025 23:55 Uhr im ILU hoch.

010-Poster-Grow-1-NAME.png
020-Poster-Grow-2-NAME.png
030-Info-Grow-NAME.png
040-Poster-Dynamic-Typo-NAME.png
050-Info-Dynamic-Typo-NAME.png
060-Poster-Artificial-animals-NAME.png
070-Info-Artificial-animals-NAME.png
080-Poster–Blood-Flows-1-NAME.png
090-Poster-Blood-Flows-2-NAME.png
100-Info-Blood-Flows-NAME.png


Teil 2: Schrift für eine Portfolio Website

Statt einer Ausstellung wählen Sie nun die Schrift für die Website einer Opernsängerin. Die Website ist ein Portfolio, das sowohl Professionalität als auch Persönlichkeit ausstrahlen soll – eine Einladung an Veranstalter:innen, Presse, Fans.

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 20.11.2025 23:55 Uhr im ILU hoch.

110-Sofia-Berger-NAME.png
120-Info-Website-NAME.png



Vorlage



How To Duplicate Figma File to Drafts