Er is waarschijnlijk geen stijl en technologie die net zo goed gepaard zijn als de internationale typografische stijl en CSS.
Toen Detroit gebaseerde ontwerper Jon Yablonski was op zoek naar een manier om zijn vooreindspieren te buigen zonder cliëntbeperkingen, besloot hij om een aantal klassieke internationale typografische stijlposters te recreëren, in CSS en vanille JavaScript .
Zie de Pen Zürich Tonhalle (1955) door Jon Yablonski ( @jonyablonski ) op CodePen .
De inherent grid-gebaseerde, bijna Atomic Design-achtige aard van de International Typographic Style leent zich perfect voor de rechtlijnige bias van CSS.
De oplossing voor elke poster was hetzelfde ... De poster in kleinere delen splitsen, stap voor stap de lagen opnieuw creëren en vervolgens experimenteren met verschillende keyframe-animaties, timing-functies en duur totdat alles goed voelt.
De nagemaakte posters bevatten werk van Josef Müller-Brockmann, Hans Neuburg en Pierre Keller en variëren van de jaren 1950 tot de jaren 1970.
Zie de Pen Juni Festwochen Zürich (1959) door Jon Yablonski ( @jonyablonski ) op CodePen .
De International Typographic Style, ook wel aangeduid als Swiss Style, maar nu vaak geassocieerd met het Amerikaanse Amerika van de jaren 80, werd gepopulariseerd door Zwitserse ontwerpers in het midden van de twintigste eeuw. Terwijl de Tweede Wereldoorlog eromheen raasde, bleef Zwitserland neutraal en profiteerden de ontwerpers van bijna een decennium van zeer insulaire, zeer gerichte ontwerpverkenning; het resultaat was de rationele, geordende netten die we vandaag nog steeds gebruiken.
De interpretaties van Yablonski reproduceren niet alleen de posters, hij animeert ze op een manier die hun geest en complexiteit benadrukt; we kunnen zien dat de meesterwerken uit het midden van de eeuw verre van eenvoudig zijn. Minimalistisch zonder minimaal te zijn, ze zijn net zo dynamisch en inventief als alles in de geschiedenis van grafisch ontwerpen.
Zie de Pen Konstruktive Grafik door Jon Yablonski ( @jonyablonski ) op CodePen .
Zie het jaarverslag van de Canadian Broadcasting Corp van de Pen door Jon Yablonski ( @jonyablonski ) op CodePen .
Zie de Pen Ausstellung Eidgenössisches Kunststipendium door Jon Yablonski ( @jonyablonski ) op CodePen .
Zie de Pen Akari door Jon Yablonski ( @jonyablonski ) op CodePen .
Zie de Pen Berlin-layout door Jon Yablonski ( @jonyablonski ) op CodePen .
Zie de Pen Tonhalle-Quartett door Jon Yablonski ( @jonyablonski ) op CodePen .
Zie de Pen Zürich-Tonhalle (1958) door Jon Yablonski ( @jonyablonski ) op CodePen .