Alles over visueel ontwerp

Kleurentheorie legt uit hoe kleuren zich tot elkaar verhouden, samengaan en de waarneming beïnvloeden, op scherm en in druk. In dit hoofdstuk lees je…

Kleurpsychologie onderzoekt hoe kleuren stemming, geheugen en gedrag beïnvloeden. In dit hoofdstuk lees je over kleurpsychologie en hoe je dit toepast…

Kleurpsychologie in marketing koppelt kleurkeuzes aan campagnedoelen en merkpersoonlijkheid. In dit hoofdstuk lees je over kleurpsychologie in…

Kleurpsychologie in branding betekent kleuren kiezen die passen bij de persoonlijkheid die je klanten belooft. In dit hoofdstuk lees je over…

Kleurpsychologie van blauw wijst vaak op vertrouwen, rust en professionaliteit. In dit hoofdstuk lees je over kleurpsychologie van blauw en hoe je dit…

Kleurpsychologie van groen wordt vaak gekoppeld aan groei, gezondheid en natuur. In dit hoofdstuk lees je over kleurpsychologie van groen en hoe je…

Kleurpsychologie van rood kan urgentie, passie of eetlust oproepen, afhankelijk van de tint. In dit hoofdstuk lees je over kleurpsychologie van rood…

Sterke kleurencombinaties bestaan uit één dominante kleur, neutrale tinten en één accent voor acties. In dit hoofdstuk lees je over kleurencombinaties…

Een kleurencirkel ordent kleuren, zodat je de verbanden ziet tussen primaire, secundaire en tertiaire kleuren. In dit hoofdstuk lees je over…

Een kleurenpalet voor je merk bevat de goedgekeurde kleuren voor logo's, web, drukwerk en social graphics. In dit hoofdstuk lees je over kleurenpalet…

Kleurcontrast meet het verschil in helderheid tussen tekst en achtergrond. In dit hoofdstuk lees je over kleurcontrast en hoe je dit toepast op je…

Kleurschema's zijn vooraf bepaalde sets kleuren die je door een ontwerp heen gebruikt voor harmonie. In dit hoofdstuk lees je over kleurschema's en…

Veelvoorkomende kleurfouten op je website zijn te weinig contrast, te veel kleuren en knoppen die niet bij elkaar passen. In dit hoofdstuk lees je wat…

Social media design past je merkbeeld snel aan op vierkante, verticale en horizontale formaten. In dit hoofdstuk lees je wat je over social media…

Marketingdesign maakt beeldmateriaal voor campagnes in advertenties, e-mail, web en print. In dit hoofdstuk lees je wat je over marketingdesign moet…

Best practices voor e-maildesign zijn indelingen met één kolom, grote tikdoelen en alt-tekst bij afbeeldingen. In dit hoofdstuk lees je wat je over…

Nieuwsbriefdesign combineert sterke onderwerpregels met snel te scannen onderdelen en één hoofdlink. In dit hoofdstuk lees je wat je over…

Bannerdesign zoekt de balans tussen merk, duidelijkheid van je aanbod en bestandsgrootte, voor advertentienetwerken en promoties op je site. In dit…

Brochureontwerp ordent je diensten, bewijs en contactmogelijkheden voor print of PDF-download. In dit hoofdstuk lees je wat je over brochureontwerp…

Toegankelijk websiteontwerp zorgt ervoor dat mensen met een beperking je site kunnen waarnemen, doorlopen en gebruiken. In dit hoofdstuk lees je wat…

Een website ADA-conform maken draait om contrast, alt-tekst, toegang met het toetsenbord en een duidelijke structuur. In dit hoofdstuk lees je wat je…

ADA-conform websiteontwerp volgt erkende normen voor waarneembare en bedienbare interfaces. In dit hoofdstuk lees je wat je over ADA-conform…

Inclusief ontwerp maakt producten die zo veel mogelijk mensen kunnen gebruiken, zonder aparte versies. In dit hoofdstuk lees je wat je over inclusief…

Een toegankelijkheidsverklaring voor je website legt je normen, bekende tekortkomingen en feedbackkanaal vast. In dit hoofdstuk lees je wat je over de…

Webdesigntrends van 2025 draaien om prestaties, opvallende lettertypes, subtiele beweging en toegankelijke kleuren. In dit hoofdstuk lees je wat je…

Grafische designtrends voor bedrijven zijn onder meer echte fotografie, flexibele merksystemen en eenvoudige geometrie. In dit hoofdstuk lees je wat…

Een heroafbeelding is het grote beeld bovenaan een pagina dat de hoofdboodschap ondersteunt. In dit hoofdstuk lees je wat je over de heroafbeelding…

Een heroafbeelding op een website is specifiek het hoofdbeeld bovenaan belangrijke pagina's. In dit hoofdstuk lees je wat je over de heroafbeelding op…

