Auf dem Weg zum funktionierenden Interface Prototypen werden die methodischen Grundlagen des Screen- und Interfacedesigns vermittelt und in Übungen vertieft. Eigenschaften und Eigenheiten des Mediums „Screen“ – z. B. Pixel, Farbe und Verhalten der Typografie bilden neben den bewährten Konzepten, wie Kontrast, visuelle Hierarchie, Gestaltgesetze, u. a. die nützlichen Grundbausteine der grafischen Gestaltung. Konventionen und wiederkehrende Interaktionskonzepte schaffen darüber hinaus einen Überblick auf die Möglichkeiten der Gestaltung im digitalen Kontext. Im Entwurfsprozess sind immer wieder Scribbles, Wireframes und Prototypen hilfreiche Mittel der Planung und Erprobung interaktiver Systeme, die jede(r) Interfacedesigner(in) heute beherrschen sollte. Wir erlernen, wie wir diese mit Software wie Illustrator, Figma und weiteren aktuellen Tools umsetzen können. Anhand praktischer Übungen wird im Seminar so aus einer Idee zunächst statische, dann interaktive Grafik und schließlich über die Bewegung und Animation ein reich erlebbares, interaktives Design.

On the way to creating functional interface prototypes, the methodological basics of screen and interface design are taught and reinforced through exercises. The characteristics and peculiarities of the medium ‘screen’ – e.g. pixels, colour and typography behaviour – form the useful building blocks of graphic design, alongside proven concepts such as contrast, visual hierarchy and Gestalt principles. Conventions and recurring interaction concepts also provide an overview of the possibilities of design in a digital context. In the design process, scribbles, wireframes and prototypes are always helpful tools for planning and testing interactive systems, which every interface designer should master today. We learn how to implement these using software such as Illustrator, Figma and other current tools. Through practical exercises, the seminar transforms an idea into static graphics, then interactive graphics, and finally, through movement and animation, into a richly experiential, interactive design.

ECTS: 2

Blockveranstaltung Sa/So and zwei Wochenenden:
09.05.–10.05.2026
06.06.–07.06.2026

Language/Kurssprache: German (English explanations possible) | Deutsch (Englische Korrekturen und Erklärungen möglich)

Room/Raum: Online-Seminar (Zoom)

Registration takes place by joining this workspace.

Anmeldung erfolgt über den Beitritt dieses Workspaces.

The course is open to MA students. The course is open to students from other degree programmes by arrangement

Der Kurs ist für MA Studierende offen. Der Kurs ist für
andere Studiengängen offen.