Design för hemsida & webshop

Alla webbdesigners har säkert någon gång börjat en layout genom att flytta runt kommande innehåll på en tom yta tills allt “känns rätt”. Men vad är egentligen definitionen av “rätt”? Om vi för en stund bortser från magkänslan och istället fokuserar oss lite mer matematiskt och logiskt så skulle man kunna definiera “rätt” genom att mäta hur nära en layout ligger det gyllene snittet.

Det gyllene snittet är en grafisk motsvarighet till talet phi (1.618033988749895). Ända sedan antikens grekland har arkitekter känt till att en form som baseras på proportionerna i phi blir mer harmonisk och balanserad. Och i naturen hittar du dessa proportioner i allt från hur ett snäckskal blir mindre och mindre mot mitten till hur en kotte är uppbyggd.

En bra designer hamnar omedvetet rätt enbart med ögonmått och känsla. Men med hjälp av phi-talet går det alltså även att matematiskt räkna ut hur en layout bör balanseras. Låt oss som ta ett exempel där vi utgå från att din layout i sin totala bredd är 780px och att du vill dela den i två kollumner. Då tar du helt enkelt 780 delat med 1.62 (avrundat för enkelhetens skull). Resultatet är ca 481px, det är bredden på din huvudkollumn. Resterande 299px är alltså en perfekt proportion för din andrakollumn. För att förenkla så skulle förmodligen 480px+300px fortfarande kännas helt rätt.

På samma sätt kan du göra en liggande layout eller designa upplägg av rubrikstorlekar och mycket annat. Lycka till, men en kort varning; det är väldigt vanebildande.

Kategori: Webbdesign |