224353a Screendesign

Zuletzt geändert:12.09.2022 / Scheible
Studiengänge: Studienübergreifendes Angebot - Minors, Prüfungsleistung im Modul Screendesign in Semester 1
Häufigkeit: immer
Werbung und Marktkommunikation (Bachelor, 7 Semester), Prüfungsleistung im Modul Screendesign in Semester 3 4 6 7
Häufigkeit: immer
Dozent: Prof. Dr. Jürgen Scheible
Link zur Veranstaltung / zum E-Learning-Kurs: 224353 – Screendesign - SoSe21
Sprache: Englisch
Art: V
Umfang: 2 SWS
ECTS-Punkte: 3
Workload: siehe Modulbeschreibung
Bemerkung zur Veranstaltung: Teilnehmerbeschränkung, Englisch
Beschreibung: siehe English Abstract
English Title: Screendesign
English Abstract: Wichtig: Die einzige Möglichkeit einen Platz in dieser LV zu bekommen ist:

1. Am "Wahlfach-Kick-off am 19.9.2022" via Zoom teilzunehmen. Zoom-Link und weitere Infos hierzu in Moodle unter "WM7-Wahlfachvergabe":

2. Eintragen in die "Interessentenliste" über die Moodle-Abfrage zu dieser LV. Diese Liste ist hier zu finden: In Moodle unter "WM7-Wahlfachvergabe":

3. Abwarten, bis wir Zu- und Absagen verschicken.

If you are an international student being accepted to the "Advertising Minor" study track, you have a seat secured already.


In this course students will be introduced to conceptual and technical principles for designing and creating digital screens.

Lerning goals
Part 1: Conceptual design orientated approach
Understanding the conceptual basics of screen design.
  • Screen design: past, present, future
  • Interaction
  • Usability
Understanding the design process.
  • Phases of a website project
  • Creating a site map
  • wireframe tools and stencils
Making a page layout.
  • Visual hierarchy
  • Colors and color schemes
  • Visual flow
  • Grouping and alignment
  • Visual look & feel guides
Part 2: Technical design oriented approach
Gain practical experience on how to to build a simple screen design from scratch using HTML (structure) & CSS (styling).
  • HTML 5
  • CSS 3
Learn how to make a page layout.
  • Floating Concept
  • Introduction to frameworks
Learn how to add text, images, video, social plug-ins.
Learn how to add navigation & interaction to a screen.
  • Navigational elements
  • Interaction with JavaScript / jQuery
Introduction to “Responsive Design”.
  • Media Queries

The lectures will be a mix of theoretical parts and many hands-on exercises.

The course will be marked based on the realization of a screen design and the documentation that relates to it.

The lectures and all materials will be mainly in english.