publikuj: Opublikuj w wykop.pl Opublikuj we flaker.pl Opublikuj na OSnews.pl Opublikuj w delicious wydrukuj
skomentuj »

TAGI: css , layout , strona www , design , grafika

2009-08-05 19:44  |  Magdalena Czarny

Złota proporcja: jak tworzyć atrakcyjne układy stron?

Złota proporcja: jak tworzyć atrakcyjne układy stron?

Dobra strona internetowa nie musi być pełna wodotrysków – najważniejsze aby była przejrzysta i użyteczna. Najważniejsze zasady budowania atrakcyjnych, przejrzystych układów graficznych wywodzą się jeszcze ze starożytności. Tutaj pokażemy, jak stosować zasady złotych proporcji i trójpodziału, przede wszystkim w odniesieniu do projektowania stron internetowych.

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.

«poprzednia 1 2 następna »

publikuj: Opublikuj w wykop.pl Opublikuj we flaker.pl Opublikuj na OSnews.pl Opublikuj w delicious wydrukuj
skomentuj »

Polecane książki

Czytaj Webhosting

Chcesz być na bieżąco z naszymi informacjami? Zapisz się na Newsletter.

Zarejestruj domenę

Sprawdź dostępność swojej domeny:

.pl: 0 zł   .com: 19.90 zł
.com.pl: 0 zł   .eu: 19.90 zł