Il n'y a probablement pas de style et de technologie qui soient aussi bien appariés que le style typographique international et le style CSS.
Quand le concepteur basé à Detroit Jon Yablonski cherchait un moyen de fléchir ses muscles frontaux sans les contraintes du client, il a décidé d'essayer de recréer des affiches classiques de style typographique international, en CSS et en vanille JavaScript .
Voir le stylo Zürich Tonhalle (1955) par Jon Yablonski ( @jonyablonski ) sur CodePen .
La nature intrinsèquement quadrillée, presque atomique, du type typographique international, se prête parfaitement au biais rectiligne du CSS.
La solution pour chaque affiche était la même ... Divisez l'affiche en parties plus petites, faites une étape à la fois en recréant les calques, puis expérimentez différentes animations d'images clés, fonctions de synchronisation et durées jusqu'à ce que tout se passe bien.
Les affiches recréées comprennent des œuvres de Josef Müller-Brockmann, Hans Neuburg et Pierre Keller, et vont des années 1950 aux années 1970.
Voir le stylo Juni Festwochen Zürich (1959) par Jon Yablonski ( @jonyablonski ) sur CodePen .
Le style typographique international, également appelé style suisse, mais souvent associé aux entreprises américaines des années 1980, a été popularisé par les designers suisses au milieu du XXe siècle. Alors que la Seconde Guerre mondiale faisait rage autour de lui, la Suisse restait neutre et ses concepteurs bénéficiaient de presque une décennie d'exploration de conception hautement insulaire et hautement ciblée. le résultat a été la grille rationnelle que nous employons encore aujourd'hui.
Les interprétations de Yablonski ne se contentent pas de reproduire les affiches, elles les ont animées de manière à souligner leur esprit et leur complexité; nous pouvons voir que les chefs-d'œuvre du milieu du siècle sont loin d'être simples. Minimalistes sans être minimes, elles sont aussi dynamiques et inventives que toute l'histoire du graphisme.
Voir le stylo Konstruktive Grafik par Jon Yablonski ( @jonyablonski ) sur CodePen .
Voir le rapport annuel de Pen Canadian Broadcasting Corp. par Jon Yablonski ( @jonyablonski ) sur CodePen .
Voir le stylo Ausstellung Eidgenössisches Kunststipendium par Jon Yablonski ( @jonyablonski ) sur CodePen .
Voir le stylo Akari par Jon Yablonski ( @jonyablonski ) sur CodePen .
Voir le stylo Berlin-Layout par Jon Yablonski ( @jonyablonski ) sur CodePen .
Voir le stylo Tonhalle-Quartett par Jon Yablonski ( @jonyablonski ) sur CodePen .
Voir le stylo Zürich-Tonhalle (1958) par Jon Yablonski ( @jonyablonski ) sur CodePen .