Ultimat guide till webbtypografi: regler, ordlista, idéer och bästa praxis

’En bild säger mer än tusen ord.’

Oftast förmedlar bilder vad de har att säga. En bild med text gör dock ett starkare genomslag.

Typografi fungerar som en följeslagare till din grafik. Typografi är inte bara att välja ett slumpmässigt teckensnitt och en punktstorlek från rullgardinsmenyn i ditt redigeringsprogram. Det är ett specialiserat område inom grafisk design. Det är konsten och tekniken att arrangera typ. Det är en av de viktiga färdigheterna som kan skilja dig från resten av designers om du vet hur man använder den.

Vad är typografi?

Innan du börjar med typografins konst och teknik, först förstå vad typografi handlar om. Typografi är den visuella texten (skrivet ord). En text är en rad ord. Varje visuellt visad text du ser är i princip typografi. Text kan kategoriseras på tre sätt – visuellt, hörbart och digitalt.

Typografi är mer än design av bokstäver och tecken. Den inkluderar val av punktstorlek, avstånd och linjelängd. På den tiden då Johannes Gutenberg introducerade tryckpressen var sättare tvungna att ordna bokstäver och tecken i det fysiska rummet. Nu i datorernas tidsålder är det här jobbet mycket lättare. Du behöver bara hitta typsnitt med öppen källkod, ordna bokstäver och tecken, och du är klar.

Vikten av typografi

Typografi är något som du hittar absolut överallt. Säg att det kan vara din smartphone, kaffekopp, skylt, dukar och mycket mer. Typografi finns överallt. Valet av typsnitt, bokstäver och teckenarrangemang avgör hur ditt budskap ska förmedlas.

Även om det verkar vara en liten faktor enligt din uppfattning, är det verkligen inte det. Även en enda typjustering kan ändra hela utseendet och känslan av ditt konstverk. Om du någonsin märkt Facebook testade ett nytt typsnitt som heter Geneva redan i juni 2016. Det var något tunnare och lättare version av det ursprungliga Helvetica-teckensnittet. Men skillnaden mellan dessa två typsnitt var märkbar.

Regler för typografi

I typografi måste du välja typsnitt enligt din layout, rutnät, designtema, färgschema och så vidare. Här är några typografiregler du bör tänka på när du arbetar.

Att välja rätt typsnitt

Om du spenderar några minuter på internet hittar du en häpnadsväckande mängd färdiga att använda såväl gratis som betalda typsnitt. Men det betyder inte att du behöver spendera timmar på att leta efter de exakta typsnitten du visualiserar i ditt sinne. Du kan börja måla även med en begränsad palett. Det finns några beprövade typsnitt som Helvetica som aldrig kan gå fel i något projekt.

Ett typsnitt är en form av formgivning som bildas av hantverkare som bidrar med alla sina ansträngningar och kunskaper under en längre tid. De professionellt designade typsnitten erbjuder en mängd olika anpassningar vad gäller vikter och stilar för att skapa en komplett familj. Dessutom erbjuder de betydande kerning-par, stöd för flerspråkig anpassning av typinställning.

Följande är de viktigaste typografiska termerna som övervägs:

Storlek

Inte alla typsnitt skapas lika. Vissa använder feta och breda aspekter medan andra är tunna och smala. Olika typer av typsnitt kan få olika mängd utrymme på sidan.

Tecknets höjd betecknas som X-höjd. När du kopplar ihop olika typsnitt är det bra att bara använda de typsnitt som har liknande x-höjd. Å andra sidan kallas tecknets bredd för ”set width”, vilket avgör hur mycket utrymme bokstaven tar och buffert med andra bokstäver.

Punktsystem är den metod som använts för att mäta typ sedan 1700-talet. En punkt kan mätas som 1/72-tum och 12 punkter kan bilda en pica. Pica är enheten för att mäta kolumnbredd. Dessutom kan storlekarna mätas i pixlar, tum eller millimeter. Det beror på projektets krav.

Ledande

Det vertikala utrymmet mellan varje typrad kallas ledande. Anledningen till att man kallar detta för ledande är för att blysliporna användes för att dela upp textlinjerna tillbaka på den tiden då metallsättning användes. Tumregeln för att få en läsbar brödtext är att använda ett inledande värde som är högre än teckenstorleken. Du kan använda ett ledande värde högre på 1,25 till 1,5 gånger.

Spårning och kerning

Kerning är handlingen som involverar justeringar av utrymmet mellan karaktärerna. Det hjälper till att skapa ett harmoniskt par.

Till exempel – när du använder en versal av bokstaven ’A’ med versaler av bokstaven ’V’, kärnas de diagonala strecken längst upp till vänster på bokstaven ’V’ med den nedre högra delen av ’A’.

Å andra sidan är spårning termen som hänför sig till avståndet mellan alla tecken som appliceras jämnt. Kerning liknar spår, men båda är inte samma.

Mäta

Måttet är en term som förklarar bredden på ett textblock. För en optimal läsupplevelse bör du betrakta måttet som en viktig aspekt av typografi.

Hierarki och skala

Alla typer kan inte användas i samma storlek, du måste ställa in hierarki för typer. Annars blir det svårt för läsarna att förstå vilken information som är viktigast än de andra.

Generellt är rubriker stora, underrubriker är mindre och kroppstypen är något mindre än underrubriker för att hjälpa läsarna att förstå dess hierarki.

Inte bara storlek, användning av olika färger, vikt och avstånd kan också hjälpa dig att ställa in hierarki i ditt arbete.

Ordlista

Vi har täckt nästan alla grundläggande begrepp och terminologi som involverar typografi här.

