Typografi 101 Förstå anatomi av en bokstav

Varje designer, oavsett om du är i tryck eller på webben, borde ha en grundläggande förståelse för teckensnitt och typ. Genom att använda rätt typsnitt och förstå hur ett teckensnitt påverkar din design kan lägga till den extra popen till utskrift och digitala projekt och ställa dem bort från alla andra.

Ett viktigt område att förstå är typens anatomi. Ascenders, descenders och serifs kan låta som ord från ett annat språk men är grunden för att förstå stilen på en typsnitt och hur om det gäller ditt projekt. Idag tar vi en kort genomgång av någon terminologi som du borde veta.

Anatomi av en typsnitt

Tänk tillbaka till din tidiga barndom och lär dig att skriva. Det papper du brukade bilda de första bokstäverna är samma rutnät som används för att identifiera delarna av en typsnitt.

Baslinjen är det nedre rutnätet som varje brev vilar på. Baseliner används för en rad olika ändamål från att hålla typ på ett enda plan för att fodra upp flera kolumner av typen tillsammans. En baslinje för typ skapar en ren linje med en organiserad känsla. Bristen på en baslinje gör att bokstäver eller ord kan sitta i linje och skapa en känsla av kaos.

Bokstäverna skapar också en horisontell rutnät som heter x-höjden. Denna rad skapas av det vertikala utrymmet som används med små bokstäver. Namnet är härledt eftersom brevet? X? exemplifierar denna princip, enligt? Typ Idea Index: Designerens Ultimate Tool för att välja och använda typsnitt kreativt.? Ju större en typsnitt x-höjd desto större blir en teckensnitt, även om den jämförs med ett teckensnitt med samma punktstorlek.

Vissa delar av vissa bokstäver fyller utrymmet ovanför och under grundlinjen och x-höjden. Dessa hänvisas till respektive stigare och nedräkning. Ascenders är stammarna som stiger ovanför x-höjden. (Tänk på brevet? D.?) Descenders är delarna av ett brev som sträcker sig under baslinjen. (Tänk på brevet? G.?) Storleken och vikten av uppstigande och nedstigning varierar efter typsnitt och bör beaktas i din design. Teckensnitt med långa avkodare kan till exempel invadera mellanslag för andra bokstäver beroende på hur tätt linjerna är åtskilda.

ligaturer

En ligatur kombinerar två bokstäver i en enda karaktär. Detta är ett attribut för vissa teckensnitt, och ett alternativ med ännu mer, men designers bör vara försiktiga med att använda ligaturer både i tryck och digital design. Ligaturer bör undvikas helt och hållet i projekt där justeringar görs på avståndet mellan bokstäver, eftersom ligaturerna inte tillåter interna avståndsförändringar. F-ligaturer är de vanligaste. När en liten bokstav? F? placeras framför ett annat brev med en centrerare, sammanfogar bokstäverna. Tänk ord med? Fl ,? och? fi.? I varje fall är? F? tar bort en del av andra bokstaven - toppen av? l? och pricken över? I.? Den? Th? brevkombination skapar också en ligatur i vissa teckensnitt.

Till Serif eller inte?

Vilken typ av känsla försöker du förmedla? Modern eller klassisk? Din typsnitt kan hjälpa till. Stilen på ett teckensnitt kan lägga till mening för ditt projekt.

Fler klassiska serif-teckensnitt, de med korta streck som sträcker sig från de övre och nedre ändarna av varje bokstav, används vanligtvis för att skapa kroppstypen i böcker, tidningar och andra tryckta medier. Denna traditionella typstil används också vanligtvis i digital kommunikation - tänk Times New Roman, som används allt från att skicka e-post till standardfonten i många ordbehandlingsprogram.

Sans serif-teckensnitt, de som inte sträcker sig från bokstäverna, har blivit standard för kroppstyp i digital design. Sans serif typsnitt är vanligtvis lättare att läsa i digitala projekt, speciellt de där typsnittet är liten, eftersom streck på serif typsnitt kan gå vilse på skärmen. Rena linjer gör det enklare att läsa på webben, vilket är anledningen till att sans serif font-användning har blivit så populär.

Sans serif typsnitt används också ofta i tryckdesign för de stora orden, till exempel tidningsrubriker. ?KRIG!? skulle inte ha samma inverkan med fina detaljer på varje brev. Däremot använder många webbdesigners serif-teckensnitt för rubriker i digital design.

Cursive, fantasy och monospace typsnitt är stilar som är mindre vanligt förekommande i designprojekt. Var och en av dessa tre stilar används bäst i dekorativa applikationer och inte för läsning. Kursiva teckensnitt, till exempel? Monotype Corsiva eller? Lucida Handwriting ,? har linjer som förbinder bokstäver som också tenderar att ha en distinkt snedställdhet. Fantasy typsnitt, som Comic Sans MS, är en blandning av typsnitt som har en lekfull känsla och får inte innehålla en full teckenuppsättning. Vissa typografer ger inte en beteckning mellan kursiva och fantasikonfonter. Monospace-teckensnitt, som Courier, har en uppsättning bredd och används vanligtvis i datorkodningsapplikationer.

Kan du läsa mig nu?

Förutom att du väljer ett teckensnitt som som rätt känsla för ditt projekt måste fontvalet också fungera med ditt utskrift eller digitalt medium.

Stor vs Små Typ

I utskriftsprojekt, överväga sans serif typsnitt med en lägre x-höjd för objekt som kommer att använda mycket små punktstorlekar (typiskt 8 poäng är mindre). Den mer runda horisontella typsnittet, utan extra detaljering, är lättare att läsa i en liten storlek. Det kommer sannolikt att reproduceras mer exakt också över en mängd olika medier. För projekt som använder större typ (9 poäng eller högre), titta på en blandning av serif och sans serif typsnitt. Tänk på en traditionell kroppstypstil som är kopplad till en sans serifrubrik.

Blandningsstilar

För projekt med bara några ord (affischer eller visitkort) överväga också en blandning av typsnittstilarna. Se till att stilen på den primära teckensnittet matchar ditt projekt - serif för mer traditionella användningsområden och sans serif för en mer modern känsla.

Använd standardfonter på nätet

I digitala applikationer måste en designer ta hänsyn till standardfontserier. Webbläsare använder bara de teckensnitt som är installerade på varje dator för att visa webbplatser, inte nödvändigtvis de teckensnitt som används för att bygga webbplatsen. För att säkerställa att din webbplats upprätthåller ett konsekvent utseende, välj standardfonter.

Några av de vanligaste standardplattformarna (Windows och Macintosh) inkluderar Arial, Comic Sans MS, Courier, Impact, Times New Roman, Trebuchet MS och Verdana. Om du vill bryta utanför vanliga typsnitt kan du överväga att använda @ font-face eller en relaterad lösning som Google Fonts.

Slutsats

Att förstå och tänka på teckensnitt i ett tidigt skede av ett projekt kan hjälpa dig att komma till rätt start. Tänk på storleken och formen på typsnittet för varje projekt. Följ regeln för din baslinje för projekt som ska ha en organiserad känsla. Stray från baslinjen för att skapa disarray. Kom ihåg att teckensnitt med en mer vertikal x-höjd kommer att se större ut än de med en kortare x-höjd.

Välj och testa några teckensnitt i den inledande designfasen och föreställ dig hur typvalet fungerar över olika medier. Kom ihåg att också tänka på läsbarhet och känsla när du gör fontval. För digitala projekt, välj teckensnitt från standarduppsättningen för att se till att ditt projekt ser ut som du tänkte.