Hvad er Kerning?

Der er flere teknikker, som designere kan bruge til at få typografien til at skille sig ud i deres grafiske designprojekter. Kerning er en af dem. Så lad os dykke dybt ned i kaninhullet for at lære, hvordan vi kan skabe bedre design ved hjælp af dette enkle værktøj.

At være en god designer kræver et skarpt øje. Man kan også sige, at perfektionisme er en del af jobbet. Selv om denne opmærksomhed på detaljer måske ikke forstås i andre brancher, er det netop denne kvalitet, der adskiller designere fra andre.

Ifølge denne logik skal alle hjørner og kroge i dit design have opmærksomhed - selv afstanden mellem to bogstaver. Selv om dine kunder eller andre, der ikke er professionelle designere, måske ikke forstår nuancerne i kerning, vil de helt sikkert kunne se et dårligt kerningarbejde, især hvis det er en katastrofe.

Og det stopper ikke her. Nogle gange er en skrifttypes standard kerning ikke ideel for visse glyfkombinationer, så du skal justere den manuelt, så afstanden mellem alle bogstaverne ser ensartet ud.

Billedkilde: Cgfrog

Skrifttyper udfører et magisk trick med vores øjne, der ligner en optisk illusion. Hvis du ville fjerne afstanden mellem alle bogstaver i et ord lige meget fra hinanden, ville det ikke se jævnt ud. Det skyldes, at hvert bogstav har en unik form og en bestemt mængde negativt rum.

Det er vigtigt at bemærke, at kerning er en visuel øvelse; det handler om den opfattede afstand mellem bogstaverne snarere end afstanden mellem dem. Det drejer sig om at justere typografien, så den ser rigtig ud, snarere end at skabe matematisk lige store mellemrum.

Kun ved at øve dig kan du udvikle et øje for tegningernes rumfornemmelse. Og det er du kommet til det rette sted for at gøre det! Lad os begynde med teorien.

Hvad er Kerning?

Kerning definerer både en proces og et begreb. Det er navnet på afstanden mellem tegn. Men det er også en handling, hvor man justerer afstanden mellem tegn for at få teksten til at se bedre ud, blive mere anvendelig eller begge dele.

Der er flere teknikker, som designere kan bruge til at få typografien til at skille sig ud i deres grafiske designprojekter. Kerning er en af dem. Så lad os dykke dybt ned i kaninhullet for at lære, hvordan vi kan skabe bedre design ved hjælp af dette enkle værktøj.

Mens du kan stole på den forudbestemte kerning i de skrifttyper, du bruger, giver det os designere meget mere kontrol, når vi laver tekster, når vi justerer kerning.

Men husk, at du ikke behøver at justere kerning for alle dine designelementer.

Er jeg nødt til at bruge Kern på alle typer hele tiden?

Absolut ikke. Mens designere overvejer kerning i de fleste projekter, bør det være dit hemmelige våben i typografiske kompositioner med store overskrifter og blokke af tekster.

I andre tilfælde, når du arbejder med store mængder tekst, bør standardindstillingerne for kerning være tilstrækkelige. Teoretisk set bør der ikke være nogen kerningproblemer ved typiske tekststørrelser som 10, 11 eller 12 point. Desuden ville det tage alt for lang tid at gennemgå en side fuld af tekst og kerne bogstaver et for et. Hvem har tid til det?

Her er nogle mere specifikke eksempler på, hvornår kerning vil være din bedste ven:

1. Overskrifter

Overskrifter er normalt det centrale punkt i mange designs, så de siger meget om æstetikken i dit overordnede layout. Overskrifter skal være fremragende for at tiltrække opmærksomhed..,

For det første skal alle bogstaverne i din overskrift være placeret med en afstand, der ser ud og føles rigtig. Du må aldrig lade afstanden mellem bogstaverne i en overskrift være uberørt.

Men du kan også udtrykke følelser gennem kerning. Hvis bogstaverne står tæt sammen, kan det give indtryk af dynamik, mens bogstaver med en stor afstand imellem giver en følelse af en rolig og fredfyldt atmosfære.

Billedkilde: Laptrinhx

2. Typografiske logoer

Et logo er nok det mest kritiske sted, hvor designere skal bruge deres kerningmuskler.

Tag en bestemt skrifttype og tilføj en interessant kantning til den, og så har du et smukt logo. Så enkelt er det. Udfordringen ligger dog i at vælge skrifttyper, der passer til brandet, at vide, hvornår man skal stoppe, og at få det til at se ubesværet ud.

