KWALIFIKACJA PGF4 - STYCZEŃ 2016

PYTANIE NR 14.
Opracowując projekt graficzny zgodnie z zasadą bliskości, należy zachować regułę
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Zasada bliskości polega na świadomym grupowaniu informacji: elementy powiązane tematycznie lub funkcjonalnie umieszcza się bliżej siebie niż elementy z innych grup.
Takie różnicowanie odstępów (w tym użycie białej przestrzeni) ułatwia odbiorcy szybkie odczytanie struktury i relacji w projekcie.

Pełne wyjaśnienie:

Zasada bliskości (proximity) to reguła kompozycji mówiąca, że elementy, które należą do siebie znaczeniowo (np. nagłówek i akapit, zdjęcie i podpis, etykieta pola i samo pole), powinny znajdować się bliżej siebie niż elementy z innych grup. Odbiorca automatycznie interpretuje małe odległości jako "to jest jedna całość", a większe odstępy jako granicę między sekcjami.

Dlatego odpowiedź "umieszczania blisko siebie elementów ze sobą powiązanych." jest poprawna: opisuje mechanizm percepcyjny i praktyczną technikę porządkowania layoutu przez odstępy oraz białą przestrzeń.

Pozostałe odpowiedzi nie pasują do zasady bliskości:

  • "komunikatów zwrotnych." dotyczy raczej projektowania interakcji i UX (feedback po akcji użytkownika), a nie reguły rozmieszczania elementów na płaszczyźnie kompozycji.
  • "trójpodziału." to inna zasada/technika kadrowania i kompozycji (związana z podziałem obrazu na części), niezależna od grupowania informacji przez odległość.
  • "umieszczania blisko siebie elementów niepowiązanych ze sobą." jest zaprzeczeniem zasady bliskości i prowadzi do błędnych skojarzeń: odbiorca uzna niepowiązane treści za jedną grupę, co obniża czytelność i może powodować chaos informacyjny.

W praktyce najczęstszy błąd to równomierne "rozsypanie" wszystkich obiektów lub odwrotnie: nadmierne zagęszczenie. W poprawnym projekcie odstępy wewnątrz grup są wyraźnie mniejsze niż odstępy między grupami, dzięki czemu hierarchia i relacje stają się intuicyjne.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Zasada bliskości mówi, że elementy powiązane znaczeniowo należy umieszczać bliżej siebie niż elementy z innych grup. Dzięki temu odbiorca intuicyjnie widzi, które informacje tworzą całość, a które są osobnymi sekcjami layoutu.
To efekt percepcji wzrokowej: mózg upraszcza obraz, szukając struktur i relacji. Mały odstęp jest interpretowany jako "należy do siebie", a większa przerwa jako granica. Projektant wykorzystuje to, aby porządkować informacje bez dodatkowych ramek.
Łącz nagłówki z odpowiadającymi im akapitami, zdjęcia z podpisami i cenę z nazwą produktu przez mniejsze odstępy wewnątrz sekcji. Między różnymi działami (np. oferta i kontakt) zostaw większą przerwę, czyli białą przestrzeń.
Najczęściej: równomierne rozstawienie wszystkiego (brak hierarchii), umieszczenie niepowiązanych elementów zbyt blisko (fałszywe skojarzenia) oraz zbyt małe odstępy między grupami. Błędem bywa też "upchanie" treści zamiast świadomego grupowania.
Nie. Bliskość nie oznacza "im ciaśniej, tym lepiej". Chodzi o logiczne grupy: wewnątrz grupy elementy są bliżej, ale między grupami powinien być wyraźny oddech. Biała przestrzeń jest narzędziem porządkowania, a nie "marnowaniem miejsca".
Bliskość dotyczy relacji i odstępów między elementami informacji (grupowanie). Trójpodział dotyczy kompozycji kadru i rozmieszczenia akcentów w obrazie według linii podziału. To różne narzędzia: jedno porządkuje treść, drugie ustawia punkt ciężkości kompozycji.
W UI grupuje się elementy nawigacji, pola formularza i przyciski związane z jedną akcją. Etykieta pola powinna być blisko pola, a sekcje formularza oddzielone większym odstępem. Dzięki temu użytkownik szybciej skanuje ekran i rzadziej popełnia błędy.
Gdy przypadkowo ustawisz blisko siebie elementy niepowiązane (np. obok ceny z innego produktu) albo gdy wszystkie odstępy są podobne, przez co grupy zlewają się w jedną masę. Wtedy odbiorca tworzy błędne skojarzenia i traci czas na "domyślanie się" struktury.
Zrób test "pierwszego spojrzenia": spójrz na projekt przez 2–3 sekundy i oceń, czy od razu widać sekcje oraz pary typu nagłówek–treść, zdjęcie–podpis. Pomaga też szybki podgląd w skali szarości lub zmniejszenie projektu.
Szukaj słów kluczowych: "grupowanie", "odstępy", "powiązane elementy", "czytelność", "biała przestrzeń". Jeśli odpowiedź mówi o umieszczaniu bliżej elementów należących do siebie, to opisuje bliskość. Unikaj mylenia z kadrowaniem (trójpodział) i feedbackiem w interfejsie.
info

To pytanie poprawnie rozwiązuje 59% zdających egzamin. średnie

Źródła:

  • Robin Williams, "The Non-Designer's Design Book" (zasady: Contrast, Repetition, Alignment, Proximity), Peachpit Press, wydania wielokrotne – rozdziały o Proximity.
  • Nielsen Norman Group: "Proximity Principle in Visual Design" (artykuł o zasadzie bliskości w UI/UX), https://www.nngroup.com/articles/proximity-principle/ - dostęp 2026-02-28
  • Słownik języka polskiego PWN, hasło "blisko" (poprawna pisownia), https://sjp.pwn.pl/sjp/blisko;2444994.html - dostęp 2026-02-28

Materiały:

  • podręczniki projektowania graficznego omawiające zasady: kontrast, powtarzalność, wyrównanie, bliskość
  • materiały o typografii i siatkach składu (grid) w DTP
  • artykuły o projektowaniu UX i znaczeniu białej przestrzeni

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego