Jasny tekst na ciemnym tle vs. ciemny tekst na jasnym tle: co pozwala czytelnikowi dłużej skupiać ostrość?


11

Nie chciałem przechodzić do niekończącej się wojny ciemności na jasności kontra jasności na ciemności, ale ostatnio odkryłem coś interesującego: podczas gdy tekst jasności na ciemności wciąż jest mniej męczący dla moich oczu (i osobiście wolę to więcej), ciemno na świetle wydawało się, że lepiej byłoby skupić moją uwagę na treści tekstu; innymi słowy, pomaga skupić się bardziej na tym, co czytasz. Jest to o wiele bardziej zauważalne przy dłuższym tekście, którego przeczytanie zajmuje kilka minut.

Szukam jakichkolwiek prac, badań, pomiarów, Google Analytics, wszystkiego, co zostało zrobione, aby sprawdzić, czy tekst jest bardziej zrozumiały, bardziej przylegał do czytelnika, ułatwił przywołanie z pamięci, a nie tych, które koncentrują się na czytelności .

Czy ktoś przeprowadził badania wskazujące w ten czy inny sposób?


1
Być może wynika to z faktu, że światło na ciemności jest łatwiejsze do zauważenia, ponieważ tylko tekst i treść są wysyłane do ciebie za pomocą światła. Tak więc mniej informacji pomaga skupić wzrok.
Zac Grierson

Ciekawa teoria. Białe (światło) prawdopodobnie wymaga więcej od oczu, w ten sposób zwężając tęczówkę, zwiększając ostrość , podczas gdy czarny (ciemny) wymaga mniej od oczu, a twoja tęczówka zwalnia (zmniejszając napięcie mięśni).
kcdwayne

@kcdwayne tak, to prawda, ale nadal interesują mnie wyniki z dłuższego (er) terminu, ponieważ istnieje związek między tematem a możliwością przywołania przeczytanego tekstu.
petermolnar

@ZachariaSamuelGrierson czarny tekst na białym tle wydawał się lepszy, a nie jasny tekst na ciemnym tle.
petermolnar

@petermolnar Czy masz coś przeciwko, jeśli prześlę to jako odpowiedź?
Zac Grierson

Odpowiedzi:


11

Najbardziej fundamentalnym fundamentem dobrej typografii dla długiego tekstu jest to, że ten typ powinien być „niewidoczny” dla czytelnika, więc nie ma nic, co mogłoby zakłócać komunikację informacji. Na tej podstawie otrzymujemy zasady, że szeryfowe twarze i lekkie bezszelestne teksty są dłuższe niż zwykłe bezszelestne, a ciemne na jasnym tle jest lepsze niż jasne na ciemne. Jest to krótkie podsumowanie tego ogólnie przyjętego typograficznego mądrości tutaj . Naprawdę nie można oddzielić czytelności od zrozumienia, a zatem zachowania.

To powiedziawszy, znam kilka przyczyn braku retencji, które nie mają nic wspólnego z typografią, a także widziałem pewne idiotyczne badania w tym obszarze (jak facet, który wycina kolumny tekstu w dół i dzieli je na 1/4 cala, ponieważ „zmusiło czytelnika do większej koncentracji, aby śledzić tekst”). Więc twoje doświadczenie w tym przypadku może być związane z typem i może nie być.

Najważniejsze jest jednak to, że to, co jest wygodne do czytania, jest bardziej podatne na pochłanianie niż to, co nie jest.

Istnieje szereg badań w dziedzinie optyki , szczególnie terapii wzrokowej, wskazujących na związek między słabą koordynacją oka („niewydolność zbieżności” w żargonie)) a nieuwagą, brakiem retencji, a nawet ogólną niechęcią do czytania. (Często błędnie zdiagnozowane jako dysleksja lub ADHD.) Skutkiem różnych form niewydolności konwergencji jest rodzaj zmęczenia oczu, który sprawia, że ​​czytanie jest niewygodne. To samo dotyczy osób, które potrzebują soczewek korekcyjnych do czytania, ale ich nie noszą.

Nietrudno jest wyciągnąć wniosek, że cokolwiek w typografii długiego fragmentu tekstu, które nie jest idealne, może mieć negatywny wpływ na uwagę i zachowanie.

