Kirsten Fabels

Vanaf het moment dat men teksten in stenen begon te bikken, hield men zich waarschijnlijk ook al bezig met typografie. Gelukkig is ‘tekst zetten’ sindsdien een stuk eenvoudiger geworden. Toch zitten er ook haken en ogen aan bij het neerzetten van een mooi stuk tekst in een website.

Typografie voor de digitale media

Typografie voor de gedrukte media is grafisch gezien gemakkelijker te beïnvloeden dan webgebaseerde typografie. Tot het gedrukt is dan. Digitale typografie is ‘rekbaar’ want ieder systeem, iedere computer en dan vooral de verschillende resoluties van beeldschermen kunnen namelijk een heel ander beeld weergeven van een stuk tekst op een website. Toch proberen we hier als webdesigners zoveel mogelijk invloed op uit te oefenen, aangezien de vormgeving van tekst tot één van de belangrijkste navigatiemiddelen op een website hoort!

“Treat text as an User Interface”

Cameron Moll – designer, speaker, and author

Waarom is de ‘bodytekst’ zo belangrijk?

Een website bestaat vaak voornamelijk uit tekst. De bezoeker komt op een site om snel en doeltreffend informatie te vergaren.
Tegenwoordig leest men vaak geen hele tekst meer. We scannen kranten, boeken en verpakkingen, om kleine hapklare stukjes informatie te verkrijgen. Daarom is het voor een website ook zo belangrijk dat deze tekst lekker scanbaar is. Mensen moeten snel kunnen zien waar de pagina over gaat of snel gegrepen worden door de tekst, zodat ze doorlezen.

Tips voor een goed leesbare webtekst

Door een flinke kop te gebruiken word je meteen een stuk tekst ingezogen. Size Matters natuurlijk, want een te grote kop creëert weer teveel afstand tot de tekst. Het is voor de leesbaarheid belangrijk dat de tekst een niet te breed vlak beslaat. Het is namelijk veel lastiger om lange regels op een beeldscherm te lezen. Ook witruimtes als rustpunten op de site zijn essentieel voor de leesbaarheid. Voldoende ruimte tussen de regels (interlinie) maakt dat een site lekker leest en geeft tevens rust.
Voor de optimale scanbaarheid is het goed om woorden die belangrijk zijn, vet te maken en/of een andere kleur te geven. Zo scant de bezoeker snel door de tekst heen, en kan bijna in één oogopslag zien of deze informatie relevant is voor datgene wat hij/zij zoekt.
Het mooie van webtekst is dat het perfect navigeerbaar is. Linkjes moeten daarom duidelijk zichtbaar zijn en tevens duidelijk betiteld worden. Een ‘klik hier’ als link is dan ook uit den boze.

Wij, bij Occhio, vragen onze klanten om al vrij vroeg in het ontwikkelingsproces met teksten voor de site te komen. Dit moet in het eerste stadium – liefst vóór het ontwerp – al gebeuren.

Dat komt omdat wij niet alleen het ‘omhulsel’ ontwerpen, maar ook aandacht willen geven aan de vormgeving van de tekst. Het liefst ontwerpen wij dan ook met de content die gebruikt gaat worden in de website. In een van onze volgende blogs zullen we dieper ingaan op het schrijven van teksten voor het web en de belangrijkste tips hiervoor geven. Vragen of opmerkingen over dit artikel? Neem dan contact met mij op!

trackback url van deze post

2 reacties

2 reacties op “Typografie voor het web (deel 1)”

  1. Webdesign Groningen zegt:

    Wij werken op dezelfde manier: het liefst ontwerpen wij met de content van de website zodat we al tijdens het ontwerp daar rekening mee kunnen houden en daar op in kunnen spelen.

  2. horeca zegt:

    leuke informatie waarvoor dank


Plaats een reactie