Probabilmente non esiste uno stile e una tecnologia che siano abbastanza accoppiati come lo stile tipografico internazionale e il CSS.
Quando designer di Detroit Jon Yablonski stava cercando un modo per flettere i muscoli front-end senza restrizioni del cliente, ha deciso di provare a ricreare alcuni poster di stile tipografico internazionale, in CSS e vaniglia JavaScript .
Vedi il Pen Zürich Tonhalle (1955) di Jon Yablonski ( @jonyablonski ) su CodePen .
La natura intrinsecamente basata sulla griglia, quasi atomo-design, dell'International Typographic Style si presta perfettamente al pregiudizio rettilineo dei CSS.
La soluzione per ogni poster è stata la stessa ... Rompere il poster in parti più piccole, fare un passo alla volta ricreando gli strati, quindi sperimentare diverse animazioni di fotogrammi chiave, funzioni di temporizzazione e durate finché tutto sembra giusto.
I poster ricreati comprendono lavori di Josef Müller-Brockmann, Hans Neuburg e Pierre Keller, e vanno dagli anni '50 agli anni '70.
Vedi la penna Juni Festwochen Zürich (1959) di Jon Yablonski ( @jonyablonski ) su CodePen .
L'International Typographic Style, noto anche come Swiss Style, ma spesso associato ora con l'America degli anni '80, è stato reso popolare dai designer svizzeri nella metà del XX secolo. Mentre la seconda guerra mondiale infuriava attorno a essa, la Svizzera rimaneva neutrale e i suoi progettisti hanno beneficiato di quasi un decennio di esplorazione del design altamente insulare e altamente focalizzata; il risultato sono state le griglie razionali e ordinate che impieghiamo ancora oggi.
Le interpretazioni di Yablonski non si limitano a riprodurre i poster, li ha animati in modo tale da enfatizzare il loro spirito e la loro complessità; possiamo vedere che i capolavori della metà del secolo sono tutt'altro che semplici. Minimalisti senza essere minimi sono dinamici e creativi come qualsiasi cosa nella storia della grafica.
Vedi la penna Konstruktive Grafik di Jon Yablonski ( @jonyablonski ) su CodePen .
Vedi la relazione annuale di Pen Canadian Broadcasting Corp. di Jon Yablonski ( @jonyablonski ) su CodePen .
Vedi la penna Ausstellung Eidgenössisches Kunststipendium di Jon Yablonski ( @jonyablonski ) su CodePen .
Vedi la penna Akari di Jon Yablonski ( @jonyablonski ) su CodePen .
Vedi la penna Berlin-Layout di Jon Yablonski ( @jonyablonski ) su CodePen .
Vedi la penna Tonhalle-Quartett di Jon Yablonski ( @jonyablonski ) su CodePen .
Vedere la penna Zürich-Tonhalle (1958) di Jon Yablonski ( @jonyablonski ) su CodePen .