Kromatiske skrifttyper og flat design
Nettets økende infatuasjon med flat design har ført til en rask avvisning av artifice som drop shadows, til fordel for et renere mer formbasert utseende. Men dette etterlater designeren et problem: hvordan stiler du stilen til å være levende samtidig som du overholder prinsippene med flatt design?
En løsning er fornyet interesse for kromatiske skrifttyper. I utbredt bruk i 19-tallet treblokkutskrift bruker kromatiske typer ansikter flere farger for å definere forskjellige områder. Dette er den polære motsatte tilnærmingen til moderne logo design, der vi læres at figurene må fungere i en enkelt tone.
Fordelen med kromatisk design er at de legger til dybde, vekt og karakter; uten behov for mer påtrengende tekstdekorasjoner som skygger.
Et av de beste eksemplene på dette er Sodachrome. Designet av Dan Rhatigan og Ian Moore består Sodachrome av to separate skrifttyper; en som serifs peker til venstre, og en der de peker til høyre. Sett individuelt, ser de to skrifttyper tydelig ubalansert, men legges over hverandre i forskjellige farger, de gir en attraktiv slab-serif. Den ekstra fordelen med Sodachrome er at overlappingen mellom de to fargene skaper et tredje ansikt, et moderne sans-serif, i hjertet av designet. Den visuelle interessen i Sodachrome er skapt av samspillet mellom disse tre forskjellige designene.
Sodachrome av Dan Rhatigan og Ian Moore.
Utvikling av kromatiske fonter til bruk på nettet er noe av en utfordring. Mens design som Lisa Lonergans Knoxville Følg veldig tradisjonelle romerske skisser, design som Mark Frömbergs pigment - som har 600 tegn - passer ikke lett inn i vektorformatformater.
Knoxville av Lisa Lonergan.
Pigment av Mark Frömberg.
Typefaces, selv grunge stil ansikter, er utformet som en disposisjon. Konturene kan skaleres, farget og avstand, men designeren velger. OpenType (OT), TrueType (TT), Web Open Font Format (WOFF) og nesten alle andre tilgjengelige format fungerer på denne måten. Dette betyr at en kromatisk design ikke kan spesifiseres i en enkelt fil. Imidlertid, forutsatt at kromatisk skrifttype leveres som to separate skriftfiler, kan vi legge den ene over den andre ganske enkelt.
CSS vil til og med tillate oss å kopiere tittelen i stilene ved hjelp av innholdsegenskapen , og unngår å fordoble innholdet i oppslaget som vil ha en negativ innvirkning på SEO og tilgjengelighet.
Det grunnleggende formatet er:
Any old title
Og i 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";}For øyeblikket er mangelen på kromatiske skrifter som blir produsert for bruk på Internett, sannsynlig at deres bruk er et skritt for langt for nettsteder som blogger som krever mange overskrifter. Men for logoer eller overskrifter som sjelden endres, hvor bruk av et bilde er akseptabelt, er kromatiske skrifttyper en levende og engasjerende måte å sette type på, som beholder en flat estetikk.
Har du jobbet med kromatiske skrifttyper? Hvilke tekniske problemer oppsto du? Gi oss beskjed i kommentarene.