Vzrůstající vzrušení webových stránek s plochým designem vedlo k rychlému odmítnutí výtržností, jako jsou stíny stínu, ve prospěch čistšího tvaru založeného vzhledu. Ale to zanechává návrháři problém: jaký typ stylu má být živý a přitom dodržovat principy plochého designu?

Jedním z řešení je obnovený zájem o chromatické písmo. Při rozšířeném použití v dřevobarevném tisku z 19. století používají chromatické obličeje více barev pro definování různých oblastí. Jedná se o polární protější přístup k modernímu designu loga, ve kterém nás učíme, že tvary musí pracovat v jediném tónu.

Výhodou chromatických návrhů je, že dodávají hloubku, důraz a charakter; aniž by bylo zapotřebí více rušivých textových dekorací, jako jsou stíny.

Jedním z nejlepších příkladů je Sodachrome. Designed by Dan Rhatigan a Ian Moore, Sodachrome se skládá ze dvou samostatných písem; jeden, ve kterém jsou patky směřující doleva a jedna, ve které ukazují doprava. Individuálně nastavená dvě písma vypadají zřetelně nevyvážená, nicméně položená nad sebou v různých barvách, vytvářejí atraktivní desky. Další výhodou společnosti Sodachrome je to, že překrytí mezi těmito dvěma barvami vytváří ve středu designu třetí tvář, moderní sans serif. Vizuální zájem o Sodachrome je vytvořen souhrou mezi těmito třemi různými vzory.

sodachrome1
sodachrome2

Sodachrome od Dan Rhatigan a Ian Moore.

Rozvíjení chromatických písem pro použití na webu je poněkud výzvou. Vzhledem k tomu, že vzory jako Knoxville Lisa Lonerganové sledují velmi tradiční románské obrysy, návrhy jako např Mark Frömberg's Pigment - který obsahuje 600 znaků - se snadno nenacházejí ve formátech vektorových obrysů.

knoxville

Knoxville od Lisy Lonerganové.

pigment1pigment2

Pigment Markem Frömbergem.

Písma, dokonce i tváře ve stylu grunge, jsou navrženy jako obrys. Obrysy lze měnit, barevně a rozdělovat, ale konstruktér zvolí. OpenType (OT), TrueType (TT), Web Open Font Format (WOFF) a téměř každý jiný formát pracuje tímto způsobem. To znamená, že v jednom souboru nelze určit chromatickou konstrukci. Nicméně za předpokladu, že chromatické písmo je dodáno jako dva samostatné soubory písem, můžeme položit jeden nad druhým docela snadno.

CSS nám dokonce umožní duplikovat název ve stylech pomocí vlastností obsahu , aniž bychom zdvojnásobili obsah značek, což by mělo negativní dopad na SEO a přístupnost.

Základní formát je:

Any old title

A v 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";}

Zatím je nedostatek chromatických písem vytvořených pro použití na internetu pravděpodobně znamenat, že jejich použití je příliš daleko pro stránky, jako jsou blogy, které vyžadují četné záhlaví. Ale pro loga nebo hlavičky, které se zřídka mění, kde je použití obrazu přijatelné, chromatické písma jsou živoucí a poutavý způsob nastavení typu, který si zachovává plochou estetiku.

Pracovali jste s chromatickými písmeny? Jaké technické potíže jste narazili? Dejte nám vědět v komentářích.