Waarom ogen sommige merken meteen betrouwbaar, terwijl andere amateuristisch aanvoelen, zelfs met goede producten? Een deel van het antwoord is ontwerpelementen en ontwerpprincipes. Je hebt geen ontwerpdiploma nodig om beter te worden. Je hebt een duidelijke definitie en een paar praktische checks nodig.
Ontwerpelementen en ontwerpprincipes zijn twee kanten van één systeem: de onderdelen en hoe die onderdelen op elkaar inwerken. In dit hoofdstuk leggen we in gewone taal uit wat dat betekent, waarom het invloed heeft op je website en marketing en hoe je het toepast zonder te verdwalen in vakjargon. Je ziet ook hoe ontwerpprincipes in hetzelfde plaatje passen. We lopen het stap voor stap door.
De kern van ontwerpelementen en ontwerpprincipes
Ontwerpelementen en ontwerpprincipes zijn twee kanten van één systeem: de onderdelen en hoe die onderdelen op elkaar inwerken.
Samen geven ze je de woorden om elk beeld te beoordelen, van een logo tot een landing page.
Principes als balans en contrast zijn afhankelijk van elementen als lijn, kleur en ruimte.
Aan de slag
Schets een eenvoudige wireframe en noteer één element en één principe waar je voorrang aan geeft.
Bekijk wat zijn de ontwerpprincipes en wat is visueel ontwerp om dit onderwerp te verbinden met de rest van de module.
Kleine, consistente verbeteringen winnen het van af en toe een complete redesign, zeker als je nog aan het leren bent.
Een praktische checklist voor vandaag
Schets een eenvoudige wireframe en noteer één element en één principe waar je voorrang aan geeft.
Vraag je bij elke pagina die je bekijkt af of ontwerpelementen en ontwerpprincipes op mobiel zichtbaar zijn zonder te scrollen. Zo niet, verander dan de volgorde van de secties voordat je aan de details gaat sleutelen.
Bewaar screenshots van voor en na elke wijziging, zodat je leert wat bij ontwerpelementen en ontwerpprincipes op jouw site het verschil maakte.
Deel deze checklist met iedereen die je site bijwerkt, zodat ontwerpprincipes consistent blijven op nieuwe pagina's.
Kies deze maand één cijfer om te volgen, zoals de tijd op de pagina of het aantal gestarte formulieren, zodat ontwerpwijzigingen gekoppeld zijn aan zakelijke resultaten en niet alleen aan smaak.
Zo past dit onderwerp in je bredere merk
Visuele keuzes blijven zelden beperkt tot één pagina. Principes als balans en contrast zijn afhankelijk van elementen als lijn, kleur en ruimte.
Je berichten op social media, e-mails en drukwerk horen dezelfde hiërarchie, kleuren en lettertyperegels te volgen als je website.
Wijken je visuele uitingen af van elkaar, dan voelen klanten een subtiele mismatch, ook al kunnen ze niet uitleggen waarom.
Gebruik het ontwerpproces van begin tot eind om te vergelijken met een verwant hoofdstuk in deze module.
Samen geven ze je de woorden om elk beeld te beoordelen, van een logo tot een landing page.
Vragen die mensen vaak over het hoofd zien
Verwante zoektermen zoals ontwerpprincipes en ontwerpelementen helpen je om diepere voorbeelden te vinden en je werk te vergelijken met gangbare standaarden.
Principes als balans en contrast zijn afhankelijk van elementen als lijn, kleur en ruimte.
Schrijf één verandering (voor en na) op die je deze week op een live pagina gaat testen. Kleine, gemeten aanpassingen winnen het van vage plannen.
Als je team dezelfde woorden gebruikt rond ontwerpelementen en ontwerpprincipes, heb je minder aanpassingsrondes met ontwerpers en bureaus.
Tools die visuele aanpassingen makkelijker maken
Voor veel problemen met indeling en opmaak heb je geen eigen code nodig. In een visuele editor pas je ruimte, kleuren en lettertypen aan, terwijl je de mobiele en de desktopweergave bekijkt.
WEMASY heeft een Websitebouwer met visueel bewerken, zodat je wijzigingen kunt publiceren zonder voor elke kleinigheid op een ontwikkelaar te wachten. Open de Websitebouwer zodra je toe bent aan het toepassen van wat je hebt geleerd.
Controleer na het publiceren van updates nog eens wat zijn de ontwerpprincipes en wat is visueel ontwerp, zodat de module goed blijft hangen.
Je hebt nu een werkbare bril voor ontwerpelementen en ontwerpprincipes. Gebruik die als je je site beoordeelt, marketingmateriaal goedkeurt of een ontwerper instructies geeft. Ga verder met wat is visueel ontwerp en het ontwerpproces van begin tot eind om in deze module vaart te houden.
Veelgestelde vragen
Hoe lang duurt het om ontwerpelementen en ontwerpprincipes te verbeteren?
De meeste kleine bedrijven hebben na een paar gerichte sessies duidelijkere pagina's, zodra ze de basis uit dit hoofdstuk toepassen. Begin met je homepage en pas dezelfde regels daarna toe op je dienstenpagina's en contactpagina.
Heb je een ontwerper nodig voor ontwerpelementen en ontwerpprincipes?
Een ontwerper helpt bij een grote rebranding, maar veel verbeteringen rond ontwerpelementen en ontwerpprincipes kun je zelf doen als je weet waar je op moet letten. Lees wat zijn de ontwerpprincipes erbij voor aanvullend advies.
Kan WEMASY je helpen om ontwerpelementen en ontwerpprincipes toe te passen op je website?
WEMASY heeft in de Websitebouwer een visuele editor, zodat je indeling, kleuren en lettertypen zonder code aanpast. Open de Websitebouwer om templates aan te passen en wijzigingen op mobiel te bekijken.
Wat is de meest gemaakte fout bij ontwerpelementen en ontwerpprincipes?
Mensen willen alles in één keer oplossen in plaats van pagina voor pagina. Kies één prioriteit, zoals leesbaarheid of contrast, en kijk daarna bij wat is visueel ontwerp voor de volgende verbetering.
Wat heeft ontwerpelementen en ontwerpprincipes met SEO te maken?
Een duidelijke visuele hiërarchie en leesbare tekst houden bezoekers langer op de pagina. Dat ondersteunt de signalen over betrokkenheid waar zoekmachines naar kijken. Combineer ontwerpverbeteringen met een goede opbouw van je content voor het beste resultaat.
Waar ga je verder na ontwerpelementen en ontwerpprincipes?
Ga verder met wat zijn de ontwerpprincipes en wat is visueel ontwerp in dit boek om een compleet visueel systeem voor je merk online op te bouwen.