Introductie tot typografie van 20 minuten

Typografie speelt een grote rol bij grafisch ontwerp en kan een van de moeilijkste dingen zijn om goed te krijgen. Ik wil hier enkele basisprincipes en de meest voorkomende typografische gebieden introduceren die belangrijk zijn in uw ontwerpwerk.

Dit bericht is dag 20 van onze Graphic Design Session. Sessie-dag 19 sessiedag 21 van Creative Sessions

Een basisinleiding voor typografie

Typografie speelt een grote rol bij grafisch ontwerp en veel ontwerpers zijn erg gepassioneerd of eigenwijs. Om deze reden is het een zeer hot topic in ontwerpkringen.

Het ontwikkelen van je eigen vaardigheden in typografie kost tijd en het kan een van de moeilijkste dingen zijn om goed te krijgen. Het is het beste om een ​​goed begrip van de basis te krijgen zo snel mogelijk in je opleiding en carrière. Het is echter een complex onderwerp met een enorme hoeveelheid detail dat niet in slechts één artikel kan worden uitgelegd. Dus mijn doel hier is om enkele van de basisbeginselen en de meest voorkomende typografische gebieden te introduceren die belangrijk zullen zijn in je ontwerpwerk.


Dus wat is typografie?

Typografie is een kunstvorm die al honderden jaren bestaat. Woorden en teksten zijn elke dag om ons heen in bijna alles wat we doen. In elk type tekst dat je ziet, heeft iemand overwogen hoe de letters, zinnen en alinea's er uit zullen zien om door ons te worden gelezen, of ons een gevoel geven als we ernaar kijken. Soms is het goed gedaan, anderen niet. Vaak zijn het grafisch ontwerpers die beslissen hoe het eruit zal zien, in onze brochures, onze logo's, onze websites, enzovoort. Hoe beter we hierbij zijn, des te effectiever onze ontwerpen zullen zijn.

Goede typografie komt door aandacht te schenken aan kleine details, omdat dit het verschil kan maken tussen grafisch ontwerpwerk dat gewoon acceptabel is of echt goed. Er is meer aan de hand dan alleen lettertypen kiezen en er een goed uiterlijk van maken - het gaat ook om het leesbaar en leesbaar maken van dingen (enkele van de basisfuncties van een goede typografie) en om lay-outs er mooi uit te laten zien op een esthetische manier.


Typografische basics

Het volgende is een uitleg van enkele veelvoorkomende typografische gebieden.

Lettertype of lettertype?

Laten we deze meteen opruimen! Ontwerpers zijn vaak onzeker over het verschil tussen deze twee, omdat het beide goed gebruikte termen voor hetzelfde zijn. Eigenlijk is een lettertype een letterfamilie (zoals Helvetica Regular, Helvetica Italic, Helvetica Bold, Helvetica Black, enz.) Maar een lettertype is een gewicht of stijl binnen een lettertypefamilie (zoals Helvetica Regular).

Lettersoortclassificaties

Er zijn veel verschillende classificaties en subclassificaties van lettertypen, maar de meest voorkomende twee typen die je zult horen zijn: Serif - deze lettertypen zijn de meer traditionele lettertypen. Ze onderscheiden zich door een korte lijn of eindstreep op het einde van de tekenslagen en stelen (weergegeven in het anatomiediagram hieronder) en; Sans-serif - zoals de naam al doet vermoeden, onderscheiden deze zich door hun gebrek aan enige Serifs. Ze werden pas populair in de negentiende eeuw en worden daarom als modern beschouwd.

Anatomie

Dit zijn enkele van de basisonderdelen van de anatomie van typografische tekens. Er zijn nog veel meer (die je hier op Fonts.com kunt vinden) maar ik denk dat het beter is om er eerst een paar te beginnen.

glyphs

Wat zijn glyphs? De meeste ontwerpers hebben gemerkt dat er nu een Glyphs-palet is in de meeste van de grote softwarepakketten. Het woord verwijst in essentie naar alle beschikbare tekens in een lettertype, van letters naar cijfers en alle speciale tekens.

