KWALIFIKACJA PGF4 - STYCZEŃ 2016

PYTANIE NR 15.
Tworząc grafikę wektorową na potrzeby serwisu internetowego należy pamiętać o
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W grafice wektorowej przygotowywanej do serwisu internetowego kluczowe jest zaplanowanie kolorystyki.
Dobór palety barw wpływa na spójność projektu, czytelność elementów oraz dopasowanie do identyfikacji wizualnej. Korekta ekspozycji i typowa korekta barwna dotyczą głównie fotografii (raster), a nie obiektów wektorowych.

Pełne wyjaśnienie:

Przy tworzeniu grafiki wektorowej na potrzeby serwisu internetowego szczególnie ważny jest wybór palety barw. To on determinuje spójność wizualną elementów (np. ikon, ilustracji, piktogramów), ich czytelność na tle interfejsu oraz zgodność z identyfikacją marki. W kontekście WWW kolory muszą działać w różnych warunkach wyświetlania (różne ekrany, jasność, tryb jasny/ciemny) i nie powinny utrudniać odbioru treści.

Dlaczego pozostałe odpowiedzi są mniej trafne?

  • "Przekształceniu obiektu w krzywe" – to czynność techniczna spotykana w pracy wektorowej (np. przy eksporcie lub przekazaniu do druku), ale nie jest uniwersalną "rzeczą, o której należy pamiętać" specyficznie dla publikacji w serwisie internetowym. Wiele obiektów może pozostać edytowalnych, a decyzja zależy od narzędzia i procesu.
  • "Przeprowadzeniu korekty barwnej" – sformułowanie kojarzy się z obróbką zdjęć i materiałów rastrowych (np. poprawa balansu bieli, nasycenia, tonacji). W typowej grafice wektorowej nie wykonuje się korekty barwnej w tym sensie; raczej projektuje się kolorystykę elementów.
  • "Przeprowadzeniu korekty ekspozycji" – ekspozycja dotyczy fotografii (naświetlenia) i edycji obrazu rastrowego. Dla obiektów wektorowych (kształtów, linii, wypełnień) pojęcie korekty ekspozycji nie jest standardowym etapem przygotowania.

Wskazówka egzaminacyjna: gdy w odpowiedziach pojawiają się terminy charakterystyczne dla fotografii (ekspozycja) obok pojęć projektowych (paleta barw), warto najpierw rozpoznać, czy pytanie dotyczy grafiki wektorowej czy obróbki zdjęć. To pomaga uniknąć automatycznego wyboru "brzmiącej profesjonalnie" korekty zamiast decyzji projektowej.

Dodatkowe pytania

Dodatkowe pytania (FAQ):

Paleta barw to zestaw z góry wybranych kolorów używanych konsekwentnie w elementach wektorowych (np. ikonach, ilustracjach SVG).

Pomaga utrzymać spójny wygląd serwisu, ułatwia dobór kontrastów i przyspiesza projektowanie kolejnych elementów.

Kolory w serwisie internetowym wpływają na czytelność, hierarchię informacji i odbiór marki.

Dobrze dobrana paleta ogranicza przypadkowość, ułatwia zachowanie spójności między podstronami oraz zmniejsza ryzyko problemów z kontrastem na różnych ekranach.

Najczęstsze błędy to używanie zbyt wielu przypadkowych odcieni, brak spójności między ikonami oraz zbyt niski kontrast względem tła.

Problemem bywa też mieszanie kolorów "brandowych" z losowymi barwami, co psuje identyfikację wizualną.

Nie w typowym znaczeniu. Korekta ekspozycji dotyczy fotografii (materiału rastrowego) i zmiany jasności wynikającej z naświetlenia.

W grafice wektorowej projektuje się kształty i wypełnienia, więc pracuje się raczej kolorem i kompozycją niż "ekspozycją".

Korekta barwna to najczęściej dostosowanie kolorów w obrazie rastrowym (zdjęciu/filmie), np. balansu bieli, nasycenia, tonów skóry.

W projektach multimedialnych jest ważna przy fotografii i wideo, ale przy wektorach częściej kluczowy jest świadomy dobór palety.

Dobieraj kolory z myślą o tle i rozmiarze elementu: małe ikony wymagają wyraźnych kontrastów.

Ogranicz liczbę barw, zdefiniuj kolory podstawowe i akcenty, a potem stosuj je konsekwentnie w całym zestawie elementów.

Zależy od sytuacji. Zamiana na krzywe bywa używana, aby uniknąć problemów z brakiem fontu, ale w WWW często korzysta się z fontów webowych lub osadza tekst inaczej.

To nie jest uniwersalny krok "zawsze konieczny" dla grafiki do serwisu internetowego.

Najczęściej spotkasz SVG, bo dobrze skaluje się w przeglądarce i nadaje się do ikon oraz ilustracji.

W praktyce ważne jest też przygotowanie wariantów kolorystycznych (np. na jasne i ciemne tło) zgodnie z paletą projektu.

Warto ograniczać liczbę kolorów, gdy tworzysz zestawy ikon, elementy UI lub ilustracje powtarzalne w całym serwisie.

Mniejsza paleta ułatwia spójność, poprawia rozpoznawalność stylu i zmniejsza ryzyko przypadkowych, niespójnych odcieni.

Powtórz różnice między wektorem a rastrem oraz typowe zastosowania (UI, ikony, ilustracje, logotypy).

Ćwicz rozpoznawanie pojęć "fotograficznych" (ekspozycja) vs "projektowych" (paleta barw, spójność). To często pomaga szybko wybrać poprawną odpowiedź.

info

Około 60% zdających odpowiada poprawnie na to pytanie. średnie

Według specjalistów z branży: "Korekta ekspozycji i typowa korekta barwna dotyczą głównie fotografii (raster), a nie obiektów wektorowych."

Źródła:

  • MDN Web Docs: "SVG: Scalable Vector Graphics" – https://developer.mozilla.org/en-US/docs/Web/SVG (accessed 2026-02-18)
  • W3C WAI: "Web Content Accessibility Guidelines (WCAG) 2.2" (kontrast i postrzegalność) – https://www.w3.org/TR/WCAG22/ (accessed 2026-02-18)
  • MDN Web Docs: "color" (CSS, wartości kolorów i kontekst ekranowy) – https://developer.mozilla.org/en-US/docs/Web/CSS/color (accessed 2026-02-18)

Materiały:

  • Dokumentacja WCAG dotycząca postrzegalności i kontrastu kolorów
  • Poradniki dotyczące SVG i grafiki wektorowej w WWW (MDN Web Docs)
  • Materiały z podstaw teorii barw i zarządzania kolorem w projektowaniu na ekran

Aktualizacja pytania: 31.03.2026



Aktualizacja pytania: 31.03.2026
📡 Brak połączenia internetowego