Kerning är avståndet mellan enskilda bokstäver. Det är en vanlig term inom webbdesign och används för att skapa jämnt avstånd mellan textelement. Som standard tillämpar de flesta webbläsare en viss mängd kerning på text, men du kan justera kerningen manuellt.
Kerning är viktigt av två skäl: för det första kan det göra texten mer läsbar; för det andra kan det bidra till att skapa en mer konsekvent visuell hierarki. När det görs korrekt kan kerning göra stor skillnad i hur dina webbsidor ser ut.
Det finns några olika sätt att justera kerning. Den vanligaste metoden är att använda CSS-egenskapen "letter-spacing". Den här egenskapen låter dig ange exakt hur mycket avstånd du vill ha mellan varje bokstav. Du kan också använda egenskapen "kerning", vilket ger dig mer kontroll över hur kerning tillämpas.
Vissa onlineverktyg kan hjälpa dig med kerning om du inte känner dig bekväm med att arbeta med kod. Typekits funktion "Optisk kerning" är ett bra alternativ för att använda Adobe Photoshop eller Illustrator. Flera webbläsartillägg kan hjälpa till med kerning, till exempel KernType och KernJS .
Vikten av kerning i webbdesign
Det finns några saker att tänka på när du kernar din webbtext:
1. Se till att avståndet mellan bokstäverna är konsekvent. Ojämnt bokstavsavstånd kan göra att din text ser rörig och oprofessionell ut.
2. Var uppmärksam på avståndet mellan ord såväl som bokstäver. För mycket avstånd mellan ord kan göra din text svårläst, medan för lite avstånd kan få den att se trång och rörig ut.
3. Använd ett verktyg som Adobe Photoshop eller Illustrator för att få hjälp med kerning. Med dessa program kan du se avståndet mellan bokstäver och visuellt justera det därefter.
4. Kerning är särskilt viktigt för stora textstycken, som rubriker och stycken. Att dela upp text i mindre block kan också bidra till att förbättra läsbarheten.
Genom att följa dessa tips ser du till att din webbtext ser ren, professionell och lättläst ut!
Olika typer av kerningtekniker
Några typer av kerningtekniker kan användas vid webbdesign. Den vanligaste är att använda CSS-egenskapen "letter-spacing" för att justera avståndet mellan bokstäver. Detta kan göras antingen i pixlar eller procent. En annan teknik är att använda egenskapen "word-spacing" för att justera ordavståndet. Återigen kan detta göras antingen i pixlar eller procent. Slutligen kan du också använda egenskapen "white-space" för att lägga till extra avstånd mellan textrader.
Hur mäter och justerar man kerning?
Kerning är avståndet mellan enskilda bokstäver. För att mäta kerning, använd en linjal eller ett måttband för att bestämma avståndet mellan två specifika bokstäver. För att justera kerning, använd kerningverktyget i ditt designprogram.
Bästa praxis för kerning i webbdesign
Som en allmän regel bör kerning användas sparsamt i webbdesign. Detta beror på att de flesta webbsidor visas på enheter med små skärmar, såsom smartphones och surfplattor. När texten visas på dessa mindre skärmar kan alltför snäv kerning göra det svårläst.
Det finns dock några undantag från denna regel. Ett exempel är när designers arbetar med stora rubriker eller displaytext. I dessa fall kan en tätare kerning skapa en mer slagkraftig visuell effekt.
Ett annat undantag är när man kombinerar två olika typsnitt i en och samma design. I dessa fall är det ofta nödvändigt att justera kerningen mellan de två typsnitten så att de fungerar bra tillsammans.
I slutändan är det bästa sättet att avgöra om kerning är nödvändig för en viss design att ta ett steg tillbaka och titta på den övergripande kompositionen. Inga ytterligare justeringar behövs om texten ser balanserad och lättläst ut. Lätt kerning kan dock krävas om texten ser trång eller svårläst ut.
Slutsats
Kerning är en viktig aspekt av webbdesign och påverkar en webbplats utseende och känsla. Genom att tillämpa kerningtekniker korrekt kan designers säkerställa att deras text ser visuellt tilltalande och läsbar ut. Dessutom, genom att justera kerning för att matcha specifika typsnitt eller bokstavskombinationer, kan designers ytterligare förbättra estetiken på sina webbplatser. Med dessa tips i åtanke borde du nu vara väl rustad för att använda kerning till nya höjder!
