Ontwerpprincipes Trainer

Leer de basis van visueel ontwerp: kleur, typografie en compositie

De Kleurencirkel

De kleurencirkel laat zien hoe kleuren met elkaar samenhangen. Klik op de cirkel om een kleur te kiezen en bekijk de kleurenschema's.

#FF0000

Kleurenschema's

Complementaire kleuren staan tegenover elkaar op de kleurencirkel en zorgen voor contrast.

Kleurpsychologie

Kleuren roepen emoties en associaties op. Dit is belangrijk bij het ontwerpen voor een doelgroep.

Rood

Energie, passie, urgentie

Blauw

Vertrouwen, rust, professionaliteit

Groen

Natuur, groei, gezondheid

Geel

Optimisme, warmte, aandacht

Paars

Luxe, creativiteit, mysterie

Oranje

Enthousiasme, speels, actie

Lettertypen

Er zijn verschillende soorten lettertypen, elk met een eigen karakter en toepassing.

Aa Bb Cc
Serif

Klassiek, betrouwbaar. Gebruikt voor: kranten, boeken, formele documenten.

Aa Bb Cc
Sans-Serif

Modern, helder. Gebruikt voor: websites, apps, jonge doelgroepen.

Aa Bb Cc
Monospace

Technisch, precies. Gebruikt voor: code, terminals, technische documenten.

Aa Bb Cc
Display

Decoratief, opvallend. Gebruikt voor: koppen, logo's, posters.

Typografische Hierarchie

Door verschil in grootte en gewicht maak je duidelijk wat belangrijk is.

Hoofdkop (H1)

Subkop (H2)

Dit is de lopende tekst. Door verschil in grootte weet de lezer meteen wat de belangrijkste informatie is.

Leesbaarheid Tips

  • Regellengte: Maximaal 60-75 tekens per regel voor optimale leesbaarheid
  • Regelafstand: 1.5x de lettergrootte is ideaal
  • Contrast: Zorg voor voldoende contrast tussen tekst en achtergrond
  • Combineer maximaal 2-3 lettertypen in een ontwerp

Compositieregels

Compositie gaat over hoe je elementen plaatst in je ontwerp. Goede compositie leidt het oog van de kijker.

Regel van Derden

Plaats belangrijke elementen op de snijpunten van de denkbeeldige lijnen die het beeld in drieën delen.

Gulden Snede (60/40)

Een verdeling van ongeveer 60% en 40% voelt natuurlijk en harmonieus aan.

Centraal Focuspunt

Een centraal element trekt direct de aandacht. Geschikt voor logo's en portretten.

Symmetrie & Balans

Symmetrische composities voelen stabiel en formeel aan.

Witruimte (Negative Space)

Lege ruimte is geen verspilling! Witruimte maakt een ontwerp rustiger en professioneler.

Te weinig witruimte

Tekst die te dicht op elkaar staat is moeilijk te lezen en voelt druk aan.

Goede witruimte

Dit leest veel prettiger en voelt professioneler.

Oefening 1: Kleur Matchen

Probeer de doelkleur na te maken met de RGB-schuifregelaars.

Doelkleur:

Jouw kleur:

Oefening 2: Welk Lettertype?

Kies het juiste lettertype voor de gegeven situatie.

Oefening 3: Compositie Quiz

Welke compositieregel wordt hier toegepast?