Text är inte en eftertanke i designprocessen. Det borde vara ditt första övervägande.
Läsbarhet bör vara en av de största problemen när det gäller vilket designprojekt som helst. Om texten inte kan läsas, varför utformar du i första hand? Bra design ger innehåll på ett sätt som är förståeligt. läsbarhet är en stor del av förståelsen. Idag diskuterar vi hur du kan planera en design runt orden så att dina projekt är lätta att läsa.
Vad är läsbarhet?
Vi pratar om läsbarhet mycket när det gäller design. Men läsbarhet och läsbar eller läsbar text är inte helt samma sak. Om någon kan skriva ut bokstäver anses texten läsbar. Det betyder dock inte att orden ordentligt är lätta att läsa eller förstå; de är bara dechiffrerbara.
Läsbarhet är enkelheten med vilken text som kan läsas. Begreppet är en nyckelfaktor när det gäller läsbarhet, som att man snabbt kan se på och förstå bokstäver. Läsbara text kan skannas snabbt, från ett avstånd.
Läsbarhet är också faktorer i orden själva och hur lätt de ska förstå och förstå. (Vissa experter recommenced att texten som skrivs för allmän konsumtion bör inte överstiga en läsnivå för åttonde klass för att maximera läsbarheten.)
Låt oss ta en titt på några av de visuella standarder som bidrar till läsbarhet.
Linjelängd
? Hur länge en linje av spänner kan vara en nyckelfaktor när det gäller läsbarhet och det är nästan osynligt.? Linjer av typ, speciellt i stora block, som är för långa, kan göra att ögonen tröttnar och gör läsning svår. Linje som är för kort resulterar ofta i obekväma raster. Om bindning används, kommer korta rader också att leda till många ordstäver som också kan bryta upp flödet av läsning.
Där du vill att text ska falla är någonstans i det glada mediet. Texten ska vara tillräckligt stor för att läsa med lätthet, men inte så stor att det orsakar udda pausar eller raster i läsning.
Det finns en mängd standarder som bidrar till den perfekta linjelängden (och även några matematiska formler). Ett av de bästa tar hänsyn till bredden på en textram (det här fungerar bäst för tryckta projekt men gäller allt som använder picas som mätverktyg) och delar upp det i halv för att bestämma den optimala teckensnittstorleken. Du kan vanligtvis justera punktstorleken upp eller ner ett par punkter i båda riktningarna från den utgångspunkten.
Så om en kolumn är 36 picas bred (i tryck) skulle texten vara ungefär 18 poäng.
Vad om digitala projekt som mäter i pixlar?
Du kan använda samma formel, men det blir lite mer komplicerat: Det finns 16 pixlar per pica. Så om din ram är 600 pixlar bred, skulle texten vara 18-19 poäng. (600/16 = 37,5 / 2 = 18,75). Personligen tror jag att det här lämnar skriv lite på den stora sidan. Det leder oss till alternativ # 2 för digitala projekt. Ange typ i form av tecken (och mellanslag) per rad.
När det gäller kroppstext är det optimala antalet tecken per rad 50 till 60 enligt en av tidlösa typografihandböckerna? Typografi: En handbok för design? av Emil Ruder. Det intervallet kan förlängas något beroende på vilken typ av typ som används och vilken enhet den ses på. För de flesta projekt är det säkra intervallet för stationära enheter 45 till 75 tecken per rad. Det optimala intervallet för mobila enheter är 35-50 tecken per rad.
Utrymme och kontrast
Utrymme och korrekt kontrast är viktiga komponenter när det gäller läsbarhet. Lettering måste leva i sitt eget utrymme - inte dela med andra bokstäver eller bilder - och färgen på text och bakgrunden måste vara tillräckligt stor för att särskiljas.
Liksom med linjelängd är mellanrum mellan linjer viktigt. Det rekommenderas att mellanslag mellan linjer av typen (kallad ledande) är minst lika med punktstorleken för typen och de flesta digitala designers väljer minst 150 procent av textstorleken. Detta lämnar gott om plats för varje rad i stora textblock som ska läsas. Som med linjelängd, för mycket eller för litet utrymme mellan linjer kan man förstå svårighet.
Designers bör också vara särskilt uppmärksam på utrymmet mellan textblock och andra objekt. Var medveten om textomslag och text som passerar in i gränserna för andra objekt. Text wraps - både vertikala och horisontella - bör vara minst lika med linjens avstånd som används för ett textblock. Undvik att låta textblock röra andra objekt eller element, eller springa över eller ovanpå bilderna.
? Reservera färgad typ för stora eller överdimensionerade ord eller logotyper.?Glöm inte marginalerna. Kom ihåg att lämna lite vitt utrymme runt hela textramen och skapa en nästan osynlig halo. Denna marginal hjälper till att ställa in text förutom andra? Buller? lättare läsaren i kopian.
Tänk på kontrast också. Rymden är ett sätt att skapa kontrast; en annan är färg. Svart text på en blek bakgrund är ett populärt val för bloggar och böcker eftersom stora kopieringsblock måste skilja sig från mediet (papper eller skärm). När det gäller textblock för läsning, håll fast vid enkla färgval som svart, vitt eller grått som sticker ut från bakgrunden. Reservera färgad typ för stora eller överdimensionerade ord eller logotyper.
Hyphenation och Word Breaks
En av de mest irriterande sakerna som stöter på som en läsare är en jätte bindestreck mitt i en rubrik eller ett underhuvud som sträcker sig över tre eller fyra linjer djupt. Var särskilt uppmärksam på dessa detaljer när du ställer in typ eftersom de kan vara både försvårande för läsare och svårt att förstå.
Hyphens gör att läsarna stoppar och pausar mitt i ett ord. De bör elimineras från stor typ och möbler - allt större än 25 poäng - och används med försiktighet i liten typ.
Några bindestreck är acceptabla i stora kopieringsblock, men överväga att ange ett begränsat antal bindestreck per stycke.
Dåliga skriv- och ordbrott kan vara lika grymt för läsare. Försök att hålla rubriker och underrubriker korta, enkla och direkta. Undvik långa fraser och håll formuläret terskt. Ge läsarna en smak av texten som ska komma och locka dem att läsa mer.
När du arbetar med digitala och webbprojekt, överväga massor av pauser och underrubriker för stora mängder kopia (vi kommer se att vi gör det här med Design Shack-artiklar). Dessa raster gör text lättare att smälta visuellt och gör längre kopia verkar mindre skrämmande att läsa.
Inriktning
Oavsett om texten ligger i mitten, till vänster eller till höger om ett dokument eller skärm, är det också viktigt och kan påverka läsbarheten väsentligt. I allmänhet är den starka anpassningen för text vänsterjusterad. Vänsterjustering fungerar eftersom den speglar hur du läser - från vänster till höger. Du vet var varje rad slutar och var nästa börjar.
Rätt och rättvisa anpassningar kan vara svåra att använda. Högerjustering är bäst reserverad för små textblock, till exempel stora citat eller konstnärliga textelement. Rättfärdig text kräver strikt perfekt bindning och motiveringsspecifikationer och används bäst i en icke-flytande miljö. Därför ser du det oftast inom ramen för utskriftsdesign.
Centrerad text, medan den är populär, låter sig inte läsbarhet. Det kan fungera för små textblock men ska inte användas för mer än några rader. (Kolla in den här tidigare Design Shack-posten om hur man använder centrerade justeringar för idéer och exempel.) Svårigheten med centrerad text är att det kan vara svårt för ögat att veta var saker startar och slutar eftersom linjerna är ragged på båda sidor av kopia blocket.
Läsbarhetsverktyg
- Readability Test Tool: Ange en webbadress (eller ett block av text direkt) och få en matematiskt beräknad läsbarhetspoäng. Du får snabba och lättillgängliga resultat, till exempel läsbetyg och betyg på ett antal läsbarhetsindex, plus en övergripande analys. Verktyget innehåller också en smidig bokmärke.
- Läsbarhet: Denna webbläsare plugin och app gör en webbsida till en ren vy för läsning och låter dig samla sidor att läsa senare.
- Juicy Studio Readability Test: Läs mer om alla olika läsbarhetsprov och algoritmer och hur du förstår vad som betyder och hur det kan relatera till dina projekt.
- Information Architects? Den 100% Easy-2-Read Standard :? Denna artikel som skrevs 2006 innehåller en läsbarhet checklista av sorter. Medan den främst gäller webbdesign, är många tips tankeväckande och gäller fortfarande idag.
Slutsats
Design för läsbarhet eller stör inte med att använda text alls. Om du vill att innehållet ska vara effektivt måste det vara läsbart. Genom att utforma med läsbarhet i åtanke gör du dina läsare och användare en tjänst.
Med så mycket information där ute brukar användare se (eller klicka) bort från text som inte är lätt att förstå i en blixt. Det är läsare, eller potentiella kunder, som du aldrig får komma tillbaka.