Kerning en volgen

Kerning is de aanpassing van de afstand tussen individuele karakters. Tracking is echter de spatiëring van een groep tekens. Deze twee zijn vaak verward, maar de manier waarop ik ze onthoud is dat Tracking klinkt als een lange rij sporen, terwijl Kerning klinkt als kernel, wat een individueel object is.

opstelling

Over het algemeen moet tekst links worden uitgelijnd, gewoon omdat we op die manier gewend zijn te lezen. Neem, zonder goede reden, alleen maar over om tekst te centreren of juist uit te lijnen als het een kleine hoeveelheid is, zoals een kop of bijschrift. Ook moet het rechtvaardigen van tekst (waar het een rechte rand aan beide zijden heeft) met mate worden gebruikt. Het ziet er in sommige situaties mooi en netjes uit, maar te veel ervan maakt een lay-out er strak uitzien. Bovendien kan rechtvaardiging in een kleine kolomgrootte onregelmatige spatiëring veroorzaken tussen woorden terwijl de software probeert uw tekst aan te passen.

Maatregel

Dit verwijst naar de lengte van tekstregels in een alinea of ​​kolom. De meeste mensen hebben de neiging om er gewoon naar te verwijzen als kolombreedte. Meten is belangrijk om in de typografie terecht te komen, omdat het van cruciaal belang kan zijn voor de leesbaarheid van de tekst. Als de maat te breed is, is de tekst mogelijk moeilijk leesbaar, omdat het oog veel meer moet bewegen nadat elke regel is gelezen. Als het te smal is, kan het ook vermoeiend voor het oog zijn om te lezen, omdat het oog voortdurend heen en weer beweegt. Een smalle maat leidt ook tot veel afbrekingen.

leidend

Verticale regelafstand wordt aangeduid als toonaangevend in typografie en afdrukken, omdat in de oude dagen van het afdrukken en instellen van blokken van het type, stroken van lood tussen de lijnen waren ingevoegd afhankelijk van hoeveel ruimte nodig was. De rol van Leading in typografie is het genereren van voldoende ruimte tussen de regels om het leesbaar te maken. Zoals met alles wat met typografie te maken heeft, is het een balans tussen leescomfort en esthetische stijl.

ligaturen

Wanneer delen van de anatomie van tekens botsen of te dicht bij elkaar lijken, kunnen ze worden gecombineerd in zogenaamde ligaturen. Deze kunnen voor functionele of decoratieve redenen zijn, afhankelijk van hoe duidelijk de clash is. Meestal is dit alleen een probleem met serif-lettertypen, hoewel sans-serifs soms ligaturen nodig hebben om te worden ingesteld.

U kunt veel meer te weten komen over ligaturen op Fonts.com en Adobe's Layers Magazine.

Afbreking

Nog een van die details die je moet beoordelen in typografie. Afbreking is niet geliefd bij ontwerpers of typografen, maar wordt soms noodzakelijk geacht om vodsproblemen te voorkomen (er is een beschrijving van rag verderop in dit artikel). Als u ze moet gebruiken, vermijd dan veel ervan in een kopieblok en vermijd met name dat u een ander volgt. Lees deze pagina op Fonts.com voor meer informatie hierover.

Hyphens, En-streepjes en Em-streepjes

Een ander ding dat verwarring kan veroorzaken bij het gebruik van de horizontale lijntekens in een lettertype, en dat de juiste is om te gebruiken. Het is de moeite waard om het verschil te kennen tussen een koppelteken (het korte) een en-streepje (het iets langere streepje) en een Em-streepje (het langere streepje). Linotype en Fonts.com hebben handige handleidingen over dit onderwerp.

grids

