Kerning is de ruimte tussen afzonderlijke letters. Het is een veelgebruikte term in webdesign en wordt gebruikt om een gelijkmatige afstand tussen tekstelementen te creëren. Standaard passen de meeste browsers een bepaalde hoeveelheid kerning toe op tekst, maar je kunt de kerning handmatig aanpassen.
Kerning is om twee redenen essentieel: ten eerste kan het de leesbaarheid van de tekst verbeteren; ten tweede kan het bijdragen aan een consistentere visuele hiërarchie. Correct toegepaste kerning kan een groot verschil maken in het uiterlijk van uw webpagina's.
Er zijn verschillende manieren om de spatiëring tussen letters aan te passen. De meest gebruikelijke methode is het gebruik van de CSS-eigenschap "letter-spacing". Met deze eigenschap kunt u de exacte afstand tussen de letters specificeren. U kunt ook de eigenschap "kerning" gebruiken, waarmee u meer controle hebt over hoe de spatiëring wordt toegepast.
Sommige online tools kunnen je helpen met kerning als je liever niet met code werkt. De functie "Optical Kerning" van Typekit is een goede optie voor gebruik met Adobe Photoshop of Illustrator. Verschillende browserextensies kunnen ook helpen bij kerning, zoals KernType en KernJS.
Het belang van kerning in webdesign
Er zijn een paar dingen waar je rekening mee moet houden bij het spatiëren van je webtekst:
1. Zorg ervoor dat de afstand tussen de letters consistent is. Ongelijkmatige letterafstand kan uw tekst er rommelig en onprofessioneel uit laten zien.
2. Let op de ruimte tussen woorden en letters. Te veel ruimte tussen woorden kan de tekst moeilijk leesbaar maken, terwijl te weinig ruimte de tekst krap en rommelig kan laten lijken.
3. Gebruik een programma zoals Adobe Photoshop of Illustrator om je te helpen met de spatiëring tussen letters. Met deze programma's kun je de afstand tussen letters zien en deze visueel aanpassen.
4. Kerning is vooral belangrijk voor grote stukken tekst, zoals kopjes en alinea's. Het opdelen van tekst in kleinere blokken kan ook de leesbaarheid verbeteren.
Door deze tips op te volgen, zorgt u ervoor dat uw webtekst er netjes, professioneel en gemakkelijk leesbaar uitziet!
Verschillende soorten kerningtechnieken
Bij het ontwerpen van websites kunnen verschillende kerningtechnieken worden gebruikt. De meest voorkomende is het gebruik van de CSS-eigenschap "letter-spacing" om de afstand tussen letters aan te passen. Dit kan in pixels of percentages. Een andere techniek is het gebruik van de eigenschap "word-spacing" om de woordafstand aan te passen. Ook dit kan in pixels of percentages. Ten slotte kunt u ook de eigenschap "white-space" gebruiken om extra ruimte tussen tekstregels toe te voegen.
Hoe meet en pas je de spatiëring tussen letters (kerning) aan?
Kerning is de ruimte tussen afzonderlijke letters. Om kerning te meten, gebruikt u een liniaal of meetlint om de afstand tussen twee specifieke letters te bepalen. Om kerning aan te passen, gebruikt u de kerningtool in uw ontwerpsoftware.
Beste werkwijzen voor kerning in webdesign
In het algemeen geldt dat kerning spaarzaam moet worden toegepast in webdesign. Dit komt omdat de meeste webpagina's worden weergegeven op apparaten met kleine schermen, zoals smartphones en tablets. Op deze kleinere schermen kan te krappe kerning de tekst moeilijk leesbaar maken.
Er zijn echter een paar uitzonderingen op deze regel. Een voorbeeld hiervan is wanneer ontwerpers werken met grote koppen of opvallende tekst. In deze gevallen kan een kleinere spatiëring tussen de letters een krachtiger visueel effect creëren.
Een andere uitzondering is wanneer twee verschillende lettertypen in één ontwerp worden gecombineerd. In dergelijke gevallen is het vaak nodig om de spatiëring tussen de twee lettertypen aan te passen, zodat ze goed bij elkaar passen.
Uiteindelijk is de beste manier om te bepalen of kerning nodig is voor een bepaald ontwerp, om de algehele compositie te bekijken. Verdere aanpassingen zijn niet nodig als de tekst er evenwichtig en goed leesbaar uitziet. Lichte kerning kan echter nodig zijn als de tekst er krap uitziet of moeilijk leesbaar is.
Conclusie
Kerning is een essentieel aspect van webdesign en heeft een grote invloed op de uitstraling van een website. Door kerningtechnieken correct toe te passen, kunnen ontwerpers ervoor zorgen dat hun tekst er visueel aantrekkelijk en leesbaar uitziet. Bovendien kunnen ontwerpers, door kerning aan te passen aan specifieke letterstijlen of lettercombinaties, de esthetiek van hun websites verder verbeteren. Met deze tips in gedachten bent u nu goed voorbereid om kerning optimaal te benutten!