Billedkilde: Kilde: Icons 8 Blog

3. Skiltning

Kerning er også vigtigt, når du laver skiltning til din virksomhed eller dine kunder, da det kan påvirke, hvor klart dit budskab fremstår.

Hvad hvis skrifttypen allerede er blevet kerned?

Takket være den magiske typeteknologi har mange aktuelle skrifttyper specielle regler, som designeren af den pågældende type allerede har fastlagt på forhånd for metrisk kerning. De fleste typer har disse indstillinger indbygget.

Gør de det alle sammen? Nej. Hvordan kan man se det?

For det første står det i mange tilfælde i beskrivelsen af den skrifttype, du downloader, i den faktiske skrifttypefil.

Men der findes også smarte værktøjer som Wakamai Fondue, hvor du kan indsætte din skrifttype, og så fortæller den dig, om den er blevet kernet metrisk eller ej.,

Desuden giver nogle værktøjer dig mulighed for at slå den metriske kerning til og fra, afhængigt af projektets karakter. Behold den slået til for brødtekster og undertekster. Designeren, der har lavet skrifttypen og derfor defineret de metriske kerningindstillinger, har brugt meget tid på hvert enkelt bogstav og har et indgående kendskab til, hvad der ser godt ud. Brug det til din fordel.

Men igen, når det gælder logoer og overskrifter, er det bedre at tage styringen, fordi du har et mere indgående kendskab til dit projekt og bedre forstår dets krav.

Typer af Kerning

Der er altså fem typer af Kerning:

Metrisk inddeling

Baserer sig på oplysningerne om tegnafstand i skrifttypen. Når du bruger denne kerning, ser du skrifttypen på den måde, som skrifttypedesignerne oprindeligt havde tænkt sig. Metrisk kerning bruger normalt kerningpar, som er inkluderet i de fleste skrifttyper.

Optisk udligning ‍

Den er baseret på at justere afstanden mellem tilstødende tegn i overensstemmelse med bogstavformerne. Nogle skrifttyper indeholder robuste kerneparspecifikationer (som nævnt ovenfor). Men hvis en skrifttype kun har minimal indbygget kerning eller ingen, eller hvis du bruger forskellige skrifttyper eller størrelser i en linje, kan du bruge den optiske kerningindstilling.

Kontekstuel kantning ‍

Vedrører justering af mellemrum på mere end to på hinanden følgende tegn. Når du kerner, kan du bemærke, at afstanden mellem et bestemt bogstav ikke kun afhænger af det foregående bogstav, men også af det efterfølgende.

Eksempel på Automatisk indsnøring anvendelse af skrifttypen Gill Sans.

Automatisk indsnøring

Henviser til standardafstand i en skrifttype

Manuel indsnøring ‍

Det er, når en designer tilsidesætter den automatiske kerning for at skabe brugerdefineret kerning.

Hvorfor Kern?

Udfordringen ved godt design er at formidle dit budskab så klart og hurtigt som muligt. Det handler ikke kun om at skabe noget visuelt tiltalende. Kerning er et værktøj, som designere bruger til at øge klarheden i deres budskab. Den mindste ændring kan straks påvirke virkningen af et stykke indhold.

Desuden kan kerning formidle elegance og sofistikerethed og give et indblik i, hvor meget et mærke lægger vægt på detaljerne. At designe et logo er en del videnskab og en del kunst, og hver eneste millimeter kan betyde skønhed eller katastrofe. Den måde, hvorpå du placerer dine typer, kan øjeblikkeligt ændre den måde, folk opfatter dit mærke på.

Hvis vi forstår kerningens historie, er der en simpel forklaring på, hvorfor vi har gjort det siden de gamle trykkeridage. Hvert bogstav blev tidligere skåret individuelt i træklodser. Så i bund og grund er hvert bogstav omgivet af en kasse, som nu er blevet næsten usynlig med digitale skrifttyper. Alligevel eksisterer den stadig.

Billedkilde: Creatopy

Nogle gange ville disse kasser skabe for meget plads omkring et bogstav afhængigt af dets form, så tidligere skar typograferne fysisk hak i træklodserne for at hjælpe bogstaverne med at blive samlet på en smukkere måde.

Sådan var det før i tiden, når man lavede kerning. Heldigvis er processen i dag mindre kompliceret og kan gøres på få sekunder.

