Typisk handler typografi om to ting: lesbarhet, som er opptatt av hvordan skillebare bokstaver, ord og uttrykk er; og lesbarhet som omhandler hvor lett det er for hjernen å konvertere disse elementene til en sammenhengende melding.

Har du noen gang funnet deg selv å lese en enkelt tekstlinje to ganger, som om det var to linjer, spesielt når øynene dine er trette? Det oppstår, fordi øyet går tapt på reisen fra høyre til venstre (eller venstre til høyre, avhengig av språk) fra slutten av en linje til starten av det neste. Det er grunnen til at barn sporer linjer med fingeren når de blir lært å lese.

Det er noen ting som typografer kan gjøre for å forhindre problemet, og de er spesielt viktige i store mengder kroppstekst, som nyhetsrapporter eller blogger. For det første, sørg for at tegnene dine per linje ikke er for høye, den lenger øyet må reise jo større er sjansen for å gå seg vill, For det andre å betrakte en serif-skrifttype, gir det større horisontale inntrykk større visuell forskjell mellom tekstlinjer og hvitt mellomrom, som tjener samme rolle som den ovennevnte barnets finger; til slutt, legg stor oppmerksomhet til ditt ledende, større mellomromavstand, skaper klarere kanaler for at øyet ditt skal følge.

I tillegg til dette tradisjonelle råd har en ny teknikk blitt oppdaget. BeeLine Reader er et fascinerende nytt plugin for Chrome som demonstrerer hvordan det fungerer.

BeeLine Reader legger til en fargegradient i tekstlinjer, noe som gjør overgangen fra slutten av en linje til starten av den neste lettere for øyet. Stanford University utførte en test ved hjelp av plugin og konkluderte med at BeeLine Reader resulterte i en gjennomsnittlig lesehastighetsøkning på 10%; Pluginets eget nettsted hevder at en erfaren leser vil oppleve en økning på 25-30%.

prøve

Du bør kunne lese teksten til høyre mye raskere enn teksten til venstre.

Selv om jeg ikke kan si at jeg godtar pluginet, tvinger tekst til en enkelt kolonne, eller av de fargene de har brukt (stygg for de fleste og ubrukelige for alle som har protanopisk fargeblindhet), er prinsippet lyd. Det er et gråskalaeksempel på BeeLine Reader nettsted som forbedrer lesbarheten, men vil ikke krenke noen merkets merkevarebygging. En rask prøveversjon av deres lesingstest, viste jeg forbedret med 22% ved hjelp av den grå versjonen.

Selv om det ikke er noen enkel måte å implementere denne typen design på i enkle CSS, er det mulig å kode som plugin demonstrerer.

Hvis du designer store mengder løpende tekst - spesielt hvis andre kontrakter tvinger deg til å bruke kolonner som er for store eller linjehøyde som er for små - vurdere å bruke denne teknikken for å kompensere.

Hva synes du om BeeLine Reader teknikk? Hvordan gikk du i lesingstesten? Gi oss beskjed i kommentarene.

Utvalgt bilde / miniatyrbilde, fargekodet bilde via Shutterstock