För att använda den mest grundläggande förklaringen är typografi utformningen och användningen av teckensnitt som ett kommunikationsmedel. Många anser att typografi har börjat med Gutenberg och utvecklingen av rörlig typ, men typografi går mycket längre än det. Denna gren av design har faktiskt sina rötter i handskriven brevform.
Typografi omfattar allt från kalligrafi via den digitala typen som vi ser idag på webbsidor av alla slag. Typografiens konst innefattar också typdesigners som skapar nya brevformar som sedan omvandlas till typfiler som andra mönster kan använda i sitt arbete, från tryckta verk till ovan nämnda webbplatser. Så olika som de fungerar kan grunden för typografi stödja dem alla.
Typografi av element
Om du någonsin har talat med en webbdesigner som använder typografi i hans arbete har du sannolikt fått höra termen "typsnitt" och / eller "typsnitt". Många använder dessa två termer utbytbart, men det finns faktiskt vissa skillnader mellan dessa två saker.
Typsnitt är termen som ges till en familj av teckensnitt (som Helvetica Regular, Helvetica Italic, Helvetica Black och Helvetica Bold). Alla de olika versionerna av Helvetica utgör hela typsnittet.
Teckensnitt är termen som används när någon endast hänvisar till en vikt eller stil inom den familjen (som Helvetica Bold). Så många teckensnitt består av ett antal enskilda teckensnitt, som alla är lika och relaterade men olika på något sätt. Vissa teckensnitt kan bara innehålla ett enda teckensnitt, medan andra kan innehålla många variationer av de brevformar som utgör teckensnitt.
Om detta verkar förvirrande, oroa dig inte, om någon inte är en typografisk expert, kommer de sannolikt att använda termen "typsnitt" oavsett vilken av dessa villkor de verkligen betyder, och till och med många professionella designers använder dessa två termer utbytbart. Om du inte pratar med en ren typdesigner om farkostens mekanik, är du förmodligen ganska säker med vilken av dessa två termer du föredrar. Med det sagt, om du förstår skillnaden och kan korrekt använda de korrekta termerna, det är aldrig en dålig sak!
Typsnitt Klassificeringar
Ibland kallas "generiska teckensfamiljer", det här är stora grupper av teckensnitt baserat på ett antal generiska klassificeringar som olika teckensnitt faller under. På webbsidor finns det sex typer av typsnittsklassificeringar som du sannolikt kommer att se:
- serif
- Sans serif
- Manus
- Monospaced
- Kursiv
- Fantasi
Det finns också ett antal andra typsnittsklassificeringar som är avskräckande av dessa. Exempelvis är "slab serif" typsnitt liknande serifs, men alla har en igenkännlig design med tjocka, tjocka serifs på brevformerna. Serif och sans-serif är de två vanligaste typsnittsklassificeringarna som används på de flesta webbplatser.
Typeface Anatomy
Varje typsnitt består av olika element som skiljer det från andra typsnitt, vilket kallas typsnittanatomi. Om du inte specifikt ska gå in i typdesign och letar efter att skapa helt nya teckensnitt, behöver webdesigners i allmänhet bara känna till grunderna för typsnittsterminologi.
På en grundläggande nivå, de element av typsnittet anatomi som du borde vara medvetna om är "cap" och "x-height" och "descenders" och "ascenders."
Keps och x-höjd är höjden på huvudbokstäverna i typsnittet och höjden på brevet x. Den berättar hur lång de största bokstäverna kommer att vara, liksom hur stora de flesta små bokstäver kommer att vara. Alla teckensnitt är baserade på dessa två egenskaper.
Nedstigning och uppstigning är de delar av bokstäver som går under och över x-höjden. Detta hänvisar vanligtvis till små bokstäver. Till exempel har bokstaven "b" en stigare (det stycke som sticker "upp" från bokstaven) medan bokstaven "p" har en nedstigning (de delar som dyker "ner" från brevet).
Spacing Around Letters
Det finns flera justeringar som kan göras mellan och runt bokstäver som påverkar typografi. Digitala teckensnitt skapas med många av dessa egenskaper på plats, och på webbplatser har vi begränsad förmåga att ändra dessa aspekter av teckensnittet. Det här är ofta en bra sak eftersom standardfältet som teckensnitt visas är vanligtvis att föredra.
- kerning: Det horisontella utrymmet mellan enskilda bokstäver
- spårning: Utrymmet mellan grupper av bokstäver
- Ledande: Vertikalt utrymme mellan linjer av typ (detta kallas linjens höjd i webbsidor)
- Mäta: Längden av textrader
- Inriktning: Visuellt placera text till vänster, höger, centrerad eller motiverad
- ligaturer: Bokstäver rörde sig så nära varandra att deras anatomier kombineras och i huvudsak strömmar ett brev till en annan
Fler typografielement
Typografi är mer än bara de teckensnitt som används och vittomgången kring dem. Det finns också några andra saker du bör tänka på när du skapar ett bra typografiskt system för vilken design som helst:
"Hyphenation" är tillägget av en bindestreck (-) i slutet av raderna för att förhindra problem med läsbarhet eller göra rätten att se bättre ut. Medan de vanligtvis finns i tryckta dokument, ignorerar de flesta webbdesigners ordstäv och använder inte det i sitt arbete eftersom det inte är något som hanteras bra automatiskt av webbläsare.
"Trasa" är den ojämna vertikala kanten av ett textblock. När du uppmärksammar typografi borde du titta på dina textblock som helhet för att se till att ragen inte påverkar designen.Om trasa är för trasig eller ojämn kan det påverka läsbarheten hos textblocket och göra det distraherande. Det här är något som automatiskt hanteras av webbläsaren vad gäller hur det wraps skriver från rad till rad.
Ett enda ord i slutet av en kolumn är en änka och om det är högst upp i en ny kolumn är det en föräldralös. "Enkor" och "föräldralösa barn" ser dåligt ut och kan vara svåra att läsa.
Att få dina rader med text för att visa perfekt i en webbläsare är ett grymt förslag, särskilt när du har en responsiv webbplats och olika skärmar för olika skärmstorlekar. Ditt mål bör vara att granska webbplatsen i olika storlekar för att försöka skapa det bästa möjliga utseendet, samtidigt som du accepterar att innehållet i vissa fall har Windows, föräldralösa eller andra mindre än idealiska skärmar. Ditt mål bör vara att minimera dessa aspekter av en typs design, samtidigt som du är realistisk i det faktum att du inte kan uppnå perfektion för alla skärmstorlekar och skärm.
Åtgärder för att kontrollera din typografi
- Välj noggrant typsnitt, titta på typens anatomi och vilken typ av typ den är i.
- Om du bygger konstruktionen med hjälp av platshållare, godkänner du inte den slutliga designen förrän du har sett den riktiga texten i designen.
- Var uppmärksam på de små detaljerna i typografi, såsom bindestreck och bindestreck.
- Titta på varje textblock som om det inte hade några ord i det. Vilka former gör texten på sidan? Se till att dessa former bär hela siddesignen framåt.
