10 regels voor perfect typeontwerp, elke keer weer
Merk je ooit op dat sommige projecten gewoon lijken te gloeien met een geweldig type? Sommige ontwerpers hebben een bepaald talent voor het ontwerpen van perfecte typografie voor elk project.
Je kunt het ook doen. Met een handvol eenvoudige regels kunt u het uiterlijk en ontwerp van typografie in al uw projecten, digitaal en in druk, verbeteren. Als u moeite heeft met het kiezen van lettertypen en het koppelen van lettertypen, helpen deze regels u elke keer om een perfect type te ontwerpen. (Zorg ervoor dat u ze volgt.)
Verken Envato Elements
1. Stel doelen voor het project in
Goede typografie begint met een goed begrip van wat uw project moet doen. Voordat u zelfs maar door Google Fonts of Typekit bladert, noteert u de antwoorden op een paar vragen.
- Wie probeer je te bereiken met dit project?
- Wat moeten gebruikers doen met het ontwerp?
- Wat zijn de conversiepunten?
- Wat is de sfeer van het project?
- Moet u matchen of coördineren met andere ontwerpen of branding?
De antwoorden helpen je om een idee te vormen van wat voor soort typografie je zoekt. (Hier is een gids voor de betekenis en stemming van lettertypen in ontwerpprojecten.)
2. Zoek naar vergelijkbare vormen
Als het gaat om het matchen van meerdere lettertypen in een ontwerp, kan zoiets eenvoudigs als de vorm van letters de combinatie van lettertypen maken of breken.
Dus hoe zorg je ervoor dat je het haalt?
Zoek naar lettertypen met vergelijkbare vormen. Bedenk of elk lettertype meer rond of ovaal, dik of dun is, een korte of hoge x-hoogte heeft of een helling of helling heeft.
Kies een primair of hoofdlettertype dat u bevalt en combineer vervolgens complementaire lettertypen met vergelijkbare vormen.
- Kijk naar de kleine letter "o" in elke typefamilie. Is de binnenste "kom" rond of ovaal? Overeenkomen met lettertypen waar de binnenkant van de "o" hetzelfde is.
- Het is prima om dikke en dunne lettertypen te combineren. Het is beter om een dik of dun en normaal lettertype te combineren.
- Zoek naar lettertypen met vergelijkbare x-hoogtes (de verticale grootte van een "x").
- Wees niet bang om verschillende typen stijlen te combineren. Probeer een combinatie van schreefloos en schreefloos. Zorg ervoor dat als het ene lettertype complex is, het andere eenvoudig is. En gebruik het eenvoudige lettertype voor de meest uitgebreide toepassing, zoals hoofdtekst.
- Besteed aandacht aan schuin en cursief. (U kunt opnieuw naar het midden van de “o” kijken als richtlijn.) Gebruik niet meer dan één schuin lettertype en vermijd letterparen die in tegengestelde richting hellen. Ze kunnen schokkend zijn voor gebruikers.
Weet je het nog steeds niet zeker? Hier is een gids voor het mengen van lettertypen.
3. Stel een typeschaal in voor maatvoering
De grootte van letters kan een project maken of breken. Als tekst te groot is, resulteert dit in een onnatuurlijk leespatroon met te veel pauzes en stops. Als tekst te klein is, kan dit de ogen belasten en ervoor zorgen dat gebruikers het ontwerp verlaten.
Als de tekst precies goed is, gaan gebruikers vrij door de woorden.
Tekst die precies de juiste maat heeft, wordt ook geleverd met een schaal voor verschillende grootten in het project. Hoofdtekst is één maat, koppen zijn een andere maat en subkoppen hebben nog een andere maat. En alle maten en gebruik moeten consistent zijn in het hele ontwerp.
Wat dit voor gebruikers doet, is alles gemakkelijker leesbaar maken.
- Tekstgrootte geeft prioriteit aan informatie op basis van belangrijkheid. Een groter type is belangrijker en wordt waarschijnlijk door de meeste gebruikers afgeroomd.
- Een schaal vergroot de scanbaarheid van tekst, zodat gebruikers er snel naar kunnen kijken.
- Gerelateerde items hebben hetzelfde uiterlijk.
- Grotere tekstelementen, zoals ondertitels, helpen lange tekstblokken op te splitsen, waardoor ze gemakkelijker te lezen zijn.
4. Let op de afstand
Het is niet per se het type, maar typafstand is belangrijk.
Kerning, leiden, volgen en opvullen kan uw type mooi weergeven of er een hete puinhoop van maken.
Het is een kunst om de afstand precies goed te krijgen. En veel hangt af van de daadwerkelijke gebruikte lettercombinaties, grootte en lettertype. Er is geen regel voor spatiëring - behalve om het indien nodig te doen - en er is geen perfecte hoeveelheid opvulling voor tekst en andere elementen.
Je zult het moeten zien.
De test is voelen. Als het ontwerp 'uit' voelt op een manier die u niet kunt lokaliseren, kan dit de oorzaak zijn van problematische spatiëring. Er is gewoon oefening voor nodig - en een goed oog - om het goed te doen.
5. Lijn links uit om te lezen
Zowel in het Engels als in andere talen lezen gebruikers van links naar rechts. Dat is ook de ideale uitlijning om de leesbaarheid binnen kopieerblokken te optimaliseren.
Kleine stukjes tekst - menu-elementen of heldenkoppen - hoeven niet naar links uit te lijnen omdat ze snel te lezen zijn. Grote hoeveelheden kopieën - meer dan een zin - moeten waarschijnlijk uitgelijnd blijven. (Rechtvaardiging is betwistbaar, hoewel het als u niet erg voorzichtig bent, enkele zorgen over afstand kan veroorzaken.)
6. Kies twee typefamilies
Deze regel is waarschijnlijk al in je hoofd geslagen: gebruik slechts twee lettertypen voor een project.
Het wordt hier opnieuw gezegd omdat zo weinig ontwerpers daadwerkelijk op deze regel letten. Scan het web of een portfoliowebsite en je ziet tal van projecten met "fonts gone wild!"
Als u van plan bent deze regel te overtreden, denk dan nog eens goed na. Wat win je door nog een lettertype aan de mix toe te voegen? Kijk in plaats daarvan naar het lettertype dat je hebt geselecteerd en kijk of een andere stijl - vet of dun of cursief - een betere oplossing is.
7. Wijzig lettertypen niet
Rek of draai of schuin nooit een lettertype. Als je iets anders nodig hebt dan wat je hebt, kies dan een andere optie.
Typeontwerpers besteden veel tijd aan het maken van letters die werken zoals ze worden gepresenteerd. Het wijzigen van de vorm van letters schaadt de leesbaarheid en kan ertoe leiden dat lettertypen "uiteenvallen" in de manier waarop een foto korrelig wordt wanneer u groter dan de oorspronkelijke grootte gebruikt.
8. Gebruik veel contrast
Een van de dingen die ontwerpers in de problemen brengen, is het plaatsen van tekst op een afbeelding of achtergrondelement. Het werkt alleen als je veel contrast tussen elementen hebt om scheiding te creëren en leesbaarheid te garanderen.
Als je een slagschaduw moet toevoegen aan belettering, is er niet genoeg contrast.
Licht op donker of donker op licht kan de leesbaarheid garanderen. Het helpt ook om een lettertype te gebruiken met een regelmatige of bredere lijn.
Maar dat is niet altijd het geval. Een foto kan lichte en donkere ruimtes bevatten of verhuur kan dikke en dunne lijnen bevatten.
Opties zijn onder meer bokstekst, het kiezen van een zwaarder lettertype of het toevoegen van een kleuroverlay aan de afbeelding. Al deze technieken kunnen helpen om meer contrast te creëren en tekst leesbaarder te maken. (Bovendien hebben ze de neiging om op te houden wanneer ze worden gebruikt in meerdere responsieve breekpunten waar tekst en afbeeldingen bewegen.)
9. Denk aan mobiele typografie
Als het gaat om typografie voor het web, moet mobiele leesbaarheid een topprioriteit zijn. Leuke technieken zoals het toevoegen van een patroon of textuur aan letters kunnen in print en sommige desktopschermen werken, maar zullen op kleinere apparaten tekortschieten.
U moet nadenken over hoe lettertypen bij elk gebruik worden weergegeven. (Ga terug naar uw typografische schaal en vergeet niet om specificaties voor type op grote en kleine schermen op te nemen.)
Mobiele typografie is vaak een beetje groot en heeft iets meer ruimte dan typografie op desktops. Het helpt ook als de alinea's korter zijn, zodat je geen tekstblokken krijgt die meerdere rollen nodig hebben om te lezen, wat gebruikers kan intimideren.
10. Blijf bij een stijlgids
Als je eenmaal een goed idee hebt van hoe type eruit moet zien in een project, maak dan een stijlgids met al je exacte regels voor gebruik.
Kopieën maken. Zet het online op een toegankelijke locatie. En gebruik het wanneer u wijzigingen aanbrengt in het ontwerp.
Consistentie is een essentieel onderdeel van perfect typografisch ontwerp.
Gevolgtrekking
Het goede van slechte versus slechte typografie is dat de meeste gebruikers de een of de ander kunnen identificeren. Ze weten alleen wanneer het ontwerp niet helemaal klopt.
De belangrijkste zorg bij het maken van perfecte typografie is leesbaarheid. Type moet gemakkelijk te lezen en te begrijpen zijn. Het moet passen bij de sfeer van de kopie. En het moet bijna onzichtbaar aanvoelen voor gebruikers; het werkt als ze er niet over hoeven na te denken en het gemakkelijk kan lezen.