• Aesc: Det uttalas som ’Aska’. Det är en ligatur av två bokstäver, dvs. ’a’ och ’e’. Ursprunget till aesc är från fornengelska där det betecknas som en diftongvokal. Aesc har migrerat till alfabet som isländska och danska.
• Bländare: Bländaren är en knuten öppning av en glyph som kan ses med bokstäver som ”e”, storleken på bländaren varierar beroende på dess implementering. Men eftersom du kommer att variera bländaren, kommer dess effekt att återspeglas i läsbarheten av en bokstavsform.
• Apex: Apex är punkten som är överst på ett tecken. Det är platsen där vänster och höger slag möts.
• Baslinje: Det är en sektion där basen av versaler sitter.
• Skål: Skål anses vara de inneslutna delarna av bokstäver som ”b” och ”p”.
• Fäste: Det är en killiknande kontur som är värdefull för att hålla en serif och bilda stam av ett typsnitt i ett antal typsnitt.
• Caphöjd: Caphöjden är höjden av en stor bokstav ovanför baslinjen.
• Räknare: Räknaren är omsluten eller ofullständigt omsluten en del av en brevform. Räknaren kan ses med bokstäver som ”c” eller den nedre delen av ”g” och ”e”. Denna sektion kan blandas ihop med skålen.
• Descender: Det är en del av bokstavsformen som går under baslinjen. Till exempel bokstäver som ’p’, ’y’ och ’q’.
• Öra: Örat är ett litet slag som expanderar från skålens övre högra sida.
• Glyf: Det är en singular del som konstruerar ett teckensnitt. Varje form av singulär del som hjälper till att konstruera ett teckensnitt, oavsett om det är ett skiljetecken, siffra, bokstav eller till och med dingbat ingår i den. Glyfer kan kallas typografins byggstenar.
• Ränna: Det är utrymmet mellan de motstående sidorna i ditt arbete. Rännor kan ofta ses i textkolumner.
• Föräldralös: Föräldralös är den första raden i ett nytt stycke som träds i slutet av en sida. Det är inte en sak som du skulle vilja ha i ditt projekt eftersom det anses vara en dålig praxis.
• Pica: Pica är enheten för att mäta kolumnbredd. Det finns 16 pixlar eller 12 punkter i en bild.
• Läsbarhet: Det hänvisas till som lättläst som inkluderar användningen av ett textblock som enkelt kan skannas med ögat.
• Serif: Det är ett typsnitt med seriffer. Slutet av strecket i en bokstavsform i detta typsnitt härrör från romersk tendens.
• Sans-serif: Ett typsnitt utan serif är en sans-serif eller sans serif.
• Ryggraden: Det är det stora böjda slaget som finns med gemener i versaler ”S”.
• Spur: Det är en liten utbuktning som uppträder vid kurvan på en bokstavsform. Det kallas också som ett skägg eller en näbb. Till exempel – bokstaven ”G”.
• Stjälk: En hellängdssträcka kallas som en stam i upprättstående tecken. Den är vertikal.
• X-höjd: Höjden på bokstaven ”x” i gemener i ett givet typsnitt är en x-höjd.

7 Typografiidéer och bästa praxis

Följande är de bästa typografimetoderna du kan använda i ditt arbete. Använd dessa tips i dina projekt för att skapa dina egna mästerverk.

Vikten av valet av korrekta typsnitt

Varje designer har en lista över sina favorittypsnitt. Men det betyder inte att du måste välja ett typsnitt bara från din favoritlista hela tiden. Varje typsnitt har sin egen stil, personlighet och stämning. Så du måste bestämma vilket typsnitt som passar perfekt för din design. Valet av typsnitt är viktigt eftersom det hjälper dig att förmedla ditt budskap till din publik.

Ha din publik i åtanke

Efter att ha valt ett typsnitt som kompletterar idén med din design, bör du fundera på om det kommer att passa din publik. En grupp av din målgrupp kanske tycker att dina typsnitt är trendiga, medan vissa människor kommer att kalla dem föråldrade. Så du måste förstå vem du designar projektet för. Ålder, kön, plats och andra faktorer för din publik bör övervägas innan du bestämmer dig för teckensnittsbeslut.

Skapa en hierarki

Som nämnts tidigare spelar hierarkin en viktig roll i typografi. Din grafik bör vara välorganiserad och ska göra det lätt att navigera för läsarna. Typografihierarki är mycket användbar för att göra texttunga mönster som böcker, nyhetsbrev, tidskrifter och andra traditionella tryckta publikationer.

Var uppmärksam på avstånd och inriktning

Avståndet och anpassningen låter kanske mindre viktigt, men det är det absolut inte. Utan korrekt avstånd och anpassning kommer dina mönster att se förvirrande, röriga och vanliga ut. Avstånd inkluderar användning av inledande, marginaler, spårning och blanksteg.

Använd Kerning när du vill

Många designers blir förvirrade mellan spårning och kerning. Men de båda är olika termer. Kerning låter dig få din typografi att se professionell och polerad ut.

Överskrid inte användningen av typsnitt, vikter och stilar

Vi gillar alla att använda olika typsnitt och anpassa dem för att se stilrena ut. Användningen av olika typsnitt i en enda design kan dock få ditt arbete att se amatörmässigt och rörigt ut. Du bör undvika att använda mer än tre typsnitt i en design för att ge det ett professionellt utseende.

Observera och öva

Det testade och testade sättet att förbättra dina typografikunskaper är att studera hur andra designers använder typografi i sitt arbete. Det är färdigheten som kräver övning och öga för detaljer för att förstå hur någon har använt typografi i sitt projekt och hur du kommer att kunna använda dem i dina projekt.

Detta var den ultimata guiden till typografi. Hoppas den här guiden har hjälpt dig att förstå olika begrepp och metoder som du använder för att förbättra dina typografiskickligheter.