Acht richtlijnen voor de vormgeving van tekst in een blog
Je hebt de leesbaarheid van de tekst zelf, inhoudelijk, maar daar gaat deze blog niet over.
Hiervoor kun je o.a. kijken bij Els Brouwer, Wervende webteksten.
Maar net zo belangrijk is de leesbaarheid van de letters, de vormgeving.
1.
Wel: Kies een letter die helder is op een beeldscherm en goed is getekend. Voor beeldscherm geoptimaliseerde letters zijn bijvoorbeeld Tahoma, Verdana, Georgia. Waarbij de Tahoma en Verdana schreefloze letters zijn (zonder dwarsstreepjes) en de Georgia een schreefletter.
Niet: Neem geen scriptletter, zoals de Comic Sans. Die kan niemand serieus nemen. (Ik krijg wel eens een factuur in de Comic Sans, mijn eerste gedachte is dan altijd “Ik heb toch niets bij de speelgoedwinkel gekocht?”)
2.
Wel: Voor gedrukte tekst wordt over het algemeen een schreefletter aangeraden, omdat die de lezer beter geleidt. Voor het scherm ligt dat niet zo eenduidig. Wel is te adviseren zoveel mogelijk tekst in de normale vorm van een letter te zetten (die heet niet voor niets ‘normaal’). De bold of de cursief kun je dan gebruiken voor delen van de tekst die meer aandacht nodig hebben, bijvoorbeeld de koppen of citaten.
Niet: Gemodificeerde letters zijn slechter leesbaar. De extended, condensed, black, light zijn in de getekende versie al moeilijker te lezen, maar als ze digitaal zijn aangepast, kun je verzekerd zijn van hoofdpijn bij je lezer.
3.
Wel: Op een webpagina kun je niet echt letten op de grootte van de letter. De beschouwer kan de grootte altijd naar eigen keuze aanpassen. Toch is het verstandig om uit te gaan van een niet al te grote of te kleine letter. Corps 12 of 13 zou op een gedrukte pagina te groot zijn, maar is een goede grootte voor een beeldscherm. Al is het lastig inschatten dat letters op een apple-scherm kleiner tonen dan op een pc-scherm.
Niet: x-small kun je wel toepassen in onderschriften, maar zou ik niet gebruiken in een lopende tekst.
4.
Wel: Linkslijnende tekst geeft een rustig woordbeeld met gelijke woordafstand. Tekst is goed leesbaar als de totale indruk een effen ‘grijs’ is, zonder donkere of lichtere concentraties.
Niet: Sommigen vinden de beëindiging bij een linkslijnende kolom onrustig, maar gebruik GEEN blokzetsel. Zetten met loden letters vereiste blokzetsel. Webpagina’s hebben weinig overeenkomst met loodzetsel. Het grootste nadeel van blokzetsel is het ontstaan van ‘slootjes’, waardoor lezen erg vermoeiend wordt.
5.
Wel: Maak een onderscheid tussen de diverse onderdelen van een tekst. Een kopje met een wat groter corps, een intro in bold.
Niet: Als je wilt schreeuwen, dan ZET JE TEKST IN KAPITALEN. Kapitalen of hoofdletters lezen moeizamer, dus ook hiervoor geldt: niet je hele tekst. Zie ook mijn blog over kapitalen.
6.
Wel: Probeer de regelafstand iets groter te maken dan de standaard is. 120% tot 150% geeft een beter leesbeeld en laat de regels duidelijker regels zijn.
Niet: Té is nooit goed. Een te krappe regelafstand kleurt de tekst egaal ‘grijs’, maar maakt het de lezer moeilijk om het begin van de volgende regel te vinden. Een te ruime regelafstand zorgt voor te weinig samenhang in de tekst.
7.
Wel: Zet kolommen op voldoende afstand van elkaar. Voor de breedte van een kolom is 10 tot 15 woorden per regel een goed aantal.
Niet: Maak geen tenniswedstrijd van je blog. Er zijn mensen die een groot scherm hebben (het mijne is 24″), dan is een brede kolom irritant om te lezen.
8.
Wel: Let ten slotte op het kleurcontrast. Zorg dat er voldoende ‘afstand’ zit tussen de letterkleur en de achtergrond. Prima combinaties zijn wit/zwart, zwart/wit, donkerblauw/lichtgeel of andersom. En natuurlijk zijn er zo nog meer kleurcombinaties te bedenken.
Niet: Een combinatie van groen met rood is voor iedereen slecht leesbaar, maar voor een kleurenblinde al helemaal niet te zien. Een goede test is om je ogen enigszins dicht te knijpen en tussen je oogharen door te kijken. Of maak een zwart-wit print van een schermafdruk van je blog.
Nieuwsgierig
Heb je iets aan dit verhaal? Ik ben benieuwd naar je blog!
Similar Posts:
- Leesbaarheid
- Treurige typografie in Breda (2)
- Spatiëren is een kunst
- Treurige typografie in Breda (1)
- Discussie over links of rechts














interessant, leerzaam en makkelijk leesbaar… LOL
Ben alleen benieuwd naar wat je zelf gebruikt hebt om deze tekst te schrijven?
Alvast fijn weekend,
Klaas
Lettertype bedoel je? De Georgia 13 pt met een 150% regelafstand.
2 dagen nadat ik mijn blog publiceerde, kreeg ik van iemand deze link. Boeiend.
Naar aanleiding van blogpraat op Twitter zou ik naar je blog kijken om te zien hoe je tot meer reacties kan oproepen. Je hebt onder dit blog in ieder geval gevraagd of de lezers iets kunnen met dit artikel en er hebben dan ook meteen 3 mensen gereageerd.
Meer specifieke vragen die je onder dit artikel had kunnen zetten, zijn:
Wat vind jij een een fijn lettertype om online te lezen en wat vind je een afschuwelijk lettertype?
Heb jij nog aanvullende do’s en don’ts, dan hoor ik ze graag!!
Oja, en ik hoor ook graag waar je helemaal op afknapt als je op een website bent.
Na 2 blogartikelen van je gelezen te hebben, is mijn algemene advies:
Jij geeft zelf vaak een mening /advies (geen flash in vorige artikel of Verdana als lettertype), dan kun je altijd vragen naar de (liefst specifieke) mening of ervaringen van je lezer.
Jij geeft tips (bijv. in dit artikel) dan kun je altijd om aanvullende tips vragen.
Heel goed advies, Marlies, ik ga het ter harte nemen. Dank je wel!
Heel fijn. Voor mij nieuw het idee (en de term) van de “slootjes”.
Wat grappig, dat hoorde ik Els Brouwer ook al zeggen. Kun je nagaan hoe gewoon vaktermen voor jezelf worden.