SlideShare a Scribd company logo
1 of 10
Minicollege   Webtypografie
Fontkeuze In tegenstelling tot druk doeleinden, geen onbeperkte lijst aan lettertypes een designer uit kan kiezen. Een lettertype moet immers geïnstalleerd zijn op het systeem van de bezoeker van de website om getoond te worden. Er is wel een programma  waarmee je kopteksten  kan veranderen maar  niet hele stukken lappen  tekst, deze  heet sifr
Welke fonts kunnen gebruikt worden? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Serif/Sans serif Er zijn twee soorten lettertypes: De fonts zijn te herkennen aan kleine “voeten” aan boven en onderkant van de letter. Hierdoor wordt de regel extra benadrukt. Voorbeelden van dit font-type zijn Georgia en Times new roman.  Sans serif fonts zijn dus letters zonder deze voetjes.
Regellengte Ook de lengte van de regel kan bepalen hoe makkelijk een tekst te lezen is. Als een regel te lang wordt heeft de gebruiker moeite om het begin van de volgende regel te vinden.  Het zou kunnen voorkomen dat de lezer weer bij dezelfde regel begint. Aan te raden is om een regellengte van ongeveer tien woorden te hanteren.  Geenstijl heeft bijvoorbeeld een ideale regellengte waardoor de tekst comfortabel te lezen is.
Regelafstand Bij sommige lettertypes is het lastig om deze goed te lezen als ze te dicht op elkaar staan, maar de lezer kan hierbij worden geholpen door te zorgen dat de regelafstand wordt vergroot. Hierdoor zijn de regels los van elkaar beter waarneembaar. Zorg ervoor dat de regels in ieder geval niet te dicht op elkaar staan.   Een website als die van Orange heeft de regels erg dicht op elkaar staan. Vermijd dit dus.
Lettergrootte De grootte van de letters spelen een grote rol voor de leesbaarheid van teksten. Daarbij speelt anti-aliasing van de teksten een grote rol Anti-aliasing is de harde randen van de teksten zachter maken
Contrast Ook contrast is een sleutelbegrip in de vormgeving. Door gebruik te maken van veel kleuren ontstaat niet per se meer contrast. Denk in blokken. Maak één of enkele blikvangers (dat kan van alles zijn). Probeer bij tabellen zoveel mogelijk de strakke kaderlijnen weg te laten. Laat bewust enkele cellen leeg. Ook witruimte brengt meer contrast en werkt informeel evenwicht in de hand.
Waarom webtypografie? Van het moment dat je een website maakt/ontwerpt kom je ooit voor de keuze te staan  welk soort lettertype  te gebruiken. Het lettertype bepaald samen met design hoe leesbaar je website is. Waarom een keuze?  Dit heeft namelijk invloed hoe goed je lezers wel degelijk je tekst aanvaardbaar en eenvoudig kunnen lezen. Niet elke font is hetzelfde en de keuze hangt af van het doel van de website waarin je tekst verschijnt.
Bedankt voor jullie aandacht

More Related Content

More from remohollaar

More from remohollaar (7)

Dank sheet
Dank sheetDank sheet
Dank sheet
 
Menukaart 2012
Menukaart 2012Menukaart 2012
Menukaart 2012
 
Werken met het CMS
Werken met het CMSWerken met het CMS
Werken met het CMS
 
Uxd Energy
Uxd EnergyUxd Energy
Uxd Energy
 
Lowlands Belevingsmeter
Lowlands BelevingsmeterLowlands Belevingsmeter
Lowlands Belevingsmeter
 
Pechakucha Final
Pechakucha FinalPechakucha Final
Pechakucha Final
 
Pechakucha
PechakuchaPechakucha
Pechakucha
 

Minicollge Webtypografie

  • 1. Minicollege Webtypografie
  • 2. Fontkeuze In tegenstelling tot druk doeleinden, geen onbeperkte lijst aan lettertypes een designer uit kan kiezen. Een lettertype moet immers geïnstalleerd zijn op het systeem van de bezoeker van de website om getoond te worden. Er is wel een programma waarmee je kopteksten kan veranderen maar niet hele stukken lappen tekst, deze heet sifr
  • 3.
  • 4. Serif/Sans serif Er zijn twee soorten lettertypes: De fonts zijn te herkennen aan kleine “voeten” aan boven en onderkant van de letter. Hierdoor wordt de regel extra benadrukt. Voorbeelden van dit font-type zijn Georgia en Times new roman. Sans serif fonts zijn dus letters zonder deze voetjes.
  • 5. Regellengte Ook de lengte van de regel kan bepalen hoe makkelijk een tekst te lezen is. Als een regel te lang wordt heeft de gebruiker moeite om het begin van de volgende regel te vinden. Het zou kunnen voorkomen dat de lezer weer bij dezelfde regel begint. Aan te raden is om een regellengte van ongeveer tien woorden te hanteren. Geenstijl heeft bijvoorbeeld een ideale regellengte waardoor de tekst comfortabel te lezen is.
  • 6. Regelafstand Bij sommige lettertypes is het lastig om deze goed te lezen als ze te dicht op elkaar staan, maar de lezer kan hierbij worden geholpen door te zorgen dat de regelafstand wordt vergroot. Hierdoor zijn de regels los van elkaar beter waarneembaar. Zorg ervoor dat de regels in ieder geval niet te dicht op elkaar staan. Een website als die van Orange heeft de regels erg dicht op elkaar staan. Vermijd dit dus.
  • 7. Lettergrootte De grootte van de letters spelen een grote rol voor de leesbaarheid van teksten. Daarbij speelt anti-aliasing van de teksten een grote rol Anti-aliasing is de harde randen van de teksten zachter maken
  • 8. Contrast Ook contrast is een sleutelbegrip in de vormgeving. Door gebruik te maken van veel kleuren ontstaat niet per se meer contrast. Denk in blokken. Maak één of enkele blikvangers (dat kan van alles zijn). Probeer bij tabellen zoveel mogelijk de strakke kaderlijnen weg te laten. Laat bewust enkele cellen leeg. Ook witruimte brengt meer contrast en werkt informeel evenwicht in de hand.
  • 9. Waarom webtypografie? Van het moment dat je een website maakt/ontwerpt kom je ooit voor de keuze te staan welk soort lettertype te gebruiken. Het lettertype bepaald samen met design hoe leesbaar je website is. Waarom een keuze? Dit heeft namelijk invloed hoe goed je lezers wel degelijk je tekst aanvaardbaar en eenvoudig kunnen lezen. Niet elke font is hetzelfde en de keuze hangt af van het doel van de website waarin je tekst verschijnt.