Weimar
POster
Print to Web Poster
Tools & Technologie: HTML, CSS
Art der Arbeit: Einführung in Webtechnologien
Ziel: In vier tägigen Sprints lernen wir die Basics von HTML, CSS, Javascript und flexiblen Rastern kennen und verinnerlichen diese anhand von Übungen.
Sprints
Sprint 1: Wahl eines Plakats, Buch- oder Magazin-Covers aus Schweizer Klassikern und statische Übersetzung des Plakats in HTML & CSS.
Sprint 2: Animation des umgesetzten Plakats mithilfe von CSS Animationen.
Sprint 3: Erstellung von responsiven Varianten für das umgesetzte Plakat.
Lösungsansatz
Das Poster von Wolfgang Weingart wurde ausgewählt wegen seiner Komplexität und schieren Anzahl an Elementen.
Wolfgang Weingart ein deutscher Designer, Typograf und Lehrer, der seit 1964 in Basel lebte und arbeitete, gestaltete die Umschläge der
Typografischen Monatsblätter von 1972 und 1973. Sie dienten als
«Lern-Umschläge», die Thesen und Lehrsätze bekannter Theoretiker und Gestalter behandelten.
Der Aufbau des Posters ermöglichte einen grossen Experimentierspielraum mit CSS-Animationen und Positionierung. Die Elemente bewegen sich einzeln und nach einander. Das Resultat erinnert an den Herstellungsprozess des handgesetzten Posters von Weingart.
Im letzten Sprint wurden eine responsive Variante des Posters für Desktop, iPad und Smartphone erstellt.
Reflexion
Schon allein mit CSS sind vielfältige Animationen und Effekte möglich. Auch die Fragestellung, analoge Formate digital darzustellen, empfand ich als inspirierend.