Hoewel tekenspatiëring een gangbare praktijk is bij het ontwerpen van afdrukken, lijkt het bij webtoepassingen minder vaak voor te komen. Maar dat hoeft niet zo te zijn.

Het juiste kerned-type voegt een extra niveau van professionaliteit en controle toe aan de typografie op uw site. Hoewel er enkele software-invoegtoepassingen zijn die automatische tekenspatiëring kunnen toevoegen (of verwijderen), geven de meeste ontwerpers er de voorkeur aan de letters handmatig aan te passen als dat nodig is.

Voor sommige tekst- en lettercombinaties zijn aanpassingen van de spatiëring een must. In andere situaties kan het onnodig zijn. Houd er ook rekening mee dat de meeste professionele lettertypen automatische tekenspatiëring bevatten voor de meest lastige letterparen, zoals AV.

Maar wanneer moet je de kerning zelf aanpassen?

Wat is kerning?

What is kerning

Kerning is de aanpassing aan de ruimte tussen een paar letters. Kerning heeft alleen invloed op de ruimte tussen het paar en niet op de totale ruimte tussen alle letters die worden gezet.

Elke letter heeft twee potentiële kerning-partners: het teken links of het teken rechts.

Bijna alle professionele grafische software (zoals Adobe Photoshop of Fireworks) biedt u de mogelijkheid om dergelijke aanpassingen aan te brengen. Het tekenspatiëringpictogram wordt meestal weergegeven met een "A V" -symbool met pijlen boven en onder de tekens. De ruimte wordt breder naarmate het aantal groeit en de ruimte smaller wordt naarmate het aantal daalt.

Afwijkende aanpassingen voor webdesign zijn zeldzamer dan bij het ontwerp van het drukwerk, omdat het aanbrengen van wijzigingen niet bijzonder eenvoudig is. Dat gezegd zijnde, het moet nog steeds een overweging zijn vanwege de invloed die het heeft op het algehele ontwerp.

In kerning kan de look die u probeert te bereiken variëren, maar in het algemeen is de hoop om de letterafstand gelijkmatiger te verdelen, zodat de spaties tussen elke set letterparen consistent zijn met omliggende paren.

Kerning vs. tracking