Ogólnie rzecz biorąc, największym źródłem dyskomfortu podczas czytania długich fragmentów tekstu jest nadmierny kontrast. Ni plus ultra tego bierze książkę, która jest wydrukowany na jasnym białym papierze i stara się ją przeczytać w bezpośrednim świetle słonecznym.

Patrząc na ogólnie ciemne pole (na przykład tekst jasny na ciemny) źrenica oka się rozszerza. Bez wnikania w szczegóły techniczne szerszy źrenica == mniej ostre skupienie, delikatne rozmycie na krawędziach typu. Tak właśnie działa optyka. Dlatego tak bolesne jest czytanie w słabym świetle. Uczniowie mają maksymalne rozszerzenie, co oznacza, że ​​koncentracja jest najgorsza.

Patrząc na jasną stronę, uczeń zwęża się. Wąska źrenica == ostrzejsze skupienie (co nawiasem mówiąc, zwiększa kontrast krawędzi obiektów w polu widzenia). Na tej podstawie możesz wywnioskować, że typ sans, będący grubszą budową niż jego poważni kuzyni, czyta lepiej odwrócony na ciemnym tle niż poważna twarz, i miałbyś rację.

Helvetica i podobne bez twarzy tworzą silny kontrast z tłem i są niewygodne do czytania, gdy są renderowane jako czarno-białe lub biało-czarne, chyba że zastosujesz najlżejszą wagę. Kiedy ustawiam tekst w sans, użyję najlżejszej dostępnej wagi i / lub czegoś takiego jak szary

Tradycyjne twarze tekstu szeryfowego, takie jak Caslon, Jenson i Garamond, mają mniejszy kontrast wizualny wydrukowany na jasnym podłożu, dzięki czemu są wygodniejsze do czytania. Szeryfowe płyty, takie jak egipskie tabliczki, można odczytać tylko przy mniejszej gramaturze. Didone lub Bodoni, z mocno kontrastującymi grubymi i cienkimi pociągnięciami, wydają się być zbyt kontrastowe dla wygodnego czytania.

Problemy z ogniskowaniem mogą być subtelne. To nie musi być kwestia światła na ciemności. Oko inaczej skupia czerwone i zielone światło, a jeśli naprawdę chcesz zrobić sobie ból głowy, przekonwertuj kilka stron tekstu na czerwony na zielonym i spróbuj je przeczytać. To boli!


To bardzo ładna i długa odpowiedź, a cytujesz kilka badań; Z przyjemnością to zaakceptuję, w tym nagrodę, jeśli możesz połączyć źródła cytatów.
petermolnar

1
Niestety nie mam czasu na wykopanie 40-letnich lat referencji. To, co tutaj podałem, jest również tym, co okazało się prawdą w praktyce i jest łatwe do przetestowania dla siebie. Podejrzewam, że jedną z części, która może być trudna do wyśledzenia, są informacje dotyczące widzenia. Link do strony z szeregiem doskonałych artykułów.
Alan Gilbertson

Zgadzam się ze wszystkim i dobre wyjaśnienie na temat ucznia. Ostatnio próbowałem odpowiedzieć na podobne pytanie . Potem przyszedł „prawdziwy naukowiec” :) Zastanawiam się tylko, dlaczego ludzie nalegają na publikacje naukowe na temat rzeczy, które są dość łatwe do przetestowania, a nawet logiczne zrozumienie.
Michaił V

3

Wiele osób badało to na różne sposoby i możliwości. Niektóre można znaleźć za pomocą Google Scholar. Oto kilka fragmentów, które znalazłem, odnoszących się do pytania i ich źródła:

2.2.2 Kolor i uwaga wizualna

Wśród różnorodnych elementów graficznych na ekranie kolor jest jednym z potężnych elementów projektu. Projektanci interfejsów muszą być w stanie zrozumieć, jak stosować kolory w projekcie. Jak twierdzi Tufte (1989), „umiejętne projektowanie ekranów komputerowych - z dbałością o kolor, typografię, układ, ikony, grafikę i spójność - w znacznym stopniu przyczynia się do jakości i użyteczności.” „Kilka badań pokazuje wpływ koloru na człowieka przetwarzanie informacji. Na przykład Hoadley (1989) twierdzi, że kolor, jeden z atrybutów bodźca wzrokowego, może przyciągać uwagę ludzi. Ponadto Marcus (1992) wyraża, że ​​kolor jest najbardziej skomplikowanym elementem wizualnym. Ponadto szeroko zakrojone badania dotyczące koloru w uwadze wzrokowej, szczególnie w wyszukiwaniu wizualnym,

