Kerning er mellemrummet mellem individuelle bogstaver. Det er et almindeligt udtryk i webdesign, og det bruges til at skabe jævn afstand mellem tekstelementer. Som standard anvender de fleste browsere en vis mængde kerning på tekst, men du kan justere kerningen manuelt.
Knibning er vigtig af to grunde: for det første kan det gøre teksten mere læsbar; for det andet kan det hjælpe med at skabe et mere ensartet visuelt hierarki. Når det gøres korrekt, kan knibning gøre en stor forskel i, hvordan dine websider ser ud.
Der er et par forskellige måder at justere kerning på. Den mest almindelige metode er at bruge CSS-egenskaben "letter-spacing". Denne egenskab giver dig mulighed for at angive den nøjagtige mængde afstand, du ønsker mellem hvert bogstav. Du kan også bruge egenskaben "kerning", som giver dig mere kontrol over, hvordan kerning anvendes.
Nogle onlineværktøjer kan hjælpe dig med kerning, hvis du ikke er tryg ved at arbejde med kode. Typekits funktion "Optical Kerning" er en god mulighed for at bruge Adobe Photoshop eller Illustrator. Adskillige browserudvidelser kan hjælpe med kerning, f.eks. KernType og KernJS.
Vigtigheden af kerning i webdesign
Der er et par ting, du skal huske på, når du kerner din webtekst:
1. Sørg for, at afstanden mellem bogstaverne er ensartet. Ujævn afstand mellem bogstaverne kan få din tekst til at se rodet og uprofessionel ud.
2. Vær opmærksom på afstanden mellem ord såvel som bogstaver. For meget plads mellem ord kan gøre din tekst svær at læse, mens for lidt plads kan få den til at se trang og rodet ud.
3. Brug et værktøj som Adobe Photoshop eller Illustrator til at hjælpe dig med kerning. Disse programmer giver dig mulighed for at se afstanden mellem bogstaver og visuelt justere dem i overensstemmelse hermed.
4. Knibestruktur er især vigtig for store tekststykker, såsom overskrifter og afsnit. Opdeling af tekst i mindre blokke kan også forbedre læsbarheden.
Ved at følge disse tips sikrer du, at din webtekst ser ren, professionel og letlæselig ud!
Forskellige typer af kerningteknikker
Et par typer kerningteknikker kan bruges, når man designer web. Den mest almindelige er at bruge CSS-egenskaben "letter-spacing" til at justere afstanden mellem bogstaver. Dette kan gøres enten i pixels eller procenter. En anden teknik er at bruge egenskaben "word-spacing" til at justere ordafstanden. Igen kan dette gøres enten i pixels eller procenter. Endelig kan du også bruge egenskaben "white-space" til at tilføje ekstra mellemrum mellem tekstlinjer.
Hvordan måler og justerer man kerning?
Kerning er afstanden mellem individuelle bogstaver. For at måle kerning skal du bruge en lineal eller et målebånd til at bestemme afstanden mellem to specifikke bogstaver. For at justere kerning skal du bruge kerningværktøjet i dit designprogram.
Bedste praksis for kerning i webdesign
Som en generel regel bør kerning anvendes sparsomt i webdesign. Dette skyldes, at de fleste websider vises på enheder med små skærme, såsom smartphones og tablets. Når teksten vises på disse mindre skærme, kan en for stram kerning gøre det vanskeligt at læse teksten.
Der er dog et par undtagelser fra denne regel. Et eksempel er, når designere arbejder med store overskrifter eller displaytekst. I disse tilfælde kan strammere kerning skabe en mere effektfuld visuel effekt.
En anden undtagelse er, når man kombinerer to forskellige skrifttyper i ét design. I disse tilfælde er det ofte nødvendigt at justere kerningen mellem de to skrifttyper, så de fungerer godt sammen.
I sidste ende er den bedste måde at afgøre, om kerning er nødvendig for et bestemt design, at træde tilbage og se på den overordnede komposition. Yderligere justeringer er ikke nødvendige, hvis teksten ser afbalanceret og letlæselig ud. Let kerning kan dog være nødvendig, hvis teksten ser trang eller svær at læse ud.
Konklusion
Kerning er et vigtigt aspekt af webdesign, der påvirker et websteds udseende og funktionalitet. Ved at anvende kerningteknikker korrekt kan designere sikre, at deres tekst ser visuelt tiltalende og læselig ud. Derudover kan designere ved at justere kerning, så den matcher specifikke skrifttyper eller bogstavkombinationer, yderligere forbedre deres websteders æstetik. Med disse tips i tankerne burde du nu være godt rustet til at bruge kerning til nye højder!