Kerning en tracking zijn niet hetzelfde. Hoewel tekenspatiëring verwijst naar de spatie tussen twee specifieke letters, verwijst tracking naar de totale letterafstand in een reeks letters. Tracking wordt gebruikt om een ​​meer uniforme aanpassing van de ruimte tussen letters en groepen letters (zelfs hele alinea's of documenten) aan te passen met een enkele volgwijziging.

Om zaken nog ingewikkelder te maken, kan een ontwerper eerst het volgen van een tekstblok aanpassen en vervolgens naar binnen gaan en de tekenspatiëring aanpassen om het algehele uiterlijk van de tekst te verbeteren. Maar u wilt ervoor zorgen dat u eerst de tracking aanpast en vervolgens de afspatiëring aanpast. Andersom werken zal waarschijnlijk je tekenspatiëring teniet doen.

Metrische, optische en manuele afspatiëring

Types of kerning

Er zijn drie verschillende opties voor het kerntype: metrisch (of automatisch), optisch en handmatig.

Metrische of automatische afspatiëring is door de software gedefinieerd. De ontwerper heeft de minste controle over letters bij het gebruik van metrische of automatische tekenspatiëring en het resultaat kan soms vreemde vormen tussen letterparen veroorzaken, zoals het maken van te weinig ruimte in één exemplaar en te veel ergens anders binnen hetzelfde woord of dezelfde woordgroep.

Optische afspatiëring gebruikt de vormen van letters om te bepalen welke ruimte er tussen zal verschijnen. Optische tekenspatiëring heeft een zekere mate van controle, maar geeft geen spaties weer net zo nauwkeurig als het met de hand doen. Dit kan echter een goede optie zijn bij het combineren van verschillende lettertypen in letterparen.

Handmatig kerning is de voorkeursoptie voor de meeste ontwerpers en typografen. Als het kerning-type handmatig is, wijzigt de ontwerper de ruimte tussen elk paar letters met het oog. Het proces kan veel tijd kosten bij het verwerken van grote tekstblokken en kan het beste worden gebruikt bij het werken met een groot, weergavestijltype. Het gebruik van handmatige tekenspatiëring is met name van belang bij het werken met aangepaste of zelfs freebie-lettertypen, waarbij niet altijd een aantal van de meer geavanceerde technieken voor letter-spacing worden toegepast wanneer ze worden ontworpen.

Handmatige kerning-trucs

Kerning trick

Wanneer u kerning met het oog probeert te bepalen, helpt het altijd om een ​​paar trucjes bij de hand te hebben.

  • Draai je ontwerp ondersteboven om de afstand tussen elk letterpaar beter te beoordelen zonder dat je de woorden probeert te lezen.
  • Kern in blokken van drie letters door drie letters tegelijk te markeren of in te kleuren. Op deze manier kunt u de afstand één voor één vergelijken.
  • Blaas het op. Verdubbel de puntgrootte van uw type, zodat u de ruimte echt kunt zien. Is het vervelend? Kern het.
  • Kies voor een combinatie van hoofdletters en kleine letters. Caps-paren zijn enkele van de slechtste kerning-daders.

Welke letters hebben kerning nodig?

antidote.co.uk

Het is geen strikvraag. Hoewel veel ontwerpers graag spelen met de tekenspatiëring in bijna alle weergavetypes en zelfs nog meer in het bijzonder over letterspatiëring in items zoals logo's, vereisen niet alle letterparen echt tekenspatiëringaanpassingen. Neem echter nota van de "AW" in de prijzen hierboven. Er was een handmatige kerning-aanpassing nodig om die letters zo perfect te laten paren.

De eerste stap is het selecteren van een lettertype. Het heeft weinig zin om tekenspatiëring aan te passen totdat je lettertype is bepaald. Voor elk lettertype zijn verschillende tekenspatiëringaanpassingen nodig en wat voor een lettertype werkt, werkt mogelijk niet voor een ander lettertype. Het type lettertype dat u selecteert, heeft ook invloed op tekenspatiëring. U zult vooral willen nadenken over hoe ligaturen kunnen worden beïnvloed door wijzigingen in kernpatronen.

Trapped spaces

Bekijk daarna de letters met de meeste inslag in individuele streken en letters met ingesloten spaties. (Om te zien of uw brief ruimte creëert in de valstrik, tekent u er een rechthoek omheen en noteert u alle grotere spaties in de doos die geen deel uitmaken van de letter.

Er zijn lettercombinaties die bijna altijd aanpassing van kerning nodig hebben. (Let op de combinaties zijn hoofdlettergevoelig.) Deze lijst kan aanzienlijk groeien met bepaalde lettertypen.

AV AW VA AF AP BIJ FA Fa Fe Fo LV LW Ye Va Wa

Strakke kerning

Adidas
FedEx

Het komt vaker voor (en meestal gemakkelijker te herkennen) wanneer letters te strak staan. In het geval van serif-lettertypen kunnen de randen in sommige letterparen vallen, maar niet in andere, wat resulteert in een duidelijk spatiëringprobleem.

Letters kunnen worden samengedrukt en nog steeds effectief zijn. Vooral bij spaarzaam gebruik kan strakke letterspatiëring een letterhuwelijk met grote impact tot stand brengen. De staarten van schreven kunnen reiken naar aangrenzende letters of sans serifs kunnen samen worden verpakt voor een strakke, massieve look en feel.

Denk aan het FedEx-logo. Het is een van de bekendste toepassingen van strakke kerning-technieken ter wereld. Adidas doet ook fantastisch werk met kerning op zijn website - bekijk het huwelijk van "ft" in bewerkt.

Losse tekenspatiëring

Crayons to concept
Whitmans

Losse tekenspatiëring kan ook enigszins voor de hand liggen, maar is soms iets moeilijker te herkennen. Bij hoofdletters lijken gapende ruimtes bijna van het scherm te springen, maar het effect is moeilijker te herkennen in paren waarbij een kleine letter een hoofdletter volgt.

Losse tekenspatiëring wordt vaak in hoofdletters gebruikt om ruimte en een gevoel van openheid te creëren. Looser kerning wordt ook vaker gebruikt bij het werken met grotere lettergroottes.

De belangrijkste overweging om in gedachten te houden wanneer u met losse spatiëerspecificaties werkt, is woordafstand. U wilt ervoor zorgen dat lezers kunnen bepalen welke lettergroepen woorden vormen en waar elk nieuw woord begint.

Aan kern of niet aan kern

Kerning is echt enigszins uit de mode geraakt in het ontwerplandschap, maar je moet kern. Ja, het kan vervelend zijn, maar van plan om die tijd door te brengen vanaf het begin van uw proces.

Het is tijd goed besteed als je het verstandig besteedt: focus op grote letters en woorden. Er is echt weinig reden om de tekenspatiëring (vooral handmatig) aan te passen aan grote kopieerblokken. Er is waarschijnlijk ook weinig reden om de kerning voor subkoppen of kleine titels in blogberichten aan te passen. Reserveer die tijd om aan je grote woorden, logo's en banners te werken.

Als algemene regel besteedt u tijd kerning aan elk type dat mensen naar uw site trekt. Let op de grote woorden maar let ook op de staande elementen in navigatiebalken en op rails. Besteed minder tijd aan letterspatiëring van blokken van groter type, zoals de tekst die is gebruikt om dit bericht te maken. Als u vindt dat kerning nodig is, overweeg dan optische tekenspatiëring om enige tijd te besparen.

Een beetje leuk kerning

KERNTYPE

Ontwerper Mark MacKay ontwikkelde KERNTYPE: A Kerning Game , waar u letters kunt verplaatsen en uw resultaten kunt vergelijken met die van een professionele typograaf.

De game is leuk en kan je helpen oog te krijgen voor wat het type werk doet werken en hoe kerning echt invloed heeft op het algemene uiterlijk van letters. Probeer het. De applicatie werkt online en als een touch-vriendelijk iPad-spel.

Conclusie

Kerning moet niet worden gezien als een verloren kunstvorm of iets dat alleen van belang is voor ontwerpers van drukwerk. Het gebruik van juiste kerning-technieken kan bijdragen aan de algehele kwaliteit van bijna elke website.

Denk aan het bericht dat u probeert over te brengen terwijl u kerntekst typt en bekijk de te verwijderen letters en vermijd onbedoelde letterassociaties. Speel ten slotte een beetje. Stel verschillende lettercombinaties samen in verschillende lettertypen totdat u combinaties vindt die visueel aantrekkelijk zijn.