Prosta sztuczka typograficzna zwiększająca czytelność tekstu nawet o 30%
W samym jej sercu typografia to dwie rzeczy: czytelność, która dotyczy odróżniania liter, słów i fraz; i czytelność, która zajmuje się tym, jak łatwo mózg przekształca te elementy w spójną wiadomość.
Czy kiedykolwiek zdarzyło Ci się czytać jedną linijkę tekstu dwukrotnie, tak jakby były to dwie linie, zwłaszcza gdy twoje oczy są zmęczone? Dzieje się tak, ponieważ oko gubi się w podróży od prawej do lewej (lub od lewej do prawej, w zależności od języka) od końca jednej linii do początku następnego. To jest powód, dla którego dzieci śledzą linie palcem, gdy są uczone czytania.
Jest kilka rzeczy, które typografowie mogą zrobić, aby zapobiec problemowi, i są szczególnie ważne w dużych ilościach tekstów, takich jak wiadomości czy blogi: po pierwsze, upewnij się, że twoje postacie nie są zbyt wysokie, ponadto oko musi podróżować, tym większa jest jego szansa na zagubienie; po drugie rozważ czcionkę szeryfową, większe wrażenie poziome tworzy większe wizualne rozróżnienie między liniami tekstu i białą przestrzenią, pełniąc tę samą rolę, co wspomniany palec dziecka; na koniec zwracaj szczególną uwagę na swoje wiodące, większe odstępy między wierszami, które tworzą wyraźniejsze kanały do obserwacji Twojego oka.
Oprócz tej tradycyjnej porady odkryto nową technikę. BeeLine Reader to fascynująca nowa wtyczka do Chrome, która pokazuje, jak to działa.
BeeLine Reader dodaje gradient kolorów do linii tekstu, dzięki czemu przejście od końca linii do początku następnego jest łatwiejsze dla oka. Uniwersytet Stanford przeprowadził test za pomocą wtyczki i stwierdził, że BeeLine Reader spowodował średni wzrost szybkości czytania o 10%; własna strona wtyczki twierdzi, że doświadczony czytelnik odnotuje wzrost o 25-30%.
Powinieneś być w stanie przeczytać tekst po prawej znacznie szybciej niż tekst po lewej stronie.
Chociaż nie mogę powiedzieć, że zgadzam się na wtyczkę wymuszającą tekst na jedną kolumnę lub na kolory, których użyli (brzydkie dla większości i bezużyteczne dla każdego z protanopijną ślepotą barw), zasadą jest dźwięk. Na stronie BeeLine Reader znajduje się przykład w skali szarości, który poprawia czytelność, ale nie narusza niczyjej marki. Szybki proces ich test czytania, pokazałem, że poprawiłem o 22% używając szarej wersji.
Chociaż nie ma prostego sposobu na wdrożenie tego rodzaju projektu w prostych CSS, możliwe jest kodowanie, jak pokazuje wtyczka.
Jeśli projektujesz dużą liczbę uruchomionych tekstów - zwłaszcza jeśli inne ograniczenia zmuszają Cię do używania zbyt dużych kolumn lub zbyt małej wysokości linii - rozważ zastosowanie tej techniki, aby to zrekompensować.
Co sądzisz o technice BeeLine Reader? Jak radziłeś sobie w testach czytania? Daj nam znać w komentarzach.
Wyróżniony obraz / miniatura, kolorowany obraz przez Shutterstock