Prawdopodobnie nie ma stylu i technologii, które są tak dobrze sparowane jak Międzynarodowy Styl Typograficzny i CSS.

Kiedy projektant z Detroit Jon Jabłoński szukał sposobu na wyginanie mięśni przednich bez ograniczeń klientów, postanowił spróbować odtworzyć niektóre klasyczne plakaty w stylu międzynarodowego typograficznego, w CSS i vanilla JavaScript .

Zobacz długopis Zürich Tonhalle (1955) Jon Jabłoński ( @jonyablonski ) na CodePen .

Naturalna charakterystyka międzynarodowego stylu typograficznego, o charakterze niemal atomowym, nadaje się idealnie do prostoliniowego odchylenia CSS.

Rozwiązanie dla każdego plakatu było takie samo ... Podziel plakat na mniejsze części, zrób krok po kroku, odtwarzając warstwy, a następnie eksperymentuj z różnymi animacjami klatek kluczowych, funkcjami czasowymi i czasami trwania, aż wszystko będzie dobrze.

Odtworzone plakaty obejmują prace Josefa Müllera-Brockmanna, Hansa Neuburga i Pierre'a Kellera, od lat pięćdziesiątych do siedemdziesiątych.

Zobacz Pen Juni Festwochen Zürich (1959) Jon Jabłoński ( @jonyablonski ) na CodePen .

Międzynarodowy styl typograficzny, określany również jako szwajcarski styl, ale często kojarzony z amerykańską korporacyjną Ameryką, został spopularyzowany przez szwajcarskich projektantów w połowie XX wieku. Podczas II wojny światowej szalała wokół niego, Szwajcaria pozostała neutralna, a jej projektanci czerpali korzyści z prawie dekady wysoce wyspiarskiego, wysoce skoncentrowanego poszukiwania projektów; Rezultatem były racjonalne, uporządkowane sieci, które dziś zatrudniamy.

Interpretacje Yablonskiego nie tylko odtwarzają plakaty, ale także ożywiają je w taki sposób, aby podkreślić ich ducha i złożoność; widzimy, że arcydzieła z połowy wieku nie są proste. Minimalistyczna bez minimalności są tak dynamiczne i pomysłowe, jak wszystko w historii projektowania graficznego.

Zobacz pióra Konstruktive Grafik Jon Jabłoński ( @jonyablonski ) na CodePen .

Zobacz raport roczny Pen Canadian Broadcasting Corp. Jon Jabłoński ( @jonyablonski ) na CodePen .

Zobacz pióro Ausstellung Eidgenössisches Kunststipendium Jon Jabłoński ( @jonyablonski ) na CodePen .

Zobacz pióro Akari Jon Jabłoński ( @jonyablonski ) na CodePen .

Zobacz układ Berlin- pióro Jon Jabłoński ( @jonyablonski ) na CodePen .

Zobacz pióro Tonhalle-Quartett Jon Jabłoński ( @jonyablonski ) na CodePen .

Zobacz pióro Zürich-Tonhalle (1958) Jon Jabłoński ( @jonyablonski ) na CodePen .