Wpływ koloru na wydajność człowieka oceniono w kilku ustawieniach zadań. Te ustawienia zadań wykrywają kolorowe cele wśród kolorowych zakłóceń, wykrywają kolorowe cele wśród kolorowych zakłóceń, w których kolor celów jest inny niż kolor zakłóceń, i wykrywają cele zawierające kombinacje cech (np. Kolor i orientację). Na przykład Treisman i Gelade (1980) informują, że potrzeba skupienia uwagi na połączeniu obiektów powoduje, że uczestnik potrzebuje więcej czasu na wykrycie zielonej litery T na ekranie zawierającym taką samą liczbę brązowych liter T i zielonych liter X. Inne badanie pokazuje, że podczas wyszukiwania słów docelowych z listy kolorowych słów docelowych i kolorowych słów niedocelowych różnice w kolorze tekstu mają znaczący wpływ na czas wyszukiwania,

Oczywiste jest, że dowody wskazują, że kolor ma wpływ na uwagę wzrokową w różnych kontekstach (np. Wizualne wyszukiwanie i czytanie). Powyższe badania manipulują kolorem celów i obiektów niebędących celami, a obiekty niebędące celami są definiowane jako rozproszenie. Z drugiej strony, niniejsze badanie nie bada kolorów słów docelowych i słów niedocelowych. Zamiast tego badane są kolory animowanej grafiki banerowej (rozproszenia).

Zhang (1999) badał podobny problem. W tym badaniu jasny kolor jest istotnym atrybutem animowanych banerów, który może znacznie odwrócić uwagę użytkownika. Atrybut jasności jest badany na dwóch poziomach: jasnym i matowym. Nie zgłoszono koloru odcienia, co utrudnia dalsze badania. Jednak wynik pokazuje, że animowana grafika o jasnym kolorze odwraca uwagę użytkownika bardziej niż animowana grafika o matowym kolorze.

Jeśli chodzi o wykorzystanie kolorów w grafice, ogólne wytyczne są dobrze omówione. Marcus (1992) zaleca stosowanie odpowiednich kolorów dla obszarów centralnych i peryferyjnych. Kolor niebieski jest odpowiedni dla dużych obszarów, takich jak tła ekranu. Czerwony i zielony są zalecane dla obszaru w środku pola widzenia, podczas gdy czarny, biały, żółty i niebieski są lepiej stosowane na obrzeżach pola widzenia.

Co więcej, każda kombinacja kolorów może prawdopodobnie tworzyć różne efekty. Na przykład badania pokazują, że nieskuteczne kombinacje kolorów w projektach graficznych mogą obniżyć wydajność i zadowolenie użytkownika (np. Latomia i Happ, 1987). Skuteczne kombinacje kolorów tekstu i tła animowanej grafiki banerowej są jednym z czynników, które mogą ułatwić przetwarzanie informacji i zwiększyć współczynnik klikalności, czytelność komunikatu banerowego, świadomość marki, uznanie wyglądu strony internetowej i użyteczność strony internetowej.

Źródło: Różnice kulturowe na temat uwagi i postrzeganej użyteczności: Badanie kombinacji kolorów animowanej grafiki

Istnieją dwie koncepcje do dalszego zbadania w związku z tym pytaniem. Badania Zhanga nad jasnością jako rozrywką i zalecenie Marcusa dotyczące różnych kolorów dla różnych obszarów zainteresowania. Poniższe badania wydają się dotyczyć obu w jednym akapicie!

Ustalenia dotyczące uwagi wykazały, że na każdym tle najwięcej uwagi przyciągają kolory o maksymalnym nasyceniu i jasności (67%). Uwagę przyciąga żółto-zielony, zielony, niebieskozielony (45%), a następnie czerwony, purpurowy (30%). Ustalenia dotyczące preferencji wykazały, że kolory o maksymalnym nasyceniu i jasności są najbardziej preferowane (25%). Niebieski jest najbardziej preferowanym odcieniem niezależnie od tła (25%). Relacje kolorów pierwszego planu pod względem uwagi i preferencji są również uwzględnione w wynikach badania.

