Spatiering vs knibning vs linjeafstand: de tre afstande

Forskellen på spatiering og knibning (tracking og kerning) er omfanget. Spatiering justerer afstanden mellem alle bogstaver i en markering, så en hel overskrift åbner sig eller strammes jævnt. Knibning justerer afstanden mellem ét bestemt par, som A og V i WAVE, for at rette et hul, skrifttypen har efterladt. Linjeafstand, den tredje i trioen, har intet at gøre med bogstaver side om side: det er den lodrette afstand fra én tekstlinje til den næste.

Hvad er spatiering i typografi

Spatiering er en ensartet ændring. Marker en linje, tilføj spatiering, og hvert mellemrum vokser med samme mængde. Det er værktøjet til at ændre tekstens tekstur: luftig og formel eller tæt og slagkraftig. I designapps måles den i tusindedele af en em (Adobe) eller som en procentdel af skriftstørrelsen (Figma), og i CSS som letter-spacing, helst skrevet i em, så den skalerer med skriften.

Tre situationer kræver den. Store overskrifter ser som regel løse ud med standardafstanden, så lidt negativ spatiering trækker dem sammen. Versaler ser trykkede ud, fordi store bogstaver er tegnet til at stå ved siden af små, så de har brug for positiv spatiering. Og meget lille tekst, som etiketter og juridiske linjer, læses bedre med en smule mere luft. Bogstavafstand gennemgår hvert tilfælde i detaljer.

Hvad er knibning

Knibning er en lokal reparation. Nogle bogstavpar efterlader et synligt hul eller et sammenstød selv i en velspatieret skrifttype: AV, To, LT, Yo, P efterfulgt af punktum. Skrifttyper indeholder en tabel over disse par og justerer dem automatisk, så i brødtekst kan du lade knibningen være. I overskrifter, logoer og ordmærker kan du stadig få brug for at justere et par eller to i hånden. Knibning har den fulde liste over besværlige par og en metode til at rette dem efter øjemål.

Hvad er linjeafstand i typografi

Det engelske ord leading kommer fra de blystrimler, typografer lagde mellem linjer af metaltyper; på dansk kaldes det også skydning. I dag er det linjehøjden: afstanden fra én grundlinje til den næste. For lidt, og overlængder støder ind i underlængder; for meget, og linjerne glider fra hinanden til separate tanker. Som tommelfingerregel gælder det, at jo længere linjen er, og jo mindre teksten er, desto mere linjeafstand kræver den. Linjehøjde og linjelængde forklarer hvorfor.

Hvad du skal ændre først: spatiering, knibning eller linjeafstand

Arbejd fra den største beslutning til den mindste. Linjeafstand og spatiering definerer stilen; knibning rydder op i resten. Ændrer du dem i forkert rækkefølge, ender du med at omgøre dit eget arbejde.

1. 1

   Vælg størrelse og vægt

   Afstanden afhænger af begge. Fastlæg dem først, fordi en tungere vægt eller større størrelse kræver andre værdier.

2. 2

   Sæt linjeafstanden

   Beslut, hvor tæt linjerne stables. Overskrifter strammere, afsnit løsere.

3. 3

   Sæt spatieringen for stilen

   Anvend én spatieringsværdi på hele overskriftsstilen, etiketstilen eller brødtekststilen. Hold den ensartet i hele designet.

4. 4

   Knib de par, der stadig gaber

   Kun i stor eller permanent skrift. Kig efter AV, To, LT og lignende par, og juster dem ét ad gangen.

5. 5

   Tjek i den rigtige størrelse

   Se resultatet i den størrelse, folk vil se det. Afstand, der ser rigtig ud indzoomet, kan se løs ud på en telefon.

Startværdier for spatiering og linjeafstand

Dette er fornuftige standarder, ikke love. Skrifttyper er forskellige, og en smal displayskrift opfører sig slet ikke som en bred geometrisk sans. Brug dem til at starte med, og stol så på dit øje.

Spatiering, knibning og linjeafstand i CSS

:root {
  font-kerning: normal; /* use the font's own pairs */
}

body {
  font-size: 1.0625rem;
  line-height: 1.55;      /* leading */
  letter-spacing: 0;      /* tracking */
}

h1 {
  font-size: clamp(2.5rem, 6vw, 5rem);
  line-height: 1.05;
  letter-spacing: -0.025em;
}

.eyebrow {
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

Hold disse værdier ét sted, så hver side bruger samme afstand til samme rolle. Det er kernen i et typografisk system. Designer du sociale opslag i stedet for websider, gælder samme idé: beslut afstanden én gang, skriv den ind i dine brandregler, og genbrug den. I Gradiently rummer brandkittet dine skrifttyper til overskrifter og brødtekst, og Designer anvender det, når den sætter nye størrelser op, så skriften forbliver ensartet fra et kvadratisk opslag til en story.