Do's and Don'ts of Typography
Eftersom så mycket innehåll tillgängligt på webben är text är det viktigt för webbdesigners att förstå de grundläggande principerna för god typografi. Med sådan kunskap kan designersna kommunicera mer effektivt, så att de kan skapa bättre mönster och webbplatser som är enklare att använda.
För mer erfarna designers kan texten komma naturligt, men för dem som bara har börjat har jag bestämt mig för att sammanställa en lista över de grundläggande gör och inte. Inte bara kommer denna lista att lära dig grundläggande men du kan också använda den som en checklista för att arbeta igenom framtida projekt. Här kommer:
DO skapa en typografisk hierarki
En typografisk hierarki kan etableras genom att använda olika metoder, såsom storlek, vikt, färg och kontrast. Dess syfte är att ge sidstrukturen och styra användaren genom innehållet. Utan en tydlig hierarki blir texten mycket svårare att skanna och därför allmänt svårare att läsa. Ta en titt på exemplen nedan. Till vänster är texten en storlek och en vikt, så det är svårt att skilja mellan rubriker och kroppstext. Samtidigt till höger har vi samma innehåll men med en tydlig typografisk hierarki så är det mycket lättare att skilja mellan de olika elementen.
Här har jag bara använt storlek och vikt för att skapa min hierarki men för ännu bättre resultat kan du försöka experimentera med färg och kontrast också.
Gör inte texten för liten
Inte alla har 20-20 vision så det är viktigt att se till att din kroppstext är tillräckligt stor för att människor ska läsa bekvämt. Personligen skulle jag rekommendera nej mindre än en storlek på 14pt.
Välj en lämplig typsnitt för kroppstexten
En annan viktig faktor när det gäller din kroppstext är läsbarhet. Även om en typsnitt som Satisfy kan passa en design med en handgjord estetik, med hjälp av ett typsnitt som detta för din kroppstektext kommer att ha en negativ inverkan på dina användare. Detta beror på att det är mycket svårare att läsa än ditt genomsnittliga serif eller sans-serif. Titta på exemplen nedan och du kommer att märka hur mycket svårare din hjärna har att arbeta för att få fram orden till vänster jämfört med dem till höger.
Använd INTE för många olika teckensnitt på en sida
Tjänster som Typekit och Google Fonts kan ge dig tillgång till tusentals typsnitt, men det betyder inte att du måste använda dem alla. Som du kan se från exemplet nedan kan det vara väldigt distraherande om det inte går bra med flera teckensnitt. Det är därför jag brukar rekommendera att använda inte mer än 2 eller 3.
Ge din textrum att andas
Brist på vitt utrymme mellan varje rad kan påverka läsbarheten eftersom det gör det svårt för ögat att spåra från en linje till nästa. Detta problem kan emellertid lätt lösas genom att öka dina linjer, men var försiktig så att du inte överdriver det, för mycket utrymme kan också påverka läsbarheten på ett negativt sätt.
Gör INTE kontinuerlig användning av alla kepsar
Människor är inte vana vid att läsa stora bitar av text i alla kepsar och på grund av detta är det faktiskt svårare för människor att läsa. Inte bara det, men folk associerar ofta alla kepsar med rop eller aggression och när det gäller marknadsföringskopiering kan det komma ganska spammigt. På grund av detta är det viktigt att tänka på hur och när du ska använda alla mössor och se till att du använder den i måttlig riktning.
Prova och begränsa punkter till 40-60 tecken per rad
Om en linje är för lång börjar läsaren gradvis förlora fokus och kan ofta ha problem med att läsa från en linje till nästa. Om en linje är för kort orsakar läsarens öga att gå tillbaka för ofta, vilket stör deras rytm. Detta kan också göra att de börjar läsa nästa rad för tidigt, vilket gör att de missar ord från föregående rad. Det är därför som den optimala linjelängden för kroppstext sägs vara cirka 40-60 tecken per rad.
Använd INTE stora mängder centrerad text
Centrerad text är svår att läsa eftersom kanterna i textblocket är ojämna vilket gör det svårare att skanna eftersom varje rad har en annan utgångspunkt. Centrerade textblock är också svåra att anpassa sig till andra objekt på sidan och anses ofta vara ganska amatöriska. Det är därför, som alla kepsar, det är bäst att använda centrerad text i mått och väljer istället för vänsterjusterad text som standard.
Kontrollera att det finns tillräckligt med kontrast mellan din text och bakgrunden
Kontrast är en annan aspekt av typografi som kan påverka läsbarheten. Om det inte finns tillräckligt med kontrast mellan texten och bakgrunden kan innehållet bli oläsligt.
Har du något att lägga till? Vilka tips skulle du få nya designers att börja med? Låt oss veta i kommentarerna.