2008 | Web

Das Modul Screendesign bestand aus zwei Teilen; der erste behandelte gestalterische und technische Grundlagen (Typo, Farbe, Bild und HTML, GIF-Animation, Dreamweaver, Flash, Interaktion). Dann folgte die Hauptaufgabe, wo im ich Bereich Konzeptgestaltung eine interaktive Infografik für Sicherheitsbestimmungen für Gepäck auf Flugreisen erstellte.

Dozenten: Robert Bossart, Flavia Mosele



Übungen mit HTML-Code

Code 1–3: Durch das Skalieren des Fensters entstehen durch ein Spiel von Hintergrundbild und Bildern darüber neue Formen.

Code 4: Optische Täuschung. Das Grün wirkt unterschiedlich stark, ist aber überall dasselbe.

optimiert für Firefox und Safari

Schärfe / Unschärfe durch Kameraeinstellungen, unterschiedliche Speicherverfahren und Veränderungen der Auflösung

Morsecode

Unkonventionelle Website, Spielerischer Umgang mit Morsecodes, Lernplattform.
Ansicht optimiert für Firefox 2.0 mit Bildschirmauflösung 1440x900 px

Sicherheitsbestimmungen für Gepäck auf Flugreisen

Anwendung: Touchscreens am Flughafen (fiktives Projekt)
Das Projekt war ein Versuch, die komplizierten Sicherheitsbestimmungen für die verschiedenen Länder als Infografik darzustellen. Anstelle der üblichen Zeichen für "richtig" und "falsch" suchte ich nach anderen Lösungen, jedoch immer nonverbal (ausgenommen Mengenbezeichnungen). Das Ergebnis ist noch nicht perfekt, z.B. die Abläufe sind zu langsam und es müsste noch weiter daran getüftelt werden.

Auf dem Beispiel muss zuerst die Erde gewählt werden, dann Europa, dann Madrid!
Bei den Gepäck-Icons habe ich nicht alle Beispiele ausgeführt.