Kerning är kul! Okej, om du inte är en seriös typ nerd som jag, kommer det definitivt inte att vara ett sant uttalande. Det är dock en absolut viktig del av din typografiska utbildning och genomförande.
Om du har ignorerat kerning eller helt enkelt inte är säker på hur du gör det ordentligt, ta en titt på de åtta snabba tipsen och börja på vägen för att bli en kerningsmästare.
Introduktion
De senaste åren har sett en explosion av typen på webben. Det brukade vara så att webdesigners klandras för att inte ha en stark typfaktor, men det kan inte längre finnas sanningen i dessa dagar, eftersom webbdesigners leder konsten i typografi till nya höjder av popularitet och respekt.
Designers har en nyfundad uppskattning för både typografisk konst och de praktiska sätten på vilka typografi kompletterar och till och med driver en stark design.
Det finns fortfarande minst ett huvudämne som webbdesigners tenderar att missa på men: kerning. Sanningen är att kerning på webben fortfarande är en mardröm. Det finns några alternativ för att göra uppgiften lättare, men i stort sett bara vi ignorerar det.
Som ett resultat, många webbdesigners tänker inte heller på kerning eller förstår de verkligen förstå hur det fungerar på en grundläggande nivå. Lyckligtvis är det inte raketvetenskap. Den största faktorn som är inblandad i att lära sig kärntyp är att göra dig medveten om att det ofta behöver göras. Nedan följer vi några grundläggande och användbara knep för att komma igång.
# 1 Vad är Kerning? Tänk om block
Det första du bör veta om kerning är, vad det är. Det finns många roliga typografiska termer och det är lätt att bli förvirrad snabbt så det är nödvändigt att se till att vi är alla på samma sida.
En gång i tiden fanns inga datorer. Typen var inställd, få den här, för hand. Det är ett galet koncept, men tror det eller inte, processen med att få en design till liv brukade vara en ganska mödosam uppgift, till skillnad från de kusliga skrivbordstillfällen som vi nu alla tycker om.
Därefter sattes enskilda bokstäver på fysiska block av trä eller metall. Självklart innebar blockens karaktär att du bara kunde squish två brev tillsammans hittills, till den punkt där deras kanter träffade. Som en lösning på problemet skapade typografer en uppsättning snedställda block som passar ihop som pusselbitar, så att bokstäverna flyttar närmare varandra när det behövs.
Fotokredit: Joel Gillman
Anledningen till att jag berättar för dig här är att det ger dig något riktigt att bilda när du tänker på kerning. Detta hjälper dig att komma ihåg vad det är och skilja det från andra typografiska termer. Nu när du hör ordet? du ska bilda träblock med hak i dem och kom ihåg hur det fungerar.
Självklart är dessa dagar manuell uppsättning av konst en nyhet. I stället hanteras allt i det digitala riket, precis på din datorskärm. Kärnkonceptet är dock identiskt. Kerning hänvisar fortfarande till justering av mellanslag mellan två bokstäver.
Målet är enkelt: att utjämna utseendet på blankutrymmet mellan bokstäverna. Det blir svårt eftersom du verkligen måste känna det. Ibland kommer det inte att vara jämnt mellanrum mellan bokstäverna se som likformig avstånd och du måste tweak och tweak tills ordet ser ut som du tycker att det borde. Det finns verkligen ingen magisk formel, du måste bara eyeballa det och bestämma vad som ser rätt ut.
# 2 Kerning? spårning
En sak som går upp mot de flesta nya designers är skillnaden mellan kerning och spårning. Gör inte misstaget att blanda dessa två termer, älskling av gamla skolar älskar att peka och skratta åt människor som gör det.
Skillnaden mellan de två är enkel: spårning hänvisar till det enhetliga avståndet mellan alla bokstäverna i ett visst urval av text och kerning hänvisar till avståndet mellan två specifika bokstäver.
Ledande
Nu, för att lägga till ännu mer förvirring i denna ekvation, kan vi kasta ledande in i blandningen. Ledande (? Led-ing?) Är det vertikala utrymmet mellan linjer av typen. I CSS använder vi en liknande justering som heter? Linjehöjd ?.
I typ paletten
Medan vi är på ämnet att justera alla dessa värden, här är en snabb referens så att du kan se dem i Photoshop, Illustrator eller InDesign.
Observera att? Alternativet? nyckeln (Alt) är din bästa vän när du justerar någon av dessa, i kombination med pilknapparna självklart. Vilken som den justerar beror på ditt val och markören. Placera markören mellan två bokstäver och Alternativ + Vänster / Höger justerar raderingen, eller med ett större textval samma inställningar anpassar spårningen. På samma sätt kommer Option + Up / Down med ett textval att justera ledande.
# 3 bokstäver att titta på
När du börjar göra det regelbundet med kärnan i dina rubriker och andra viktiga typer märker du att vissa bokstäver är problematiska än andra.
För att få en känsla för hur det här fungerar, låt oss öppna Photoshop, sätta vår kerning till? 0? och skriv några ord med Times. Dessa resultat har inte blivit tweaked av mig alls, de är verkligen denna hemska direkt från mjukvaran.
Alla typer av kepsar brukar vara ganska problematiska, så att tommelfingerregel håller ögonen på det. Vi hittar emellertid liknande problem när vi börjar blanda versaler och små bokstäver.
Tittar på det här ser vi ett mönsterstart att dyka upp. I allmänhet, ju mindre ett brev överensstämmer med en blockform, desto mer problematisk blir det. Brev med starka snoddar som versalen? A? och W? är bundna att ta upp några problem, oavsett om de är blandade med stora bokstäver eller små bokstäver. Observera också hur den överhängande fältet på "T" och armen på? Y? orsaka problem vid användning som startkapslar.Här är de små bokstäverna som följer, åtskilda i förhållande till deras blockformat, men vi behöver krossa blocken precis som de gamla typograferna:
Du kan hitta stora listor med specifika bokstäver att titta på, men som en tumregel håller jag i allmänhet ett öga på bokstäver med diagonala linjer som? A? och instanser av initiala kepsar (speciellt när en? T? är inblandad), oavsett vad parningarna. Även om små bokstäver tenderar att spela ganska snyggt tillsammans, är du inte borta i kroken med dem. Lägg märke till hur? i exemplet ovan skiljer sig mycket från? ry? mellanrum.
# 4 Kärna upp och ner
Skälet är så lätt att missa eftersom dina ögon tenderar att ignorera avståndet i strävan efter att läsa ordet eller meningen. Efter årtionden av läsning ser vuxna inte brev längre, vi ser ord.
För att hjälpa till med detta, föreslår vissa designers det enkla tricket att vända din typ upp och ner innan kardning. Det är en briljant enkel teknik som verkligen hjälper dig att fokusera på brevformerna och hur de passar ihop istället för att bli distraherade av orden.
# 5 Kärna inte innan du bestämmer dig för en typsnitt
Tydligen kommer brevavståndet att skilja sig drastiskt från ett teckensnitt till ett teckensnitt. På praktisk nivå betyder det att din process ska vara att välja ett teckensnitt först och sedan kärnan.
Lätt rätt? Vi brukar glömma det här steget men när vi ändrar vårt sinne på ett teckensnitt i sista minuten. Vid den här tiden kan du inte knyta på den kärnning som du redan har gjort, men måste i princip börja från en kvadrat och behandla varje teckensnitt som unikt.
# 6 Titta på Word Spacing
Vi har diskuterat spårning, ledning och kerning men det finns ett annat område av typografiavstånd som du verkligen måste ta hand om: avståndet mellan två ord. Detta kokar i huvudsak ner till storleken på ett? Utrymme? i en typsnitt.
En sak som verkligen har buggit mig på sistone om fria teckensnitt är hur många av dem tenderar att ha riktigt besvärliga mängder utrymme mellan ord.
Generellt kan kerning i fria teckensnitt vara ganska dåligt, men ordavståndet tenderar att vara en specifik problematisk punkt som du vill hålla koll på. En typsnitt med riktigt dåligt ordavstånd blir superhögt underhåll när du börjar jobba med det, så det är bäst att använda dem sparsamt eller undvika dem helt och hållet.
# 7 Lita inte på programvaran
Som jag beskrivit i en ny artikel om allmänna typografi tips har Photoshop och Illustrator några inbyggda auto-kerningslägen. Dessa är bra att använda, men använda dem i kombination med manuell kärnning, de är helt enkelt inte tillräckligt smarta för att hantera uppgiften på egen hand.
# 8 Använd Kern.js till Kern Online
Alla dessa tips är bra om du designar för att skriva ut eller ändra rubriken till en bild, men hur är det med levande webbtyp? Som jag nämnde ovan är kramning på webben en smärta och många designers föreslår att de bara lever med dålig kerning där webbtypen berörs. Men nyligen har några fantastiska JavaScript-verktyg skapats för att göra jobbet lite enklare. Ett av de bästa jag hittills har sett är Kern.js, en förlängning av den utmärkta Lettering.js.
Slutsats
Sammanfattningsvis är kerning inte det svåraste du någonsin kommer att göra i design, men det kan bli lite tråkigt och tenderar att vara något som du platt ut glömmer att göra.
Gör det till en punkt för att hålla käften i åtanke och att alltid analysera ditt brevavstånd. Sextio sekunder kärnning på varje rubrik du skapar kommer att förbättra din typografiska kompetens med språng.
Titel fotokredit: katietower.