Źródło: Wpływ odcienia, nasycenia i jasności na uwagę i preferencje


Mój własny wniosek:

Na podstawie mojego nowego czytania, które było czymś więcej niż tylko fragmentami, a także innymi artykułami, które przeczytałem, wydaje mi się, że kontrast jasności jest ważny. Być może dlatego wielcy projektanci często unikają czystej bieli i czystej czerni. Ta strona ma tylko szarawą i ciemną szarość. Dlatego chciałbym znaleźć odpowiedź, że Light On Dark kontra Dark On Light dla uwagi jest mniej ważny niż zakres jasności. Jednakże, jak wspomniałeś i mogę połączyć wiele badań, które wskazują, że światło na ciemności jest łatwiejsze do odczytania. Można by, podobnie jak inni w tym pytaniu, zaprzeczyć, że użycie światła na ciemnym tle pozwala oczom łatwiej skupić się na tych rzeczach. Co wydaje mi się trafnym stwierdzeniem, ale znowu w rozsądnym zakresie. Czyste czarne tło nie jest dobre.

To również zgadza się ze wspaniałą odpowiedzią Alana dotyczącą kontrastu i bardziej mechaniczną stroną tego, jak postrzegamy te kolory:

Ogólnie rzecz biorąc, największym źródłem dyskomfortu podczas czytania długich fragmentów tekstu jest nadmierny kontrast. Ni plus ultra tego bierze książkę wydrukowaną na jasnym białym papierze i próbuje czytać ją w bezpośrednim świetle słonecznym.

Patrząc na ogólnie ciemne pole (na przykład tekst jasny na ciemny) źrenica oka się rozszerza. Bez wnikania w szczegóły techniczne szerszy źrenica == mniej ostre skupienie, delikatne rozmycie na krawędziach typu. Tak właśnie działa optyka. Dlatego tak bolesne jest czytanie w słabym świetle. Uczniowie mają maksymalne rozszerzenie, co oznacza, że ​​koncentracja jest najgorsza.

Oczywiście nie jestem naukowcem, psychologiem ani ekspertem w dziedzinie teorii kolorów, więc czytajcie wszystkie raporty na własną rękę i wyciągajcie własne wnioski.


1

Chociaż jest to subiektywna odpowiedź, wydaje mi się, że odpowiedź jest: subiektywna i całkowicie oparta na przeszłych doświadczeniach i własnych podświadomych oczekiwaniach.

Mocno zauważyłem, przechodząc z jednego do drugiego, niezależnie od tego, czy przełączyłem się na ciemne na światło, czy odwrotnie, że jeśli nie jest to to samo, co jestem uwarunkowany dla konkretnego kontekstu, to będzie bardzo trudno się skoncentrować.

Nawet w dwóch bardzo blisko powiązanych środowiskach, oknach kodu i oknach poleceń, potrzebuję ich różnych. Nie mogę na przykład wygodnie użyć jasnego na czarno okna kodu lub czarno-białego okna poleceń.


0

Zgodnie z naszą dyskusją na temat komentarzy OP.

Być może wynika to z faktu, że światło na ciemności jest łatwiejsze do zauważenia, ponieważ tylko tekst i treść są wysyłane do ciebie za pomocą światła. Tak więc mniej informacji pomaga skupić wzrok.

Rozszerzyliśmy więcej na ten temat w PO, ale taka byłaby moja przesłana odpowiedź.


0

Zazwyczaj utrzymuję mój pokój dość ciemny dla wygody. Jako taki, biały ekran (jak ten) z czarnym tekstem jest trudny do odczytania. Po prostu wygląda jak oślepiająca biała kropelka z pewnymi smugami, które boli czytać.
Wszystkie inne czynniki są nieco drugorzędne, gdy czytanie strony jest bolesne.

Myślę, że jeśli ludzie mają swoje pokoje jaśniej oświetlone, może być odwrotnie ... Tak czy inaczej, nadszedł czas, aby ludzie zaczęli oferować taką opcję, zamiast narzucać własne preferencje lub wyżywienie wyłącznie średni.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.