Chromatyczne kroje pisma i płaska konstrukcja
Wzrastające zauroczenie sieci płaskimi konstrukcjami doprowadziło do szybkiego odrzucenia sztuczności, takich jak cienie, na rzecz czystszego, bardziej opartego na kształcie wyglądu. Pozostawia to jednak projektantowi problem: w jaki sposób styl jest żywy, a jednocześnie zgodny z założeniami płaskiego projektu?
Jednym z rozwiązań jest ponowne zainteresowanie krojami chromatycznymi. W powszechnym użyciu w 19-wiecznym druku z drewna blokowego, powierzchnie typu chromatycznego używają wielu kolorów do definiowania różnych obszarów. To jest przeciwne podejście do nowoczesnego projektowania logo, w którym uczono nas, że kształty muszą działać jednym tonem.
Zaletą wzorów chromatycznych jest to, że dodają głębi, podkreślenia i charakteru; bez potrzeby bardziej uciążliwej dekoracji tekstu, takiej jak cienie.
Jednym z najlepszych przykładów tego jest Sodachrom. Zaprojektowany przez Dana Rhatigana i Iana Moore'a, Sodachrome składa się z dwóch oddzielnych czcionek; jeden, w którym szeryf wskazuje na lewo, a drugi, na którym wskazują na prawo. Indywidualnie ustawione dwie czcionki wyglądają na wyraźnie niezrównoważone, jednak nałożone na siebie w różnych kolorach, tworzą atrakcyjną szatę-szeryf. Dodatkową zaletą Sodachrome jest to, że nakładanie się dwóch kolorów tworzy trzecią twarz, nowoczesną sans-serif, w samym sercu projektu. Wizualne zainteresowanie Sodachrome powstaje w wyniku wzajemnego oddziaływania tych trzech różnych projektów.
Sodachrome - Dan Rhatigan i Ian Moore.
Opracowanie czcionek chromatycznych do użytku w Internecie stanowi pewne wyzwanie. Natomiast projekty takie jak Lisa Lonergan's Knoxville podążaj za bardzo tradycyjnymi rzymskimi kontury, projekty takie jak Mark Frömberg's Pigment - który zawiera 600 znaków - nie pasuje do formatów konturów wektorowych.
Knoxville, autor: Lisa Lonergan.
Pigment autorstwa Marka Frömberga.
Kroje pisma, nawet twarze w stylu grunge, są zaprojektowane jako zarys. Kontury mogą być skalowane, kolorowe i rozmieszczone, ale projektant wybiera. OpenType (OT), TrueType (TT), Web Open Format czcionki (WOFF) i prawie każdy inny dostępny format działa w ten sposób. Oznacza to, że nie można określić projektu chromatycznego w jednym pliku. Jednak pod warunkiem, że chromatyczny krój pisma zostanie dostarczony jako dwa oddzielne pliki czcionek, możemy z łatwością układać jeden nad drugim.
CSS pozwoli nam nawet powielić tytuł w stylach za pomocą właściwości content , unikając podwojenia zawartości w znacznikach, co miałoby negatywny wpływ na SEO i dostępność.
Podstawowy format to:
Any old title
I w CSS:
h1{font-family:"Some Chromatic Font A";color: rgba(50, 0, 0, 0.5);position:relative;}h1:after{font-family:"Some Chromatic Font B";color: rgba(0, 50, 50, 0.5);position:absolute;left:0;content:"Any old title";}Na razie brak czcionek chromatycznych generowanych do użytku w Internecie może oznaczać, że ich użycie jest o krok za daleko w przypadku witryn takich jak blogi, które wymagają wielu nagłówków. Jednak w przypadku logo lub nagłówków, które rzadko się zmieniają, gdzie użycie obrazu jest akceptowalne, kroje chromatyczne są żywym i angażującym sposobem ustawiania typu, który zachowuje płaski wygląd.
Czy pracowałeś z krojami chromatycznymi? Jakie trudności techniczne napotkaliście? Daj nam znać w komentarzach.