Jednoduchý typografický trik pro zvýšení čitelnosti textu až o 30%
Ve své podstatě má typografie dvě věci: čitelnost, která se týká toho, jak jsou rozlišitelné dopisy, slova a fráze; a čitelnost, která se zabývá tím, jak snadné je, aby mozky přeměnil tyto prvky na koherentní poselství.
Zjistil jste někdy, že jste dvakrát četl jediný řádek textu, jako kdyby to byly dva řádky, zvláště když jsou vaše oči unavené? Dochází k tomu, protože oko se ztratí na cestě zprava doleva (nebo zleva doprava, v závislosti na vašem jazyce) od konce jednoho řádku až po začátek dalšího. To je důvod, proč děti trasují linie prstem, když se naučí číst.
Existuje několik věcí, které mohou typografové udělat, aby zabránili problému, a jsou obzvláště důležití ve velkém množství textového textu, jako jsou zprávy nebo blogy: zaprvé se ujistěte, že vaše znaky v řádku nejsou příliš vysoké, dále oko musí cestovat, tím větší je pravděpodobnost ztráty; za druhé, pokud se jedná o serif písmo, větší vodorovný dojem vytváří větší vizuální rozlišování mezi řádky textu a bílým prostorem, které slouží stejné roli jako prstem výše zmíněného dítěte; nakonec věnujte velkou pozornost vašemu vedoucímu, větší mezery mezi řádky vytvářejí jasnější kanály, které vaše oko může sledovat.
Kromě této tradiční rady byla objevena nová technika. BeeLine Reader je fascinující nový plugin pro Chrome, který ukazuje, jak to funguje.
BeeLine Reader přidává barevný gradient do řádků textu, takže přechod z konce jedné řady na začátek dalšího jednoduššího pro oko. Stanfordská univerzita provedla test pomocí pluginu a dospěla k závěru, že BeeLine Reader vedl k průměrnému zvýšení rychlosti čtení o 10%; zásuvná stránka tvrdí, že zkušený čtenář zaznamená nárůst o 25-30%.
Měli byste být schopni číst text vpravo mnohem rychleji než text vlevo.
Zatímco nemohu říci, že souhlasím s pluginem, který přinutil text do jediného sloupce, nebo barvy, které používal (pro většinu a zbytečné pro každého, kdo má protanopickou barevnou slepotu), je tento princip správný. Na stránkách BeeLine Reader je šedý příklad, který zlepšuje čitelnost, ale neporušuje značku někoho. Rychlý proces jejich test čtení, ukázal (a) jsem se zlepšil o 22% pomocí šedé verze.
I když není jednoduchý způsob implementace tohoto typu designu v jednoduchém CSS, je možné kódovat, jak to demonstruje plugin.
Pokud vytváříte velké množství běžícího textu - zejména v případě, že jiné výtržnosti vás nutí používat sloupce, které jsou příliš široké nebo výškové, které jsou příliš malé - zvažte použití této techniky k vyrovnání.
Co si myslíte o technice BeeLine Reader? Jak jste se při studiu četl? Dejte nám vědět v komentářích.
Doporučený snímek / náhled, barevně kódovaný obraz přes Shutterstock