SEO voor afbeeldingen optimaliseert bestandsnamen, alt-tekst, formaat en bestandstype, zodat afbeeldingen je vindbaarheid ondersteunen. In dit…

Voorbeelden van alt-tekst beschrijven in korte, gewone taal wat er op een afbeelding staat en wat de afbeelding doet. In dit hoofdstuk lees je wat je…

Veelgebruikte bestandstypes voor afbeeldingen zijn JPEG, PNG, WebP, SVG en GIF, elk voor een ander gebruik. In dit hoofdstuk lees je wat je over…

Afbeeldingen optimaliseren voor het web verkleint het bestand en houdt de beeldkwaliteit acceptabel. In dit hoofdstuk lees je wat je over de…

Websiteafbeeldingen moeten je boodschap ondersteunen, bij de toon van je merk passen en echt aanvoelen. In dit hoofdstuk lees je wat je over…

Bij fotografie met negatieve ruimte blijven lege vlakken vrij, zodat het onderwerp meer opvalt. In dit hoofdstuk lees je wat je over fotografie met…

Achtergrondafbeeldingen voor websites hebben achter tekst weinig contrast of krijgen een flinke overlay. In dit hoofdstuk lees je over…

Stockfoto's voor websites werken als ze passen bij je kleurenpalet, op een eigen manier zijn bijgesneden en gemengd worden met echte foto's. In dit…

Afbeeldingsformaten voor social media verschillen per netwerk en plek, dus exportpresets besparen tijd. In dit hoofdstuk lees je over…

Alt-tekst voor afbeeldingen beschrijft inhoud en doel, het liefst in ongeveer honderdvijfentwintig tekens. In dit hoofdstuk lees je over alt-tekst…

Beeldkwaliteit voor je merk straalt professionaliteit uit, nog voordat bezoekers je tekst lezen. In dit hoofdstuk lees je over beeldkwaliteit voor je…

Visuele hiërarchie ordent elementen, zodat bezoekers de belangrijkste informatie als eerste zien. In dit hoofdstuk lees je over visuele hiërarchie en…

Negatieve ruimte is de lege ruimte rond en tussen ontwerpelementen. In dit hoofdstuk lees je over negatieve ruimte en hoe je dat toepast op je website…

Witruimte is bewust lege ruimte voor duidelijkheid en focus, geen verspilde ruimte. In dit hoofdstuk lees je over witruimte en hoe je dat toepast op…

Witruimte in ontwerp scheidt secties, laat knoppen opvallen en verbetert het begrip. In dit hoofdstuk lees je over witruimte in ontwerp en hoe je dat…

Gestaltprincipes beschrijven hoe mensen groepen, patronen en complete lay-outs waarnemen. In dit hoofdstuk lees je over gestaltprincipes en hoe je dat…

Lay-outontwerp bepaalt hoe contentblokken, navigatie en media op een pagina of scherm staan. In dit hoofdstuk lees je over lay-outontwerp en hoe je…

Typen websitelay-out zijn onder meer één kolom, gesplitst, raster en tijdschriftachtige patronen. In dit hoofdstuk lees je over websitelay-out en hoe…

Visuele balans in ontwerp verdeelt het visuele gewicht, zodat een pagina stabiel aanvoelt. In dit hoofdstuk lees je over visuele balans in ontwerp en…

Uitlijning in ontwerp lijnt randen en basislijnen uit, zodat lay-outs weloverwogen aanvoelen. In dit hoofdstuk lees je over uitlijning in ontwerp en…

Contrast in ontwerp gebruikt verschillen in grootte, kleur en gewicht om belangrijke elementen te laten opvallen. In dit hoofdstuk lees je over…

Positieve en negatieve ruimte bepalen samen vormen en sturen de aandacht in een compositie. In dit hoofdstuk lees je over positieve en negatieve…

Herhaling in ontwerp gebruikt steeds dezelfde kleuren, vormen en ruimtes om pagina's tot een geheel te maken. In dit hoofdstuk lees je over herhaling…

Het ontwerp van een merkidentiteit is het visuele en verbale systeem dat een merk herkenbaar maakt. In dit hoofdstuk lees je over het ontwerp van je…

Merkontwerp is het strategische en visuele werk waarmee je bepaalt hoe een bedrijf wordt gezien. In dit hoofdstuk lees je over merkontwerp en hoe je…

Soorten logo's zijn onder meer woordmerken, letterlogo's, beeldmerken, abstracte logo's, mascottes en combinaties. In dit hoofdstuk lees je over…

Een goed logo is eenvoudig, onthoudbaar, veelzijdig en past bij je doelgroep. In dit hoofdstuk lees je over een goed logo en hoe je dat toepast op je…

