KWALIFIKACJA PGF8 - CZERWIEC 2010

PYTANIE NR 39.
Projektowanie ogłoszenia z uwzględnieniem wizualnej ścieżki patrzenia, polegającej na rozmieszczeniu elementów reklamy w układzie "Z" lub "S" związane jest z zastosowaniem reguły
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
Układy "Z" i "S" opisują typową sekwencję skanowania reklamy przez wzrok (od punktu startowego do kolejnych obszarów zainteresowania).
Dlatego projektowanie z myślą o tej ścieżce patrzenia jest związane z regułą kolejności, a nie ze spójnością stylu, kontrastem czy harmonią kompozycji.

Pełne wyjaśnienie:

Wzory "Z" i "S" to popularne modele opisujące wizualną ścieżkę patrzenia, czyli to, w jakiej kolejności odbiorca zwykle skanuje układ graficzny.

W praktyce oznacza to, że projektant rozmieszcza elementy reklamy (np. nagłówek, logo, hasło, przycisk CTA) tak, aby kluczowe informacje pojawiły się w punktach, które wzrok naturalnie odwiedza po kolei. Tę ideę najlepiej oddaje odpowiedź "kolejności" – chodzi o planowanie układu według sekwencji percepcji, a nie wyłącznie o estetykę.

Dlaczego pozostałe propozycje nie pasują?

  • "spójności" dotyczy jednolitego stylu (kolory, typografia, konsekwencja graficzna). Spójność pomaga w czytelności i wiarygodności marki, ale sama nie opisuje ścieżki Z/S ani priorytetu miejsc, w które patrzy odbiorca.
  • "kontrastu" odnosi się do wyróżniania elementów (np. kolorem, wielkością, światłem). Kontrast może wspierać kierowanie uwagi, ale nie definiuje konkretnej sekwencji skanowania charakterystycznej dla Z lub S.
  • "harmonii" to wrażenie równowagi i zgodności elementów kompozycji. Harmonijny projekt może istnieć zarówno w układzie zgodnym z Z/S, jak i bez niego; nie jest to jednak reguła opisująca przebieg patrzenia.

Wskazówka egzaminacyjna: gdy w pytaniu pojawiają się modele "Z" lub "S" oraz sformułowania o ścieżce patrzenia i rozmieszczeniu elementów, najczęściej sprawdzana jest umiejętność rozumienia porządku/priorytetu odbioru treści, czyli reguła kolejności.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
Wzór Z to schemat, w którym wzrok zwykle skanuje przekaz od lewego górnego rogu do prawego, potem po przekątnej w dół i znów w prawo. Pomaga to planować, gdzie umieścić nagłówek, obraz, a na końcu wezwanie do działania (CTA), aby były widziane w typowej kolejności.
Wzór S opisuje skanowanie treści "falą", gdy odbiorca czyta dłuższe bloki tekstu i przechodzi przez akapity. Stosuje się go częściej w materiałach z większą ilością informacji (np. artykuł sponsorowany, landing page), gdzie ważne jest prowadzenie wzroku przez kolejne fragmenty treści.
Ponieważ oba układy mówią o sekwencji odbioru elementów: gdzie wzrok patrzy najpierw, a gdzie później. Reguła kolejności polega na takim rozmieszczeniu elementów reklamy, aby najważniejsze informacje pojawiały się w punktach, które wzrok odwiedza po kolei podczas skanowania.
Reguła kolejności dotyczy tego, w jakiej kolejności odbiorca zobaczy elementy (np. zgodnie z Z/S). Kontrast dotyczy tego, który element wybije się na tle innych (kolorem, wielkością, jasnością). Kontrast może wspierać uwagę, ale nie zastępuje planowania ścieżki patrzenia.
Reguła kolejności odpowiada za logiczne ułożenie informacji w przestrzeni zgodnie ze skanowaniem wzroku. Spójność oznacza jednolity styl (kolory, typografia, konsekwencja layoutu) i buduje wrażenie porządku oraz marki. Można mieć spójną reklamę, ale z błędną kolejnością ekspozycji kluczowych treści.
W praktyce logo i nagłówek często umieszcza się w górnych obszarach, gdzie wzrok zaczyna skanowanie, a CTA w dolnej części po prawej, czyli bliżej końca ścieżki Z. Dzięki temu odbiorca naturalnie "dochodzi" do działania po zapoznaniu się z głównym przekazem reklamy.
Nie zawsze. Schematy Z/S są silnie związane z nawykiem czytania (np. od lewej do prawej). W kulturach, gdzie tekst czyta się inaczej, kolejność skanowania może się zmieniać. Dlatego projektant powinien brać pod uwagę język i kierunek czytania grupy docelowej.
Częsty błąd to mechaniczne "wpychanie" elementów w Z/S bez sprawdzenia, czy treść i format na to pozwalają. Inny błąd to mylenie ścieżki patrzenia z samą hierarchią wizualną (tylko rozmiar/kolor). Skuteczny layout łączy kolejność skanowania z czytelnością i priorytetami komunikatu.
Można wykonać szybki test: pokaż projekt na kilka sekund i zapytaj, co odbiorca zapamiętał jako pierwsze i drugie. Bardziej zaawansowanie stosuje się eye-tracking lub analizę map cieplnych. W praktyce ważne jest, by kluczowe elementy (nagłówek, oferta, CTA) były zauważane w zamierzonej kolejności.
Ucz się rozróżniać pojęcia: kolejność (ścieżka skanowania), kontrast (wyróżnienie), spójność (jednolity styl), harmonia (równowaga). Ćwicz na przykładach: weź kilka reklam i opisz, gdzie patrzysz najpierw oraz czy CTA jest na końcu. To pomaga szybko rozpoznawać, o jaką regułę pyta zadanie.
info

To pytanie poprawnie rozwiązuje 54% zdających egzamin. trudne

Źródła:

  • Nielsen Norman Group, "F-Shaped Pattern of Reading on the Web: Misunderstood, But Still Relevant (Even on Mobile)", https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/ (dostęp: 2026-03-01)
  • Nielsen Norman Group, "Layer-cake Pattern", https://www.nngroup.com/articles/layer-cake-pattern/ (dostęp: 2026-03-01)
  • Interaction Design Foundation, "Visual Hierarchy", https://www.interaction-design.org/literature/topics/visual-hierarchy (dostęp: 2026-03-01)

Materiały:

  • Artykuły o wzorcach skanowania (F/Z) w UX i projektowaniu layoutu
  • Podstawy kompozycji: kontrast, spójność, harmonia, hierarchia i typografia (skrypty szkolne / podręczniki do projektowania graficznego)
  • Ćwiczenia praktyczne: analiza istniejących reklam i wskazywanie kolejności odbioru informacji

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego