The Golden Ratio-Web Design, matematikk og Seashells

eller 469 (nettlesere foretrekker hele tall). Det er bredden av hovedkolonnen min. 3. Trekk fra hovedkolonnen bredde fra hele bredden. Dette vil gi deg den andre kolonnebredde. 760-469 = 291. Fra denne beregningen, skal jeg lage en to-kolonne område som har en hovedkolonnen 469 piksler bred og en sekundær kolonne 291 piksler bred. Hvis jeg gjør dette, vil jeg ha et nettsted som er estetisk tiltalende, uten å måtte gjøre noe annet. Man kan gjøre dette samme beregning med prosenter for en fleksibel bredde layout: 100% /1,62 = 62% for det brede kolonnen og 38% for det brede kolonnen.

Merk: Mange nettsteder anbefale å bruke forholdet 3: 5 for å få din gylne snitt, men dette forholdet, mens nær, er ikke akkurat det gylne snitt. Hvis du designer noe raskt, eller du har et rutenett som du arbeider fra, kan dette være en god tommelfingerregel å komme nær den perfekte proporsjoner, og det er flott hvis du virkelig hater matte eller ikke har en kalkulator . Bruk det gylne snitt for mer enn Page Layout Hvis du tenker på hvordan elementer i siden din er plassert, kan du bruke det gylne snitt i dem for å lage mini-gylne rektangler. Disse vil være like estetisk tiltalende.

Bruk den for bildetekster på bilder, tekst flyter ved siden av og rundt bilder, reklameplass, og navigasjons. Hvis du oppretter navigeringsknapper som har samme proporsjoner som den gylne rektangel, vil hver og en se fint på siden.