Soorten grafisch ontwerp voor bedrijven zijn onder meer branding, marketing, web, verpakking en motion. In dit hoofdstuk lees je over soorten grafisch…

Bij logo-ontwerp voor ondernemers horen een duidelijke briefing, concurrentieonderzoek en het opleveren van vectorbestanden. Dit hoofdstuk behandelt…

Visuele identiteit is de complete uitstraling van een merk: logo, kleur, lettertype, beeld en opmaak. Dit hoofdstuk behandelt visuele identiteit en…

Een infographic toont data of stappen visueel, zodat je complexe informatie snel kunt scannen. Dit hoofdstuk behandelt de definitie van een…

Een infographic maken begint met een opzet, een controle van de data, visuele hiërarchie en een export voor het web. Dit hoofdstuk behandelt een…

Een designsysteem bundelt componenten, tokens en regels voor het bouwen van consistente interfaces. Dit hoofdstuk behandelt een designsysteem en laat…

Een huisstijlhandboek legt vast hoe je het logo, de kleuren, lettertypen, beelden en de toon gebruikt. Dit hoofdstuk behandelt een huisstijlhandboek…

Een designbrief beschrijft doelen, doelgroep, op te leveren stukken, planning en voorbeelden die je wel of niet mooi vindt. Dit hoofdstuk behandelt…

Typografie is de kunst en techniek van het vormgeven van tekst, zodat taal goed leesbaar en visueel aantrekkelijk is. Dit hoofdstuk behandelt…

Serif-lettertypen hebben kleine streepjes aan de uiteinden van de letters, sans serif-lettertypen niet. Dit hoofdstuk behandelt serif versus sans…

Lettertypen combineren betekent twee of meer lettertypen kiezen die contrasteren en toch samen een geheel vormen. Dit hoofdstuk behandelt lettertypen…

Webveilige lettertypen zijn lettertypen die in alle browsers en op alle apparaten waarschijnlijk hetzelfde worden weergegeven. Dit hoofdstuk behandelt…

De beste lettertypen voor lopende tekst op een website zijn op schermen ook op kleine formaten goed leesbaar. Dit hoofdstuk behandelt de beste…

Leesbaarheid van lettertypen hangt af van grootte, regellengte, regelafstand en contrast met de achtergrond. Dit hoofdstuk behandelt leesbaarheid van…

Typografische hiërarchie gebruikt grootte, gewicht en witruimte om te laten zien welke tekst het belangrijkst is. Dit hoofdstuk behandelt…

Typografie in webdesign beïnvloedt vertrouwen, begrip en de tijd die bezoekers op een pagina blijven. Dit hoofdstuk behandelt typografie in webdesign…

Tot de soorten lettertypen horen serif, sans serif, slab, script en display. Dit hoofdstuk behandelt soorten lettertypen en laat zien hoe je dat inzet…

Typografieregels gaan over een beperkt aantal lettertypen, een consistente hiërarchie en voldoende witruimte. Dit hoofdstuk behandelt typografieregels…

Google Fonts voor websites biedt gratis, voor het web geoptimaliseerde lettertypefamilies die je in je site kunt insluiten. Dit hoofdstuk behandelt…

Typografiefouten zijn bijvoorbeeld te veel lettertypen, te weinig contrast en lange alinea's die gecentreerd zijn. Dit hoofdstuk behandelt…

Je merklettertype laat een persoonlijkheid zien nog voordat bezoekers een hele zin hebben gelezen. Dit hoofdstuk behandelt een merklettertype en laat…

UX-design draait om hoe mensen zich voelen en functioneren als ze een product of website gebruiken. Dit hoofdstuk behandelt UX-design en laat zien hoe…

UI-design gaat over de visuele en interactieve oppervlakken waar gebruikers op tikken en klikken. Dit hoofdstuk behandelt UI-design en laat zien hoe…

UI versus UX zet het uiterlijk van een interface naast de totale ervaring en het gemak waarmee taken lukken. In dit hoofdstuk lees je over het…

Bij usability testing kijk je hoe echte mensen taken proberen uit te voeren op je site of prototype. In dit hoofdstuk lees je over usability testing…

Tot de UI-designprincipes horen consistentie, feedback, zichtbaarheid en het voorkomen van fouten. In dit hoofdstuk lees je over UI-designprincipes en…

Gebruikersgericht ontwerpen draait om onderzoek, feedback en steeds opnieuw testen met echte gebruikers. In dit hoofdstuk lees je over…

UX-design voor bedrijven koppelt soepelere klantreizen aan hogere conversie en meer klantbehoud. In dit hoofdstuk lees je over UX-design voor…

Bij het ontwerpen van mobiele apps draait het om duimzones, eenvoudige navigatie en offline schermen. In dit hoofdstuk lees je over het ontwerpen van…

