De gulden snede is een verhouding van ongeveer 1 op 1,618 die je terugziet in de natuur, kunst en design. Als twee delen van een layout zich via deze verhouding tot elkaar verhouden, voelt het resultaat in balans in plaats van willekeurig. Ontwerpers grijpen ernaar als ze snel willen bepalen hoe groot het ene moet zijn ten opzichte van het andere.
Een simpel voorbeeld is een pagina splitsen in een hoofdgebied en een sidebar. In plaats van gokken maak je de brede kolom ongeveer 1,618 keer zo breed als de smalle, en de twee voelen alsof ze bij elkaar horen. Hetzelfde idee stuurt een typografie-schaal: elke kopgrootte stapt met een vaste factor op, wat de hiërarchie netjes houdt en de witruimte gelijkmatig.
Het getal zelf heeft een aardige eigenschap. Neem een rechthoek in die verhouding, snijd er een vierkant af, en wat overblijft heeft precies dezelfde verhoudingen. Dat zichzelf herhalende karakter is waarom phi opduikt in spiraalschelpen en zonnebloempitten, en waarom het oog het als ordelijk leest in plaats van willekeurig.
Houd het wel in perspectief. De gulden snede is een richtlijn, geen wet, en hem pixel voor pixel najagen kost vooral tijd. In de praktijk ronden ontwerpers hem vaak af naar een simpeler verhouding als 3:2 en verliezen ze er bijna niets mee. Een consistent spacingsysteem doet meestal meer voor de helderheid dan welk magisch getal ook, en een layout moet toch buigen zodra responsive design hem op een telefoon herschikt. Zie het als een van je gereedschappen.
Bij TopDevs gebruiken we dit soort verhoudingen om typeschalen en spacing vroeg vast te leggen, zodat een layout consistent blijft terwijl we hem over elk schermformaat uitbouwen.
