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.
Negatieve Ruimte Logo's: Slimme Voorbeelden
Een negatieve ruimte logo verandert leegte in een verborgen symbool. Werkende voorbeelden, principes en praktische methoden voor jouw logo.
Typografische hiërarchie: titel en bodytekst in balans
Typografische hiërarchie stuurt de leesvolgorde via grootte en gewicht; praktische manieren om titel en body in balans te brengen.
Mascotte-logo ontwerpen: een karakter bouwen
Hoe ontwerp je een mascotte-logo dat een merk persoonlijkheid geeft, van concept tot vector, stap voor stap.
Game UI-ontwerp: leesbare HUD en menu's
Principes en praktische voorbeelden voor game UI-ontwerp: leesbare HUD, nette inventory en intuïtieve menu's.
Gulden snede in design: praktisch gebruik in logo en lay-out
We maken golden ratio design concreet: een praktische gids voor 1,618 in logorasters, typeschaal en lay-outverhoudingen.
Logo-ontwerpproces: van briefing tot oplevering
Hoe verloopt het logo-ontwerpproces echt? Stap voor stap: ontdekking, schetsen, digitaliseren en oplevering uit de praktijk.
Designer Portfolio: hoe je er een bouwt die werkt
Een praktische gids voor een designer portfolio dat klanten wint via slimme werkkeuze, casestudy's en presentatie.
Gradient-ontwerp: Visuele Balans met Moderne Overgangen
Een complete gids over gradient-ontwerp, soorten kleurovergangen en praktische CSS-voorbeelden voor evenwichtige beelden.
Social media afbeeldingsformaten: gids 2026
Social media afbeeldingsformaten verschillen per platform; leer de juiste maten en een slimme template-aanpak.
Wat is een moodboard en hoe maak je er een: stap voor stap
Wat een moodboard is, waarom het werkt en hoe je stap voor stap een inspiratiebord maakt dat de richting van een ontwerpproject verheldert.
Kleurcontrast & WCAG: gids voor toegankelijk ontwerp
Een ontwerpgids over kleurcontrast WCAG-ratio's, de 4.5:1- en 3:1-drempels en toegankelijke kleurkeuzes met voorbeelden.
Logo-bestandsformaten: gids voor SVG, PNG en PDF
Logo-bestandsformaten zijn verwarrend: waarvoor dienen SVG, PNG, PDF en EPS, en welke krijgt een klant? Een praktische gids.
Icoonontwerp: een consistente iconenset bouwen
Een praktische gids voor icoonontwerp: een consistente set met grid, lijndikte, optische balans en schone SVG-export.
Wat Is een Design System? Tokens en Componenten
Wat een design system is, hoe de lagen tokens-componenten-docs werken en hoe een klein team er een bouwt die schaalt.
Mobiel UI-ontwerp: touchzones, navigatie en leesbaarheid
De kernregels van mobiel UI-ontwerp: touchzones, duimvriendelijke navigatie en leesbaarheid op kleine schermen.
Knopontwerp: klikbare en toegankelijke UI
Goed knopontwerp begint met state, grootte en contrast. Zo bouw je klikbare, toegankelijke en consistente knoppen op.
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.