A Grid is een gids waarmee grafische ontwerpers op een flexibele manier kopiëren en afbeeldingen kunnen organiseren, terwijl deze inhoud gemakkelijk te begrijpen en te begrijpen is. Ze kunnen de basis vormen voor een goede typografische lay-out, dus het is goed om er een gewoonte van te maken ze in je werk te gebruiken. Bekijk voorbeelden (zoals een krant, een brochure of een website met veel tekstinhoud) om te zien hoe het type is geplaatst en gestructureerd. Het onderstaande diagram is bedoeld om op een eenvoudige manier te laten zien hoe verschillende stukjes van het type op een rooster kunnen worden geplaatst en wat de belangrijkste delen van een raster zijn..

Lees meer over het gebruik van rasters van The Grid System, een zeer nuttige bron.

Vod

Dit is de ongelijke verticale rand van een blok van het type, meestal de rechterrand, zoals in het geval van links uitgelijnde tekst. Het is belangrijk om aandacht te besteden aan de vod, omdat dit de leesbaarheid op grote schaal kan beïnvloeden. Als de vod niet erg goed is, kan dit erg afleidend werken voor het oog, terwijl je een kolom leest. Gewoonlijk kan dit eenvoudig worden opgelost door de regeleinden opnieuw te bewerken of door de kopie te bewerken.

Weduwen en wezen

Als een enkel woord of een zeer korte regel achterblijft aan het einde van een kolom, wordt dit een weduwe genoemd. Evenzo als hetzelfde bovenaan de volgende kolom wordt achtergelaten, wordt dit een wees genoemd. Beide worden beschouwd als slechte typografie omdat ze afleidende vormen in een blok van het type veroorzaken. Ze kunnen meestal eenvoudig op dezelfde manier worden gerepareerd als de lap, door de regeleinden in de kolom opnieuw te bewerken of door de kopie te bewerken.


Blijf meer leren

Als je eenmaal deze basisbegrippen hebt verteerd, heb ik uitgelegd dat er online enorm veel kwalitatief typografisch referentiemateriaal beschikbaar is om je te helpen meer te leren en je vaardigheden en beoordelingsvermogen te verbeteren. Hieronder vindt u een verzameling nuttige links om u op weg te helpen.

Aanbevolen lezing

Twee van de belangrijkste internationale lettertypebedrijven hebben allebei een aantal zeer goede bronnenvakken die zijn bedoeld om u te helpen de basistypografie onder de knie te krijgen:

  • Monotype's voor uw typografische informatie
  • Linotype's Font Lounge

Inspiratie

Kijk eens rond op het web en krijg een indruk van geweldige typografie. Je zult niet alleen een goede variëteit aan stijlen vinden, maar je kunt ook zien wat andere mensen als goed type beschouwen. Dit zijn enkele goede plaatsen om te beginnen:

  • We houden van typografie
  • FormFiftyFive
  • Bronnen voor inspiratietypografie
  • Typeneu.com
  • Typographer.org
  • Typ Directors Club
  • Typografie geserveerd
  • David Airey's lijst met typografische Flickr-groepen
  • Typografie op Behance

Terminologie

Als u meer wilt weten over typografische terminologie of gewoon een woord wilt opzoeken, zijn dit nuttige websites:

  • Woordenlijst van Fonts.com
  • Paratype.com

Algemene artikelen

Dit zijn enkele artikelen met algemene tips voor het verbeteren van uw typografie:

  • 11 Essentiële tips voor goede afdruktypografie
  • 8 eenvoudige manieren om typografie in uw ontwerpen te verbeteren

Web typografie

Als u geïnteresseerd bent in het lezen over het gebruik van typografie op websites, probeert u deze handige bronnen:

  • Websites met prachtige typografie
  • Usetypography.com
  • 8 gedetailleerde typografietips voor het web
  • Webontwerp is 95% typografie
  • Een praktische gids voor webtypografie
  • De 100% Easy-2-Read-standaard
Dit bericht is dag 20 van onze Graphic Design Session. Sessie-dag 19 sessiedag 21 van Creative Sessions