Ett enkelt typografiskt knep för att öka textläsbarheten med upp till 30%
I själva verket handlar typografi om två saker: läsbarhet, som handlar om hur skilda bokstäver, ord och fraser är; och läsbarhet som handlar om hur lätt det är för hjärnan att konvertera dessa element till ett sammanhängande budskap.
Har du någonsin funnit dig själv att läsa en enda textrad två gånger, som om det var två linjer, speciellt när dina ögon är trötta? Det uppstår, eftersom ögat går vilse på sin resa från höger till vänster (eller vänster åt höger beroende på ditt språk) från slutet av en rad till början av nästa. Det är anledningen till att barn spårar linjer med fingret när de lär sig läsa.
Det finns några saker som typografer kan göra för att förhindra problemet, och de är särskilt viktiga i stora mängder kropptext, till exempel nyhetsrapporter eller bloggar. För det första, se till att dina tecken per linje inte är för höga, den längre ögat måste resa större dess chans att gå vilse; För det andra överväga en serif-typsnitt skapar det större horisontella intrycket en större visuell skillnad mellan textlinjer och vitt utrymme, som tjänar samma roll som det ovannämnda barnets finger; Slutligen uppmärksamma ditt ledande, större interlinjeplacering skapar tydligare kanaler för att ditt öga ska följa.
Förutom denna traditionella rådgivning har en ny teknik upptäckts. BeeLine Reader är ett fascinerande nytt plugin för Chrome som visar hur det fungerar.
BeeLine Reader lägger till en färggradient i textrader, vilket gör övergången från slutet av en rad till början av nästa lättare för ögat. Stanford University genomförde ett test med plugin och slutsatsen att BeeLine Reader resulterade i en genomsnittlig läshastighetsökning på 10%; pluginens egen webbplats hävdar att en erfaren läsare kommer att uppleva en ökning med 25-30%.
Du borde kunna läsa texten till höger mycket snabbare än texten till vänster.
Medan jag inte kan säga att jag godkänner att pluginet tvingar text till en enda kolumn eller av de färger de har använt (ful för de flesta och värdelösa för alla med protanopisk färgblindhet) är principen ljudig. Det finns ett gråskaleksempel på BeeLine Reader s webbplats som förbättrar läsbarheten, men skulle inte bryta mot någon branding. En snabb prövning av deras läsprov, visade jag förbättras med 22% med gråversionen.
Även om det inte finns något enkelt sätt att implementera denna typ av design i enkla CSS, är det möjligt att koda som plugin demonstrerar.
Om du utformar stora mängder löpande text - speciellt om andra kontrakter tvingar dig att använda för stora eller linjära höjder som är för små - överväga att applicera denna teknik för att kompensera.
Vad tycker du om BeeLine Reader tekniken? Hur gick du i sitt läsprov? Låt oss veta i kommentarerna.
Utvalda bild / miniatyrbild, färgkodad bild via Shutterstock