Probablemente no haya un estilo y una tecnología que estén tan bien emparejados como el estilo tipográfico internacional y CSS.
Cuando el diseñador con sede en Detroit Jon Yablonski estaba buscando una forma de flexionar sus músculos de front-end sin restricciones del cliente, decidió intentar y recrear algunos clásicos de estilo tipográfico internacional, en CSS y JavaScript vanidoso .
Ver el Pen Zürich Tonhalle (1955) por Jon Yablonski ( @jonyablonski ) en CodePen .
La naturaleza intrínsecamente cuadriculada, casi atómica, de diseño del estilo tipográfico internacional se presta perfectamente al sesgo rectilíneo de CSS.
La solución para cada póster fue la misma ... Divida el póster en partes más pequeñas, repita paso a paso las capas y luego experimente con diferentes animaciones de fotogramas clave, funciones de tiempo y duraciones hasta que todo se sienta bien.
Los carteles recreados incluyen obras de Josef Müller-Brockmann, Hans Neuburg y Pierre Keller, y van desde la década de 1950 hasta la década de 1970.
Ver el Pen Juni Festwochen Zürich (1959) por Jon Yablonski ( @jonyablonski ) en CodePen .
El estilo tipográfico internacional, también conocido como Estilo suizo, pero a menudo ahora se asocia con la América corporativa de la década de 1980, fue popularizado por los diseñadores suizos a mediados del siglo XX. Mientras la Segunda Guerra Mundial se desarrollaba a su alrededor, Suiza permaneció neutral, y sus diseñadores se beneficiaron de casi una década de exploración de diseño altamente insular y altamente enfocada; el resultado fueron las redes ordenadas y racionales que todavía empleamos hoy.
Las interpretaciones de Yablonski no solo reproducen los carteles, sino que los anima de tal manera que enfatiza su espíritu y complejidad; podemos ver que las obras maestras de mediados de siglo están lejos de ser simples. Minimalistas sin ser mínimos son tan dinámicos e ingeniosos como cualquier otro en la historia del diseño gráfico.
Ver el Pen Konstruktive Grafik por Jon Yablonski ( @jonyablonski ) en CodePen .
Ver el informe anual de Pen Canadian Broadcasting Corp. por Jon Yablonski ( @jonyablonski ) en CodePen .
Vea el Pen Ausstellung Eidgenössisches Kunststipendium por Jon Yablonski ( @jonyablonski ) en CodePen .
Ver el Pen Akari por Jon Yablonski ( @jonyablonski ) en CodePen .
Ver el Pen Berlin-Layout por Jon Yablonski ( @jonyablonski ) en CodePen .
Ver el Pen Tonhalle-Quartett por Jon Yablonski ( @jonyablonski ) en CodePen .
Vea el Pen Zürich-Tonhalle (1958) por Jon Yablonski ( @jonyablonski ) en CodePen .