IN DEZE HANDLEIDING:
Het principe van contrast
Als elk element op uw site er hetzelfde uitziet, zou niemand natuurlijk iets kunnen vinden. Niets zou opvallen. Je laat dingen opvallen door contrast.
Uw h1’s moeten er anders uitzien dan uw h2’s.
Items die verschillend zijn, moeten er anders uitzien.
Voorbeeld van het principe van contrast
Zie de onderstaande afbeelding van een dating-website:
Een gemakkelijke manier om het contrast te zien is de loensen test. Sluit je ogen een beetje en kijk naar de afbeelding. U kunt de verschillende pagina-elementen nog steeds gemakkelijk onderscheiden. Ze contrasteren mooi met elkaar waardoor ze opvallen.
Bijvoorbeeld de knoppen linksonder. Een duidelijk doel van deze pagina is dat iemand erop klikt om meer te weten te komen over het bedrijf of om contact op te nemen. Omdat de knoppen contrasteren met de tekst eromheen vallen ze op en trekken ze de aandacht. Je kunt al dan niet contact opnemen met het bedrijf, maar je moet gemakkelijk kunnen zien hoe dat moet.
Info over contrast
Tools kleurcontrast checken analyse kleuren webpagina
Contrast toegankelijkheid scherm media accessibility
8 tips kleurenblindheid kleurenblinden webdesign sites
Kleurcontrast richtlijnen kleur licht donker contrast
Meer tips en ontwerpprincipes voor WordPress website
Meer ontwerpprincipes voor beter en een goed uitziende WordPress website
Uitlijning uitlijnen element layout tekst afbeelding
Het principe van uitlijning in webdesign Heb je ooit een website bekeken en wist je…
Herhaling repeterende elementen layout ontwerp principe
Het principe van herhaling in design en ontwerp Waarom zien alle h2’s op een bepaalde…
Nabijheid informatie groeperen in layout en ontwerp
Het principe van nabijheid in ontwerp en design Heb je ooit een afbeelding op een…