Swiss in CSS: animación internacional…

Probablemente no haya estilo y tecnología que combinen tan bien como el estilo tipográfico internacional y CSS. Cuando el diseñador de Detroit jon yablonski Buscando una manera de flexionar sus músculos frontales sin frenar al cliente, decidió intentar recrear algunos carteles clásicos en el estilo tipográfico internacional, en el CSS y vainilla JavaScript.

Ver Bolígrafo Zúrich Tonhalle (1955) de Jon Yablonski (@jonyablonski) en CódigoPen.

La naturaleza inherentemente basada en cuadrículas, casi atómica del estilo tipográfico internacional se presta perfectamente al sesgo rectilíneo de CSS.

La solución para cada póster fue la misma… Dividir el póster en partes más pequeñas, ir paso a paso recreando las capas, luego experimentar 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 1950s a 1970s.

Ver Bolígrafo Juni Festwochen Zúrich (1959) de Jon Yablonski (@jonyablonski) en CódigoPen.

Estilo tipográfico internacional, también llamado estilo suizo, pero a menudo asociado con 1980Corporate America fue popularizado por diseñadores suizos a mediados del siglo XX. como la guerra mundial yl Alborotada a su alrededor, Suiza se mantuvo 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 cuadrículas racionales y ordenadas que todavía usamos hoy. Las interpretaciones de Yablonski no solo reproducen los carteles, sino que los anima de tal manera que enfatizan 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 inventivos como cualquier otro en la historia del diseño gráfico.

Ver Bolígrafo Gráficos constructivos de Jon Yablonski (@jonyablonski) en CódigoPen.

Ver Bolígrafo Corporación Canadiense de Radiodifusión. Reporte anual de Jon Yablonski (@jonyablonski) en CódigoPen.

Ver Bolígrafo Ausstellung Eidgenössisches Kunststipendium de Jon Yablonski (@jonyablonski) en CódigoPen.

Ver Bolígrafo Akari de Jon Yablonski (@jonyablonski) en CódigoPen.

Ver Bolígrafo Diseño de Berlín de Jon Yablonski (@jonyablonski) en CódigoPen.

Ver Bolígrafo Cuarteto Tonhalle de Jon Yablonski (@jonyablonski) en CódigoPen.

Ver Bolígrafo Zúrich-Tonhalle (1958) de Jon Yablonski (@jonyablonski) en CódigoPen.