KWALIFIKACJA PGF4 - WRZESIEŃ 2014

PYTANIE NR 16.
Zgodnie z zasadami typografii internetowej optymalna długość linii tekstu dla czytelności wynosi:
A.
B.
C.
D.
Wyjaśnienie poprawnej odpowiedzi:
W typografii internetowej zaleca się podawać długość wiersza jako zakres, bo zależy ona m.in. od kroju, rozmiaru pisma i urządzenia. Najczęściej wskazywany przedział zapewniający płynne przechodzenie wzroku między wierszami to 45–75 znaków. Krótsze linie zbyt często łamią rytm czytania, a dłuższe męczą i utrudniają powrót do początku kolejnej linii.

Pełne wyjaśnienie:

W typografii internetowej celem jest czytelność, czyli takie ustawienie tekstu, aby oko mogło płynnie śledzić wiersze i bez wysiłku odnajdywać początek kolejnej linii. Z tego powodu zalecenia dotyczące długości wiersza podaje się zwykle jako zakres, a nie jedną stałą liczbę.

Odpowiedź "45-75 znaków." jest poprawna, ponieważ to najczęściej cytowany przedział uznawany za komfortowy dla czytania dłuższych bloków tekstu na ekranach. W tym zakresie ogranicza się problem "gubienia" kolejnej linii przy zbyt szerokich akapitach, a jednocześnie unika się zbyt częstych przeniesień do następnego wiersza, które rozbijają tempo czytania.

Dlaczego pozostałe odpowiedzi są niepoprawne?

  • "25-35 znaków." — to zwykle zbyt krótko dla tekstu akapitowego na typowym widoku desktopowym. Tak krótka linia wymusza częste skoki wzroku do nowego wiersza, osłabia rytm czytania i może sprawiać wrażenie "poszarpanego" składu. Taki zakres bywa spotykany tylko w specyficznych układach (np. bardzo wąskie szpalty), ale nie jako ogólne optimum.
  • "90-120 znaków." — to zazwyczaj za długo. Przy tak szerokiej linii rośnie ryzyko, że użytkownik po zakończeniu wiersza nie trafi łatwo wzrokiem na początek następnego, co zwiększa zmęczenie i liczbę błędów w śledzeniu tekstu.
  • "powyżej 150 znaków." — to skrajnie długa linia, typowa dla braku ograniczenia szerokości kolumny na dużych monitorach. Taki układ jest uznawany za nieergonomiczny, bo czytanie staje się wolniejsze i bardziej męczące.

Wskazówka praktyczna: w projektach WWW długość wiersza kontroluje się najczęściej przez ograniczenie szerokości bloku tekstu (np. przez max-width) i testy na różnych szerokościach ekranu. W responsywnych układach zalecenia mogą się przesuwać (na małych ekranach linie bywają krótsze), dlatego ważne jest myślenie kategoriami przedziału, a nie jednej liczby.

Dodatkowe pytania

Dodatkowe pytania (FAQ):
To zalecany zakres liczby znaków w jednym wierszu akapitu, który sprzyja czytelności. Zbyt długie wiersze utrudniają odnalezienie początku następnej linii, a zbyt krótkie przerywają rytm czytania. W praktyce często podaje się zakres ok. 45–75 znaków.
Ponieważ czytelność zależy od wielu zmiennych: kroju pisma, rozmiaru fontu, interlinii, szerokości ekranu i układu responsywnego. Ten sam projekt może wyglądać inaczej na desktopie i na telefonie, dlatego rekomendacje mają formę przedziału, a nie jednej stałej wartości.
Zbyt długa linia zwiększa zmęczenie wzroku i liczbę pomyłek podczas czytania. Użytkownik kończy wiersz daleko po prawej stronie i ma trudność z szybkim "trafieniem" na początek kolejnej linii. Efektem bywa wolniejsze czytanie i gorsze zrozumienie treści.
Przy zbyt krótkich wierszach oko musi bardzo często wracać do początku następnej linii, co wybija z rytmu i rozbija płynność czytania. Taki układ może wyglądać "poszarpanie" i zwiększać długość strony przez liczne łamania. Czasem ma sens w wąskich kolumnach, ale nie jako uniwersalne optimum.
Najczęściej ogranicza się szerokość kontenera tekstu, np. przez ustawienie max-width. Dzięki temu na szerokich monitorach akapit nie "rozlewa się" na całą szerokość. Potem warto testować widok na różnych ekranach i dopasować szerokości w breakpointach, aby utrzymać czytelność.
66 znaków bywa często cytowane jako "sweet spot", ale nie jest to jedyna poprawna wartość. W praktyce liczy się utrzymanie rekomendowanego zakresu i dopasowanie do projektu: kroju, wielkości fontu, interlinii oraz urządzenia. Dlatego na egzaminie bezpieczniej myśleć o przedziale, nie o jednej liczbie.
Na telefonach ekran jest węższy, więc naturalnie liczba znaków w wierszu spada. Krótsze linie mogą być akceptowalne, o ile tekst nadal czyta się płynnie (odpowiedni rozmiar fontu i interlinia) i nie ma wrażenia "łamanej" kolumny. Dlatego projektowanie responsywne wymaga testów na urządzeniach.
Najczęstszy błąd to szukanie jednej "jedynej" liczby zamiast wskazania zakresu. Drugi błąd to wybór skrajnych wartości (bardzo krótkich lub bardzo długich), bo wydają się jednoznaczne. Warto pamiętać, że zalecenia typograficzne wynikają z ergonomii czytania, a nie z arbitralnej stałej.
Tak, może pogarszać czytelność, bo w wielu przypadkach tworzy nierówne odstępy między wyrazami (tzw. "rzeki" w tekście). Nawet przy poprawnej długości linii taki skład może wyglądać chaotycznie. W praktyce częściej stosuje się wyrównanie do lewej i kontrolę szerokości kolumny.
Utrwal podstawowe zasady czytelności: długość wiersza jako zakres, rola interlinii, konsekwencje zbyt szerokich akapitów i typowe praktyki w CSS (np. ograniczanie szerokości). Ćwicz analizę makiet i stron: oceń, czy tekst nie jest "za długi" na dużym ekranie i jak zmienia się w RWD.
info

Statystycznie 71% uczniów zna prawidłową odpowiedź. średnio łatwe

W praktyce zawodowej kluczowe jest to, że w typografii internetowej zaleca się podawać długość wiersza jako zakres, bo zależy ona m.in. od kroju, rozmiaru pisma i urządzenia.

Źródła:

  • UXPin, artykuł o optymalnej długości linii (readability / line length) – informacja o zakresie 50–75 znaków – https://www.uxpin.com/studio/blog/line-length/ (dostęp: 2026-03-13)
  • Bowwe.com, artykuł poradnikowy o typografii na stronie WWW – zalecenie ok. 50–75 znaków w linii – https://bowwe.com/pl/blog/typografia-na-stronie-internetowej (dostęp: 2026-03-13)
  • W3C WAI, WCAG (kryterium 1.4.8 Visual Presentation) – zalecenia dot. szerokości bloku tekstu i limitu znaków w wierszu – https://www.w3.org/WAI/WCAG21/Understanding/visual-presentation.html (dostęp: 2026-03-13)

Materiały:

  • Materiały o typografii internetowej i czytelności (line length, readability)
  • Wytyczne dostępności WCAG (sekcja o prezentacji wizualnej i czytelności tekstu)
  • Artykuły i raporty UX dotyczące czytania na ekranie oraz długości linii

Aktualizacja pytania: 03.04.2026



Aktualizacja pytania: 03.04.2026
📡 Brak połączenia internetowego