224353a Screendesign

Zuletzt geändert:	27.07.2025 / Scheible
EDV-Nr:	224353a
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:
Link zur Veranstaltung / zum E-Learning-Kurs:	224353 – Screendesign - SoSe21
Sprache:	Englisch
Art:	V
Umfang:	2 SWS
ECTS-Punkte:	3
Workload:	siehe Modulbeschreibung
Prüfungsform:
Bemerkung zur Veranstaltung:	Teilnehmerbeschränkung, Englisch
Beschreibung:	siehe English Abstract
English Title:	Screendesign
English Abstract:	Diese LV wird im WS25/26 NICHT angeboten. This Lecture is NOT OFFERED in WS25/26 Wichtig: Die einzige Möglichkeit einen Platz in dieser LV zu bekommen ist: 1. Am "Wahlfach-Kick-off " teilzunehmen. Weitere Infos hierzu in Moodle unter "WM7-Wahlfachvergabe":https://e-learning.hdm-stuttgart.de/moodle/course/view.php?id=4525 2. Eintragen in die "Interessentenliste" über die Moodle-Abfrage zu dieser LV. Diese Liste ist hier zu finden: In Moodle unter "WM7-Wahlfachvergabe":https://e-learning.hdm-stuttgart.de/moodle/course/view.php?id=4525 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.