Aby zadowolić naszych użytkowników na nieracjonalnym, estetycznym, intuicyjnym poziomie, powinniśmy wykorzystać tzw. złoty podział, znany też jako boska proporcja lub podział harmoniczny. Wykorzystywany w klasycznej architekturze, rzeźbie i malarstwie, sprowadza się do takiego podziału odcinka na dwie części, aby stosunek długości dłuższej z nich do krótszej był taki sam, jak całego odcinka do części dłuższej – czyli długość części dłuższej ma być średnią geometryczną długości części krótszej i całego odcinka.

Stosunek ten określamy jako złotą liczbę i oznaczamy grecką literą φ. Jest ona w przybliżeniu równa 1,618. Tutaj możecie zobaczyć, jak obliczyć złotą liczbę.

Jak teraz odnieść to do strony internetowej?

Załóżmy, że projektujemy prostą, dwukolumnową stronę o stałej szerokości, której wartość wynosi popularne dziś 960 pikseli. Po lewej stronie chcemy mieć pasek boczny (#pasek), a treść będziemy prezentować w głównym bloku (#blok).

• Obliczamy najpierw szerokość bloku głównego, dzieląc 960 przez 1,618. W przybliżeniu uzyskamy 593 piksele.

• Odejmujemy 593 piksele od ustalonej szerokości strony (960 px). W wyniku uzyskujemy 367 pikseli.

• Jak widać, stosunek między #blok i #pasek wynosi w przybliżeniu 1,615 – prawie tyle samo, co stosunek szerokości strony do szerokości #bloku.

Stosunek pomiędzy poszczególnymi szerokościami: w przybliżeniu liczba φ.

Zaletą takiego podziału, oprócz przyjemnego ustawienia elementów strony jest to, że w tak podzielonych blokach, przy standardowych rozmiarach fontów, będziemy mogli z łatwością uzyskać tekstową kolumnę o szerokości od 60 do 80 znaków – co stanowi optymalną dla ludzkiego oka długość tekstu.