Biała przestrzeń (whitespace, negative space) to puste obszary wokół i między elementami interfejsu. Nie musi być biała: jej zadaniem jest oddzielanie treści, kierowanie uwagą i poprawa czytelności.
Dlaczego biała przestrzeń jest ważna?
Pozwala oczom odpocząć, wyróżnia kluczowe elementy i grupuje powiązane treści. Układ z odpowiednimi odstępami wygląda profesjonalnie i jest łatwiejszy do przejrzenia.
Rodzaje białej przestrzeni
Mikroprzestrzeń to odstępy między literami, wierszami i drobnymi elementami. Makroprzestrzeń to większe marginesy między sekcjami i blokami układu.
Jak ją stosować?
Używaj spójnej skali odstępów (np. wielokrotności 8 px), zostawiaj więcej miejsca wokół ważnych elementów i unikaj upychania treści. W CSS służą do tego margin, padding i gap.
Biała przestrzeń a czytelność tekstu
Dla tekstu liczą się szerokość wiersza (około 50–75 znaków), interlinia (zwykle 1,4–1,6 wysokości czcionki) i odstępy między akapitami. Zbyt ciasny układ męczy czytelnika, a zbyt rozrzedzony rozrywa związek między elementami. Zasada bliskości z psychologii Gestalt mówi, że elementy blisko siebie postrzegamy jako grupę, więc większy odstęp ma oddzielać różne sekcje, a mniejszy powiązane elementy.