Wil je de gebruikerservaring van je website verbeteren, pak dan navigatie, snelheid, leesbaarheid en lastige formulieren aan. In dit hoofdstuk lees je…

Een gebruiksvriendelijke website betekent dat bezoekers zonder moeite informatie vinden en taken afronden. In dit hoofdstuk lees je over de…

Een consistent ontwerp herhaalt patronen voor knoppen, witruimte en toon op alle pagina's. In dit hoofdstuk lees je over een consistent ontwerp en hoe…

Het testen van je websiteontwerp combineert analytics, usabilitysessies en A/B-vergelijkingen. In dit hoofdstuk lees je over het testen van je…

Webdesign is het plannen en vormgeven van hoe websites eruitzien, lezen en zich gedragen voor bezoekers. In dit hoofdstuk lees je over webdesign en…

Een mobielvriendelijke website is leesbaar zonder in te zoomen, op piepkleine links te tikken of horizontaal te scrollen. In dit hoofdstuk lees je…

Mobile-first design begint met de indeling voor smartphones en breidt daarna de functies uit voor grotere schermen. In dit hoofdstuk lees je over…

Een website redesign vernieuwt structuur, vormgeving, inhoud en vaak ook de techniek achter je site. In dit hoofdstuk lees je over een website…

Bij het ontwerp van een websiteheader horen de plek van je logo, de navigatie en de belangrijkste acties die bovenaan zichtbaar zijn. In dit hoofdstuk…

Een websitefooter herhaalt contactgegevens, juridische links en secundaire navigatie. In dit hoofdstuk lees je over het ontwerp van je websitefooter…

Websitenavigatie hoort vertrouwde labels te gebruiken en de sectie te markeren waar de bezoeker nu is. In dit hoofdstuk lees je over websitenavigatie…

Een homepage moet binnen enkele seconden zeggen wie je helpt, wat je aanbiedt en wat de volgende stap is. In dit hoofdstuk lees je over…

Above the fold is de inhoud die zichtbaar is voordat je scrolt, op een bepaalde schermgrootte. In dit hoofdstuk lees je over above the fold en hoe je…

Een landingspagina draait om één aanbod, met zo min mogelijk afleiding door navigatie. In dit hoofdstuk lees je over het ontwerpen van een…

Tot de best practices voor landingspagina's horen duidelijke koppen, scanbare opsommingen en vertrouwenssignalen. In dit hoofdstuk lees je over best…

Bij knoppen nodigen formaat, kleur, label en plaatsing uit tot klikken. In dit hoofdstuk lees je over het ontwerp van knoppen en hoe je het toepast op…

Websiteontwerp voor kleine bedrijven moet vooral draaien om snelheid op de telefoon, duidelijke diensten en makkelijk contact. In dit hoofdstuk lees…

Grafisch ontwerp is het vak waarin je tekst, beeld en layout combineert om een boodschap visueel over te brengen. In dit hoofdstuk lees je over…

De ontwerpelementen zijn lijn, vlak, kleur, textuur, ruimte, vorm en toonwaarde. In dit hoofdstuk lees je over ontwerpelementen en hoe je dat toepast…

De ontwerpprincipes bepalen hoe elementen zich tot elkaar verhouden, via balans, contrast, nadruk, beweging, patroon, ritme, eenheid en variatie. In…

Principes van visueel ontwerp zijn praktische regels voor het indelen van tekst, kleur, beeld en ruimte op schermen en pagina's. In dit hoofdstuk lees…

Ontwerpelementen en ontwerpprincipes zijn twee kanten van één systeem: de onderdelen en hoe die onderdelen op elkaar inwerken. In dit hoofdstuk lees…

De ontwerpprincipes beschrijven hoe je visuele elementen zo rangschikt dat het resultaat bewust aanvoelt. In dit hoofdstuk lees je over…

Visueel ontwerp is het rangschikken van visuele elementen, zodat informatie duidelijk en aantrekkelijk is en past bij een doel. In dit hoofdstuk lees…

Het ontwerpproces loopt van onderzoek en doelen via schetsen en feedback naar de laatste afwerking. In dit hoofdstuk lees je over het ontwerpproces en…

Een wireframe is een eenvoudige plattegrond van je layout met contentblokken en navigatie, zonder de uiteindelijke opmaak. In dit hoofdstuk lees je…

Voorbeelden van goed websiteontwerp gebruiken duidelijke navigatie, leesbare tekst, een consistente huisstijl en duidelijke volgende stappen. In dit…

Slecht websiteontwerp herken je aan rommel, minuscule tekst, trage laadtijden en verwarrende menu's. In dit hoofdstuk lees je over slecht…

De kosten van websiteontwerp hangen af van het aantal pagina's, maatwerkfuncties, contentbehoeften en wie het werk doet. In dit hoofdstuk lees je over…