Videnskab eller følsomhed?

Kerning er dog ikke en nøjagtig videnskab.

Eksperimentér med det, der føles rigtigt i dit design. Men husk også, at det, du kerner, måske ikke kun er begrænset til en computerskærm som den, du sidder foran dig. Det er vigtigt at forstå indholdet af din typografi, og hvor dit design skal bruges. Skal det trykkes, skal det bruges til en mobilannonce? Det vil også påvirke dine beslutninger om kerning.

Sådan kerner du som en professionel

1. Hold øje med problematiske bogstavkombinationer

Hvis vi tænker på analogien med den usynlige kasse, kan du nemt se, hvordan nogle bogstaver (især dem med kraftige skråninger) kræver din opmærksomhed, når du laver kerning.

Fordi disse såkaldte problematiske bogstaver ikke udfylder deres felt fra kant til kant, eller fordi de fylder meget af den øverste del af feltet, men næsten intet af den nederste del, efterlader de meget tydelige huller.

Det er derfor ikke overraskende, at "V" og "A" er den mest almindelige bogstavkombination, der kræver kerning. Du vil blive overrasket over, hvordan denne lille detalje kan påvirke dit overordnede æstetiske udtryk.

Andre diagonalsidede store bogstaver som "W" og "Y" falder i samme kategori, men det gør de også:

• Bogstaverne K, W, Y, F, L og T
• Ord stavet med store bogstaver
• Store bogstaver kombineret med små bogstaver

Men det betyder ikke, at små bogstaver i sig selv ikke behøver din opmærksomhed. Når du øver dig, vil du forstå, hvor vigtigt det er at lave kanttegninger for runde tegnpar, der er placeret ved siden af hinanden, som f.eks. "oo", eller for tilstødende tegnpar med lige sider, som f.eks. "nm", eller for en kombination af begge dele, som f.eks. "no".

Hvis et af disse bogstaver eller bogstavkombinationer står midt i sætningen, skal du tjekke, hvordan det interagerer med bogstaver på begge sider. Det fører os ind på vores næste tip.

2. Kern i grupper af tre

Nogle bogstaver som "b" eller "p" er som et tveægget sværd. De har både en lige, skrå side og en buet side. Disse typer bogstaver kan bedst behandles i grupper af tre.

Nogle designere går endda så vidt som til at dække alle de andre bogstaver i et ord med undtagelse af de tre problematiske bogstaver for at fokusere på emnet. Du kan dække dem med et rektangel eller placere dem på forskellige lag, som så kan skjules.

Denne teknik har et dobbelt formål. For det første hjælper den med at isolere problemområder. Men den fjerner også betydningen af ordet, så du ikke bliver distraheret af det.

3. Vend den

Her er endnu et super nyttigt trick, der hjælper dig med at fokusere på det negative mellemrum mellem bogstaverne i stedet for på selve ordets betydning. Du læste det i titlen. Vend det!

Det kan være svært at se de områder i dit tegn, der har brug for kerning, bare fordi din hjerne fokuserer på det, der står i bogstaverne. Så leg med perspektivet, roter din tekst, og nu kan din hjerne meget nemmere se mellemrummene mellem bogstaverne.

Billedkilde: Logo Geek

4. Forstå det opfattede rum

Det virker som om, at alle bogstaver har brug for kerning - store bogstaver, små bogstaver.

Men du skal forstå, at bogstaverne ikke har nogen betydning for begrebet, men at det der virkelig betyder noget, er det negative rum, som bogstaverne skaber mellem dem.

Nogle eksperter anbefaler, at du tænker på dette negative rum som et timeglas fyldt med sand. Det volumen, som timeglasset indeholder, skal i teorien være lige stort mellem hvert enkelt bogstav, for at din skriftkomposition ser pæn ud. Afstanden mellem bogstaverne giver ikke den mest matematiske mening, men det gør volumen!

Det er derfor, at to lige bogstaver har brug for mest plads mellem sig. Et lige og et rundt bogstav har brug for lidt mindre for at se ens ud, fordi de har mere negativt rumvolumen mellem sig. Og to runde bogstaver har brug for lidt mindre end det. Det hjælper at visualisere dette, så se eksemplerne nedenfor.

Selv om du på ingen måde behøver at måle overflade og volumen med en formel, kan du huske dette koncept for bedre at visualisere det opfattede rum og opnå en ensartet visuel afstand, især når du er usikker på, hvordan du skal gøre det.

