Dobre praktyki przy projektowaniu witryn internetowych, część II

Istotnym narzędziem w ręku każdego projektanta stron internetowych jest

Światła: zarządzanie wolnymi przestrzeniami

Wbrew pozorom nie każdy wolny fragment strony musi zostać wypełniony informacją, równie ważne jak elementy widoczne na stronie okazują się wolne przestrzenie, interlinie czy odstępy. Właściwe zarządzanie tego typu obiektami pozwala uzyskać wyższą czytelność zamieszczanych informacji, a tym samym ułatwiać ich przekaz.

W DTP każde puste miejsce pomiędzy elementami tekstowymi lub graficznymi na kolumnie publikacji poligraficznej lub np. na stronie internetowej nazywa się potocznie Światłem.

Światła są niezbędne, aby informacja tekstowo-graficzna prezentowała się w sposób estetyczny i funkcjonalny. Zbyt duże zagęszczenie wszelkich elementów na stronie powoduje, że światła nie ma, a więc publikacja "nie oddycha". Odbiorca ma wrażenie nadmiernego ścisku, tłoku, a czasem nawet bałaganu, i to nawet w sytuacji usystematyzowanego ułożenia wszystkich elementów względem siebie. Odbiór przekazu jest utrudniony, ponieważ niedobór światła uniemożliwia szybkie rozróżnianie formalnych elementów budowy strony (np. rozróżnianie sąsiednich pionowych bloków tekstu). Natomiast stosowanie nadmiaru światła jest dozwolone w niemal wszystkich sytuacjach - a poprawność jego użycia jest uzależniona jedynie od koncepcji projektanta. Jedynym zastrzeżeniem jest tutaj światło wewnątrz akapitu tekstu, w którym zbyt duże odległości pomiędzy sąsiednimi wierszami tekstu są ewidentnym błędem projektowym, rozpraszającym uwagę odbiorcy od zintegrowanego tematycznie bloku informacji

Podstawowymi typami odstępów z których możemy skorzystać w projekcie internetowym są:

• interlinie - to jest odległości między sąsiednimi wierszami tekstu liczone jako odstęp pomiędzy dolną linią pisma w wierszu górnym i górną linią pisma w wierszu dolnym. Przestrzeń między liniami bezpośrednio wpływa na czytelność tekstu. Zbyt mała przestrzeń powoduje że czytającemu zlewają się kolejne wiersze tekstu, zaś jego wzrok ma tendencję do przeskakiwania pomiędzy nimi oraz pomijania niektórych linii. Z kolei za duży odstęp powoduje że wzrok czytającego "gubi się" przy przechodzeniu pomiędzy wierszami. Ogólnie należy znaleźć złoty środek pasujący do danego projektu
• odstępy międzyakapitowe - odległości pomiędzy akapitami tekstu, w wypadku HTML mamy do czynienia z odległościami pomiędzy paragrafami. Dal większej czytelności tekstu ważne jest, aby odstęp pomiędzy akapitami był wyraźnie większy niż interlinia.
• paddingi - ogólnie rzecz ujmując tekst nigdy nie powinien dotykać innych elementów strony. Aby odseparować bloki tekstu od pozostałych elementów stosuje się właśnie padding

Warto dodać że duża ilość światła w kompozycji powoduje iż zwykle wydaje się ona bardziej elegancka a nawet ekskluzywna. Stąd właśnie na stronach internetowych kierowanych do odbiorców drogich i unikalnych produktów znajdziemy dużo świetnie skomponowanej, wolnej przestrzeni.