Design
De categorie design behandelt de visuele kant: logo's en merkidentiteit, typografie, kleursystemen en Figma-workflows. Design benaderen als iemand die ook de code schrijft geeft een eigen invalshoek — een logo dat mooi is volstaat niet als het niet overeind blijft als favicon van 16 pixels of in eenkleurige druk. De stukken hier gaan over die praktische beperkingen: hoe bouw je een merkpalet dat toegankelijke contrastverhoudingen haalt, waarop baseer je werkelijk een typografische schaal, en welke ontbrekende informatie verdubbelt het werk wanneer een ontwerp naar de ontwikkelaar gaat. Ik probeer de redenering achter esthetische keuzes net zo goed uit te leggen als de keuzes zelf.
Verschil UI/UX: een heldere uitleg voor designers
Wat is het verschil tussen UI en UX precies? We leggen de grenzen, taken en samenwerking van beide disciplines helder uit.
HEX, RGB, CMYK: consistente merkkleuren
Begrijp HEX, RGB en CMYK, het verschil tussen scherm en druk, en hou je merkkleur overal identiek.
Grid-systeem in design: kolommen en baseline
Leer grid-systeem design via kolommen, goten en de baseline grid voor nette, evenwichtige composities.
Illustrator-logo tekenen: gids voor Pen en Pathfinder
De basis van een Illustrator-logo: nette paden met de Pen, vormen combineren met Pathfinder en schaalbare vectoren exporteren.
Vector vs Raster Verschil: Welke Wanneer Gebruiken
Als het vector vs raster verschil helder is, wordt het juiste formaat kiezen makkelijk: van logo tot foto, waar elk type werkt en waarom.
Logo-ontwerpfouten: 10 Blunders Die Amateurisme Verraden
De meest voorkomende logo-ontwerpfouten en hoe je ze vermijdt: typografie, kleur, schaalbaarheid en meer.
Visuele hiërarchie: de aandacht sturen in design
Wat is visuele hiërarchie en hoe bouw je die op? Praktische regels met grootte, contrast, positie en ruimte om aandacht te sturen.
UI White Space: leesbaarheid en hiërarchie door ruimte
Hoe versterkt UI white space leesbaarheid en visuele hiërarchie met bewuste lege ruimte? Een praktische gids met voorbeelden.
Figma Component en Variant: herbruikbare UI
Leer stap voor stap een herbruikbare UI-bibliotheek met statusvarianten bouwen met Figma component en variant.
Figma Auto Layout voor flexibel, responsief design
Leer Figma Auto Layout stap voor stap: responsieve componenten, padding, gap en resizing, met een echt knop- en kaartvoorbeeld.
Hoe gebruik je Figma: je eerste ontwerp
Hoe gebruik je Figma? Leer je eerste ontwerp vanaf nul te bouwen met de interface, frames en basistools.
Een kleurenpalet maken: balans met de 60-30-10-regel
Bouw een evenwichtig ontwerp met kleurenpalet maken via de 60-30-10-regel, de juiste tools en toegankelijk contrast.
Logotypes: woordmerk, icoon en combinatie
Wat zijn de logotypes? Ik leg woordmerk, lettermerk, icoon en combinatie uit met voorbeelden en wanneer je ze gebruikt.
Lettertypes combineren: basis van typografie
De regels van lettertypes combineren: serif/sans-combinaties, contrast, hiërarchie en leesbaarheid voor sterke typografie.
Merkidentiteit opbouwen: een praktische gids
Een merkidentiteit opbouwen: logo, kleurenpalet, typografie en tone of voice samenbrengen in één consistent systeem.
Gids voor kleurpsychologie in logo-ontwerp
Hoe vormt kleurpsychologie de merkperceptie in een logo? Een evenwichtige gids over kleur-emotie, branche, contrast, toegankelijkheid en cultuur.
Professioneel logo-ontwerp: 7 stappen van idee tot merkidentiteit
Briefing, onderzoek, schetsen, vector en varianten: het 7-stappenproces dat een memorabel, schaalbaar logo van idee naar oplevering brengt.