Maak een goede websitelay-out in 8 stappen! Deel 6
6. Lettertypen (fonts)
Eén van de grootste ergernissen van internetsurfers is wel rommelig gebruik van lettertypes, ook wel fonts genoemd, en lettergroottes oftewel korps. Niets ziet er zo amateuristisch uit als een mengelmoes van verschillende lettertypen, -groottes en -kleuren. Sommige sites gaan zelfs zo ver dat elke pagina een ander font gebruikt, verschillende felle letterkleuren door elkaar gegooid zijn en dat het korps overal anders is. Mijn eerste advies is dus om orde in je lettertypen te gaan scheppen.
Het punt is namelijk niet alleen dat je site er rommelig uit ziet, maar ze is ook nog eens niet eenvoudig te lezen en te begrijpen. Bezoekers kijken naar bepaalde dingen, als ze je website doorlezen gebeurt dat eerst in vogelvlucht. Men leest eerst de kopteksten, en daarna de volledige tekst. Als je dan telkens een andere stijl van kopteksten hanteert, wordt het allemaal wel heel verwarrend en mensen zullen zeker gaan afhaken.
Kies dan ook van te voren welke fonts je gaat gebruiken, kies ook de kleuren en groottes voor de bodytext, kopteksten en de subkopjes. Gebruik ook maar 1 stijl voor je links, om verwarring te voorkomen. Deze moeten al helemaal duidelijk zijn, anders zal niemand je links weten te vinden!
Stel een lijstje op en wijk hier vervolgens niet meer vanaf!
Een professionele uitstraling doorde juiste lettertypen
Regelmatig kom ik een site tegen die bijvoorbeeld gebruikmaakt van het populaire "Comic Sans"-lettertype. Nu vraag ik me af, wat moeten deze websites uitstralen? Is het een uitnodiging voor een kinderfeestje? Of een werkblaadje van de juf op school? Want dat is waar het font oorspronkelijk voor bedoeld is! Bedrijven gebruiken zo'n soort lettertype zodat hun site er "minder saai uitziet", maar zoals je in de vorige delen van deze cursus hebt kunnen lezen kan dat ook op heel andere manieren bereikt worden. Lettertypen bepalen voor een groot gedeelte de sfeer en de professionaliteit van een website.
Mijn advies is dan ook om voor gewone tekst ook gewone lettertypen als Arial of Verdana te gebruiken. Dit zijn lettertypen die speciaal zijn ontwikkeld voor (professioneel) gebruik op een beeldscherm/internet. Ze zien er netjes uit en het maakt alles goed leesbaar. Deze lettertypes zijn ook te vinden op (bijna) elke computer. Dus ook op een Mac- of Linux-computer.
Als je toch een speciaal font wilt gebruiken kun je dat bijvoorbeeld doen voor de kopteksten. Houd er wel rekening mee dat niet iedereen het door jou gekozen lettertype op zijn/haar computer heeft staan. En het is erg irritant voor de bezoek(st)er als hem/haar gevraagd wordt of hij/zij een onbekend lettertype wil installeren. Een eenvoudige oplossing is om van die stukjes tekst plaatjes te maken. Deze kunnen door iedereen goed bekeken worden, en je hebt toch iets speciaals.
Om je een beeld te geven van wat lettertypegebruik kan doen voor professionaliteit in je website kun je de volgende 2 sites bekijken:
http://arngren.net/ en http://www.planet.nl
Beide hebben veel informatie, maar welke komt op jou het meest rustig en professioneel over?
Tot slot
Tot slot nog een laatste tip: Zorg dat je tekst nooit breder wordt weergegeven dan 500 tot 600 pixels. Dit is de breedte die het menselijk oog kan lezen zonder verward te worden.
Een goed gekozen en consequent doorgevoerd lettertype en dito stijl zullen zorgen voor een rustige en professionele uitstraling. Het maakt dat je site goed te lezen is, overzichtelijk blijft en betrouwbaar aanvoelt. Maak in de ontwerpfase al de keuze welke lettertypen je gaat gebruiken, zodat je later niet voor verrassingen komt te staan.


