Standaard afmetingen: 8 is the magic number
8 is 'the magic number'. Alle margins, titel-groottes, afrondingen, afmetingen van iconen en andere afmetingen zijn afgeleid van het nummer 8. Zo zorgen we voor consistentie en ritme in onze visuele uitingen.
Mocht een ontwerp er toch beter uitzien als je hiervan afwijkt, dan is dat oké. Je zal daar geen straf voor krijgen. Maar probeer altijd eerst de 'voorkeurs afmetingen' als je met je ontwerp bezig bent.
Voorkeurs afmetingen
Afmetingen >32px (of mm)? Dan moet de gekozen afmeting deelbaar zijn door 8.
Afmetingen <16px (of mm)? Dan mag je ook stapjes van 2 gebruiken.
Afmetingen >16px & <32px (of mm)? Dan mogen stapjes van 4 ook!
Voorbeelden voorkeurs afmetingen
4px, 6px, 12px, 14px, 20px, 28px, 32px, 40px, 48px, etc.
Voorbeelden van afgeraden afmetingen
3px (oneven niet gebruiken), 18px (gebruik 16 of 20), 36px (gebruik 32 of 40)
Web grid
[to do]
Drukwerk grid
Voor onze geprinte materialen, gebruiken we gebruiken een standaard grid. Dit grid is gebaseerd op de breedte van het document (zie afbeelding hieronder). Door elementen consistent op dit grid te plaatsen, zorgen we voor rust en ritme.
Omdat het grid afhankelijk is van de paginagrootte, is deze op elk formaat toe te passen. Van A6 tot A2, van liggend tot staand.
Je kunt zelf kiezen in hoeveel kolommen je de pagina opdeelt. Zorg altijd voor een ruimte tussen content blokken (gutter) van een veelvoud van X (=1/20e van de korte zijde van het document).
