Om de meest elementaire uitleg te gebruiken, is typografie het ontwerp en gebruik van lettertypen als communicatiemiddel. Veel mensen beschouwen de typografie als begonnen met Gutenberg en de ontwikkeling van een verplaatsbaar type, maar de typografie gaat veel verder dan dat. Deze tak van design heeft zijn wortels in handgeschreven lettervormen.
Typografie omvat alles van kalligrafie tot het digitale type dat we vandaag zien op webpagina's van alle soorten. De kunst van typografie omvat ook letterontwerpers die nieuwe lettervormen maken die vervolgens worden omgezet in lettertypebestanden die andere ontwerpen kunnen gebruiken in hun werk, van gedrukte werken tot de eerder genoemde websites. Hoe verschillend deze werken ook mogen zijn, de basisbeginselen van de typografie ondersteunen ze allemaal.
De elementen van typografie
Als je ooit hebt gesproken met een webontwerper die typografie gebruikt in zijn werk, heb je waarschijnlijk de termen 'lettertype' en / of 'lettertype' gehoord. Veel mensen gebruiken deze twee termen door elkaar, maar er zijn eigenlijk enkele verschillen tussen deze twee items.
Lettertype is de term die wordt gebruikt voor een letterfamilie (zoals Helvetica Regular, Helvetica Italic, Helvetica Black en Helvetica Bold). Alle verschillende versies van Helvetica vormen het volledige lettertype.
Lettertype is de term die wordt gebruikt wanneer iemand verwijst naar slechts één gewicht of stijl binnen die familie (zoals Helvetica Bold). Zoveel lettertypen bestaan uit een aantal individuele lettertypen, die allemaal vergelijkbaar en gerelateerd zijn maar op de een of andere manier verschillen. Sommige lettertypen mogen slechts één lettertype bevatten, terwijl andere lettertypen verschillende variaties op de lettervormen van de lettertypen kunnen bevatten.
Als dit verwarrend lijkt, maak je geen zorgen, als iemand geen typografie-expert is, zullen ze waarschijnlijk de term 'lettertype' gebruiken, ongeacht welke van deze termen ze echt betekenen, en zelfs veel professionele ontwerpers gebruiken deze twee termen door elkaar. Tenzij u met een puur type ontwerper praat over de werking van het vaartuig, bent u waarschijnlijk vrij veilig met behulp van welke van deze twee termen u ook verkiest. Dat gezegd hebbende, als je het onderscheid begrijpt en de juiste voorwaarden goed kunt gebruiken, is dat nooit erg!
Typeface classificaties
Soms worden dit 'generieke lettertypefamilies' genoemd. Dit zijn grote groepen lettertypen op basis van een aantal generieke indelingen waarin verschillende lettertypen vallen. Op webpagina's zijn er zes soorten lettertype-classificaties die u waarschijnlijk ziet:
- serif
- Sans-serif
- Script
- monospaced
- Cursief
- Fantasie
Er zijn ook een aantal andere lettertypeclassificaties die daarvan de uitlopers zijn. "Slab Serif" -lettertypen zijn bijvoorbeeld vergelijkbaar met schreven, maar ze hebben allemaal een herkenbaar ontwerp met dikke, dikke schreven op de lettervormen. Serif en Sans-Serif zijn de twee meest voorkomende letterclassificaties die op de meeste websites worden gebruikt.
Lettertype Anatomie
Elk lettertype bestaat uit verschillende elementen die het onderscheiden van andere lettertypen, wat letterbeeldanatomie wordt genoemd. Tenzij u specifiek gaat voor het ontwerpen van lettertypen en nieuwe lettertypen wilt maken, moeten webontwerpers over het algemeen alleen de basiskennis van terminologie voor lettertypen kennen.
Op een basisniveau zijn de elementen van de lettersoort-anatomie waar je op moet letten, "cap" en "x-height" en "descenders" en "ascenders".
Cap en x-hoogte is de hoogte van de hoofdletters in het lettertype en de hoogte van de letter x. Het vertelt je hoe lang de grootste letters zullen zijn, en hoe groot de meeste kleine letters zullen zijn. Alle lettertypen worden op basis van deze twee kenmerken gesorteerd.
Afbrekingen en opklimmingen zijn de delen van letters die onder en boven de x-hoogte-lijn gaan. Dit verwijst meestal naar kleine letters. Bijvoorbeeld, de letter "b" heeft een ascender (het stuk dat "omhoog" van de letter steekt) terwijl de letter "p" een daler heeft (de delen die "naar beneden" uit de letter vallen).
Spacing Around Letters
Er zijn verschillende aanpassingen die kunnen worden aangebracht tussen en rond letters die van invloed zijn op typografie. Digitale lettertypen worden gemaakt met veel van deze kenmerken, en op websites hebben we beperkte mogelijkheden om deze aspecten van het lettertype te wijzigen. Dit is vaak een goede zaak, omdat de standaardmanier waarop lettertypen worden weergegeven, meestal de voorkeur verdient.
- kerning: De horizontale ruimte tussen afzonderlijke letters
- Tracking: De ruimte tussen groepen letters
- leidend: Verticale ruimte tussen regels van het type (dit staat in website-termen bekend als regelhoogte)
- Maatregel: De lengte van tekstregels
- opstelling: Tekst visueel links, rechts, gecentreerd of uitgelijnd plaatsen
- ligaturen: Letters bewogen zo dicht bij elkaar dat hun anatomieën werden gecombineerd, in wezen stroomt de ene letter in de andere
Meer typografische elementen
Typografie is meer dan alleen de gebruikte lettertypen en de witruimte eromheen. Er zijn ook enkele andere dingen die u in gedachten moet houden bij het maken van een goed typografisch systeem voor elk ontwerp:
"Afbreken" is de toevoeging van een koppelteken (-) aan het einde van regels om problemen bij de leesbaarheid te helpen voorkomen of de rechtvaardiging er beter uit te laten zien. Hoewel ze vaak worden aangetroffen in gedrukte documenten, negeren de meeste webontwerpers woordafbreking en gebruiken het niet in hun werk, omdat het niet iets is dat goed wordt afgehandeld door webbrowsers.
"Vod" is de ongelijke verticale rand van een tekstblok. Wanneer u aandacht besteedt aan typografie, moet u uw tekstblokken als geheel bekijken om er zeker van te zijn dat de vod geen invloed heeft op het ontwerp.Als de vod te grillig of onregelmatig is, kan dit de leesbaarheid van het tekstblok beïnvloeden en het afleiden. Dit is iets dat door de browser automatisch wordt afgehandeld in termen van hoe het van regel tot regel omloopt.
Een enkel woord aan het einde van een kolom is een weduwe en als het bovenaan een nieuwe kolom staat, is het een wees. "Weduwen" en "wezen" zien er slecht uit en kunnen moeilijk te lezen zijn.
De perfecte weergave van uw tekstregels in een webbrowser is een afmattende oplossing, vooral wanneer u een responsieve website en verschillende weergaven voor verschillende schermformaten hebt. Uw doel zou moeten zijn om de site in verschillende groottes te bekijken om te proberen de best mogelijke look te creëren terwijl u accepteert dat in bepaalde gevallen uw inhoud vensters, wezen of andere minder dan ideale weergaven heeft. Je doel moet zijn om deze aspecten van het ontwerp van een type te minimaliseren, terwijl je tegelijkertijd realistisch moet zijn in het feit dat je geen perfectie kunt bereiken voor elke schermgrootte en weergave.
Stappen om uw typografie te controleren
- Kies de lettertypen zorgvuldig, kijkend naar de anatomie van het type en naar de familie van het type waarin het lettertype zich bevindt.
- Als u het ontwerp met plaatsaanduidingstekst bouwt, keurt u het definitieve ontwerp pas goed als u de echte tekst in het ontwerp hebt gezien.
- Besteed aandacht aan de kleine details van de typografie, zoals koppeltekens en streepjes.
- Bekijk elk blok tekst alsof het geen woorden bevat. Welke vormen maakt de tekst op de pagina? Zorg ervoor dat deze vormen het volledige paginaontwerp naar voren dragen.
