Es gibt wahrscheinlich keinen Stil und keine Technologie, die so gut gepaart sind wie der International Typographic Style und CSS.
Wenn Detroit-ansässiger Entwerfer Jon Yablonski auf der Suche nach einer Möglichkeit, seine Front-End-Muskeln ohne Kundenbeschränkungen zu bewegen, entschied er sich, einige klassische International Typographic Style Poster zu kreieren, in CSS und Vanilla JavaScript .
Sehen Sie den Stift Zürich Tonhalle (1955) von Jon Yablonski ( @jonyablonski ) auf CodePen .
Die inhärent gitterbasierte, fast Atomic-Design-ähnliche Natur des International Typographic Style eignet sich perfekt für die geradlinige Verzerrung von CSS.
Die Lösung für jedes Poster war die gleiche ... Zerlegen Sie das Poster in kleinere Teile, machen Sie einen Schritt nach dem anderen, erstellen Sie die Ebenen neu und experimentieren Sie anschließend mit verschiedenen Keyframe-Animationen, Timing-Funktionen und Dauer, bis alles richtig ist.
Die neu gestalteten Plakate umfassen Arbeiten von Josef Müller-Brockmann, Hans Neuburg und Pierre Keller und reichen von den 1950er bis in die 1970er Jahre.
Sehen Sie die Pen Juni Festwochen Zürich (1959) von Jon Yablonski ( @jonyablonski ) auf CodePen .
Der International Typographic Style, der auch als Swiss Style bezeichnet wird, aber heute oft mit dem Amerika der 1980er Jahre in Verbindung gebracht wird, wurde Mitte des 20. Jahrhunderts von Schweizer Designern populär gemacht. Während der Zweite Weltkrieg tobte, blieb die Schweiz neutral, und ihre Designer profitierten von fast einem Jahrzehnt hochselektiver, hochgradig fokussierter Designerkundung. Das Ergebnis waren die rationalen, geordneten Netze, die wir heute noch verwenden.
Yablonskis Interpretationen reproduzieren nicht nur die Plakate, er animiert sie so, dass sie ihren Geist und ihre Komplexität betonen; Wir können sehen, dass die Meisterwerke der Jahrhundertmitte alles andere als einfach sind. Minimal, ohne minimal zu sein, sind sie so dynamisch und erfinderisch wie alles in der Geschichte des Grafikdesigns.
Siehe den Stift Konstruktive Grafik von Jon Yablonski ( @jonyablonski ) auf CodePen .
Siehe Jahresbericht der Pen Canadian Broadcasting Corp. von Jon Yablonski ( @jonyablonski ) auf CodePen .
Siehe die Stiftausstellung Eidgenössisches Kunststipendium von Jon Yablonski ( @jonyablonski ) auf CodePen .
Siehe den Stift Akari von Jon Yablonski ( @jonyablonski ) auf CodePen .
Siehe den Stift Berlin-Layout von Jon Yablonski ( @jonyablonski ) auf CodePen .
Sehen Sie das Stift Tonhalle-Quartett von Jon Yablonski ( @jonyablonski ) auf CodePen .
Sehen Sie den Stift Zürich-Tonhalle (1958) von Jon Yablonski ( @jonyablonski ) auf CodePen .