Diese Website verwendet nur technisch notwendige Cookies. In der Datenschutzerklärung können Sie mehr dazu erfahren.

Zum Hauptinhalt springen
Logo, Startseite der Hochschule der Medien
Veranstaltungsbeschreibung

224353a Screendesign

Diese Veranstaltung für Evaluation, Skriptezugriff etc. speichern
Zuletzt geändert:06.06.2024 / Özkan
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: 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
Prüfungsform:
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":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.