Innhold
Når du går fra trykk til digital, er det en åpenbar og viktig forskjell å ta i betraktning når det gjelder typografi. I motsetning til trykk, i digital design, vil ikke typen din forbli statisk.
"Den trykte typen kan kontrolleres tett, med resultatet nøyaktig slik designeren hadde til hensikt," sier Jack Statham, midtvektdesigner hos Ragged Edge. "Men typografi på skjermen kan gjengis med forskjellige detaljnivåer for forskjellige brukere, avhengig av enhet."
Det betyr ikke at typografi mister sin betydning, skjønt; ganske omvendt. "De siste årene har web- og appdesign kvitt seg overflødig dekorasjon og gir nå mer plass til innhold, og derfor til tekst," forklarer Massimiliano Frangi, senior designdirektør i CBA Italia. "Så valget av en flott skrift er nå et sentralt element for å lykkes med et webprosjekt."
De siste årene har web- og appdesign kvitt seg overflødig dekorasjon
I dag er spesialiserte webskrifter optimalisert for å vises så rent og konsekvent som mulig på tvers av flere enheter og skjermoppløsninger. "Ofte har skrifttyper designet for utskrift blekkfeller og høy kontrast i strekbredde," sier Statham. "Typografier designet for nettet har vanligvis mer jevne slagvekter, høyere x-høyder og mer åpne boller og benkeplater."
Alt dette betyr at hvis designet ditt skal fungere, se bra ut og være lesbart på flere enheter, skjermstørrelser og retninger, er det viktig å velge riktig skrift nøye og vise den riktig.
Lesbarhet er nøkkelen
"Bare fordi et skrift er vakkert, betyr det ikke at det kan leses i alle størrelser," sier Martha Lisboa, digital designer ved CBA Paris. "Så unngå sprø skrifttyper, kondenserte stiler og bokstavformer med tynne streker. Og vær oppmerksom på at typeeffekter som skygger eller fasader kan se bra ut i større størrelser, men ikke fungerer på små skjermer.
"Kort fortalt, gå med noe enkelt og med en standardvekt for å sikre lesbarhet på alle enheter, spesielt for lange avsnitt med tekst."
Når det gjelder typesetting, er hierarki alltid viktig, men det blir spesielt når folk bruker det interaktive designet for å oppnå et mål, sier Statham.
"Du har et begrenset område der du kan angi type og reduserte navigasjons- og veifinningselementer," påpeker han. "Så et tydelig typehierarki hjelper en bruker til raskt å finne veien rundt skjermen, og fungerer som en stenografi for brukeren å fordøye informasjonen på skjermen."
Alexandra Lofthouse, senior UX-designer i Fifteen, er enig og påminner oss om at folk vanligvis ikke bruker apper til å lese store tekstavsnitt. "Så tekst skal være lett å lese og fordøye," understreker hun. "Dette kommer ned på tonen i stemmen som brukes i hele kopien, og den typografiske stilen som smelter sammen på en interessant og engasjerende måte."
Og selvfølgelig er lesbarhet enormt viktig i digital. "Spesielt i lange tekstpassasjer er målet å gjøre typografi‘ usynlig ', ved at brukeren er i stand til å overføre et avsnitt raskt, uten å måtte fokusere for hardt på hver bokstavform, "sier Statham.
Han råder deg "ta hensyn til avsnittmål; hold dem mellom 45-75 tegn. Gi sjenerøs avstand mellom linjene: sikte på en minimum linjehøyde på 1,5 for kroppskopi. Sikt for en liten økning i sporing, for å gi type rom til pust. Og velg en rimelig punktstørrelse: faktisk tegnstørrelse varierer mellom skriftene, men 16 piksler er et godt minimum. "
Tilgjengelig typografi
Farge er også et viktig hensyn når det gjelder lesbarhet, bemerker han. "Bakgrunnsbelyste skjermer kan øke kontrasten mellom rent svart og hvitt, noe som kan være slitsomt for øynene, så bruk av en mykere svart for tekst eller lysegrå bakgrunn kan gjøre teksten mer lesbar. Det er også noen få apper, for eksempel Kontrast, som vi bruker ofte for å sikre at fargekombinasjoner i en teksttekst er i samsvar med gjeldende tilgjengelighetsstandarder. "
Lee Carroll, interaksjonsdesigner i Seymourpowell, gir lignende råd. "Se opp for mangel på kontrast mellom tekst og bakgrunnsfarger," sier han. "Bruk Snook.ca-fargekontrastkontrollen for å sikre at forholdet er høyt nok for en dobbel-A eller trippel-A-tilgjengelighetsstandard." Han foreslår også å huske at det kanskje ikke er fargen alene som må endres for å løse noen av disse problemene, noen ganger er det tykkere eller større tekst som trengs for å øke kontrasten.
Og alt dette bare for å begynne med: I 2018 utvikler feltet seg i rasende tempo. "Teknologien vi bruker for å vise type endrer seg hele tiden, og derfor endres også kravene til typen på skjermen," sier Statham. "Prototypo, for eksempel, har noen utrolige funksjoner i skrifttypene som lar deg bruke en skriftfil i flere tilfeller. Du kan ha finere serifs på overskriftene enn i bildetekstene dine i mindre størrelser, for eksempel, eller reduser bredden på tegnene på smalere visningsfelt. Nettleserstøtten øker hele tiden, så vi håper å bruke dette snart. "
Og å holde seg foran denne kurven betyr også å være i god forbindelse med dine mer teknisk tenkende kolleger, sier Dan Bradshaw, designdirektør i TH_NK.
"En av hovedforskjellene med digital typografi sammenlignet med trykk er at når du har designet den, må den bygges," påpeker han. "Så bli vennlig med en utvikler hvis du ikke er så kjent med kodesiden av ting, for å sikre at designene dine kan få liv til akkurat som du har lagt dem ut."
Denne artikkelen ble opprinnelig publisert i Computer Arts, verdens mest solgte designmagasin. Kjøp utgave 277 her eller abonner på Computer Arts her.