Billedkilde: Company Folders

5. Ved, at størrelsen betyder noget (i Kerning)

Vi har tidligere talt om, at du ikke skal kerne små skrifttyper, da det vil tage flere timer at lave, og dit omhyggelige arbejde med kerning vil sandsynligvis blive ødelagt med en skrifttype på 12pt. Brug optisk eller automatisk kerning her.

Men problemet er større, når du har større skrifttyper. For en kerne i 24 pt. ser meget anderledes ud i 40 pt. Den største pointe her er, at du aldrig skal kerne, før du har valgt din endelige skrifttype og din endelige skriftstørrelse, da du ellers kan blive nødt til at starte forfra, når du ændrer en af disse to variabler.

Så når du arbejder på et typografisk design, der skal vises på et visitkort eller en skjorte, skal du kerne det separat. Kerningproblemer er mere synlige i større størrelser, så du skal bruge mere tid på det.

6. Goldilocks-syndromet

Ikke for stor, ikke for lille, du skal have den rigtige kerne.

Tekst, der er for stram, er svær at læse, især i små størrelser. Små "r" og "n" kan ligne et "m", når de står for tæt på hinanden.

Læsbarhed og læsbarhed er din største bekymring som designer, så når du er i tvivl, er en generel tommelfingerregel at kerne bogstaver lidt løsere end strammere for at undgå enhver mulighed for fejlfortolkning. Der er dog også en ulempe ved at over-kerne, da det kan medføre en stor risiko for at skade dit varemærkes omdømme.

Billedkilde: HubSpot

Vores hjerner er trænet til at opfatte et stort mellemrum efter et bestemt bogstav som et signal om, at ordet er slut. Begå ikke den fejl at over-kerning og give dine læsere en ubehagelig overraskelse, når de ser på dit design.

Selv om der er et "i" i design, er det nogle gange bedre at bede en anden person om at vurdere din skrifttype. Hvis de har problemer med at nå frem til dit budskab, skal du måske arbejde på din kantning.

7. Lad være med at kerne først

Dette burde nok være vores første tip, for i designprocessen kommer kerning faktisk til sidst i typografirelaterede opgaver.

Vær først opmærksom på andre typer typografisk afstand, som f.eks. sporing og forspring, mens kerning henviser til justering af afstanden mellem bogstavpar, sporing henviser til den samlede bogstavafstand i et ord eller i et udvalg af bogstaver, det være sig et afsnit eller en hel side på en gang.

Billedkilde: Cgfrog

Ledende er den lodrette afstand mellem linjerne i skrifttypen.

Praktik med kantning

Hvad er det at lære en designfærdighed uden øvelse!

Du kan bare gå ind i Vectornator og kerne løs, indtil du føler, at du har styr på det, men vi foreslår, at du starter langsomt, især hvis du lige er ved at finpudse dine kerningfærdigheder, og du har brug for objektiv, uvildig feedback.

Så vi foreslår, at du går til Kerntype til din første opgave. Leg lidt med placeringen af tegnene for at skabe en æstetisk afstand. Når du mener, at du er færdig, skal du bare klikke på "Færdig". Du får så straks og objektivt bedømt (hey, vi skal have en tyk hud som grafiske designere), og du kan endda sammenligne løsningen med dit eget arbejde.

Billedkilde: Kerntype

Alt, hvad vi kan sige, er - øvelse, øvelse, øvelse. Vi har nævnt et par gange undervejs, at kerning ikke er en videnskab, men for at lære det, kan nogle enkle bogstavkombinationer som dem, der foreslås af Kerntype, betragtes som mere matematiske i deres afstand.‍

Kerning kan give mest for pengene på store, synlige typografier som overskrifter, bannere og logoer. Så det er værd at være meget opmærksom på noget så tilsyneladende ubetydeligt. Brug Vectornator til dit næste typografiske design. Og husk at tagge os, når du lægger det ud på de sociale medier, da vi elsker at støtte dit arbejde!

Og det er alle de grundlæggende oplysninger om kerning, du har brug for for at komme i gang. Der er et par andre værktøjer, du skal beherske for at give din typografi mere finesse og endda karakter. Brug kerning sammen med leading og tracking for at opnå de bedst mulige resultater. Og se vores næste vejledning for at blive ved med at lære ->