Kromaattiset kirjasimet ja tasainen muotoilu
Verkon kasvava lohdutus, jossa on litteä muotoilu, on johtanut nopeaan hylkäämiseen keinotekoisesti, kuten pudotusvarjoina, puhtaamman ja muodollisemman ulkonäön puolesta. Mutta tämä jättää suunnittelijalle ongelman: miten tyyli tyyli on elinvoimainen samalla kiinni periaatteista tasainen muotoilu?
Yksi ratkaisu on uudistettu kiinnostus kromaattisiin kirjasintyyppeihin. Laajassa käytössä 1800-luvun puupohjaisessa painatuksessa kromaattiset kasvot käyttävät useita värejä eri alueiden määrittämiseen. Tämä on polaarinen vastakkainen lähestymistapa nykyaikaiseen logon suunnitteluun, jossa meille opetetaan, että muodot toimivat yhdellä äänellä.
Kromaattisten mallien etuna on, että ne lisäävät syvyyttä, painotusta ja luonnetta; ilman tarvetta tunkeilempaa tekstin koristelua, kuten varjoja.
Yksi parhaista esimerkkeistä tästä on Sodachrome. Suunnitellut Dan Rhatigan ja Ian Moore, Sodachrome koostuu kahdesta erillisestä fontista; jossa silmukat osoittavat vasemmalle ja jossa ne osoittavat oikealle. Aseta erikseen, että nämä kaksi fonttia näyttävät selvästi epätasapainolta, mutta ne on asetettu toisiinsa eri väreillä, ja ne tuottavat houkuttelevan laatatyypin. Sodachromen lisäetuna on se, että kahden värin välinen päällekkäisyys luo kolmannen kasvot, modernin sans-serifin, joka on mallin ytimessä. Näiden kolmen eri mallin välinen vuorovaikutus luo visuaalisen kiinnostuksen Sodachromessa.
Sodachrome Dan Rhatiganin ja Ian Mooren kanssa.
Kromaattisten fonttien kehittäminen Webissä on hieman haastavaa. Mallit, kuten Lisa Lonerganin Knoxville seuraa hyvin perinteisiä roomalaisia ääriviivoja, kuten esimerkiksi Mark Frömbergin pigmentti - joka sisältää 600 merkkiä - eivät sovi helposti vektorin ääriviivoihin.
Knoxville: Lisa Lonergan.
Pigmentti Mark Frömberg.
Kirjasintyypit, jopa grunge-tyyliset kasvot, on suunniteltu ääriviivoiksi. Hahmot voidaan skaalata, värillinen ja välimatkan päässä kuitenkin suunnittelija valitsee. OpenType (OT), TrueType (TT), Web Open Font Format (WOFF) ja lähes kaikki muut käytettävissä olevat muodot toimivat tällä tavoin. Tämä tarkoittaa, että kromaattista muotoilua ei voida määrittää yhdellä tiedostolla. Kuitenkin, jos kromaattinen kirjasintyyppi toimitetaan kahtena erillisenä fonttitiedostona, voimme asettaa toisen päälle helposti.
CSS jopa antaa meille mahdollisuuden kopioida otsikon tyylit sisällön ominaisuuden avulla estämällä sisällön kaksinkertaistamisen merkinnöissä, mikä vaikuttaisi negatiivisesti SEO: iin ja esteettömyyteen.
Perusmuoto on:
Any old title
Ja 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";}Tällä hetkellä kromaattisten kirjasinten puuttuminen webkäyttöön todennäköisesti merkitsee sitä, että niiden käyttö on askel liian pitkälle sivustoille, kuten blogeille, jotka edellyttävät lukuisia otsikoita. Mutta logot tai otsikot, jotka harvoin muuttuvat, kun kuva käyttää hyväksyttävää, kromaattiset kirjasimet ovat elinvoimainen ja kiehtova tapa asettaa tyyppi, joka säilyttää tasainen esteettinen.
Oletko työskennellyt kromaattisten kirjasinten kanssa? Mitä teknisiä vaikeuksia kohtasi? Kerro meille kommentit.