Ein einfacher typografischer Trick, um die Textlesbarkeit um bis zu 30% zu erhöhen
Im Kern geht es bei der Typografie um zwei Dinge: Lesbarkeit, die sich mit der Unterscheidbarkeit von Buchstaben, Wörtern und Phrasen beschäftigt; und Lesbarkeit, die sich damit beschäftigt, wie einfach es für das Gehirn ist, diese Elemente in eine kohärente Nachricht umzuwandeln.
Haben Sie jemals eine doppelte Textzeile gelesen, als wären es zwei Zeilen, besonders wenn Ihre Augen müde sind? Es tritt auf, weil das Auge auf seiner Reise von rechts nach links (oder von links nach rechts, je nach Sprache) vom Ende einer Zeile bis zum Beginn der nächsten verloren geht. Es ist der Grund, dass Kinder Linien mit dem Finger verfolgen, wenn sie das Lesen lernen.
Es gibt ein paar Dinge, die Typographen tun können, um das Problem zu vermeiden, und sie sind besonders wichtig in großen Mengen von Text, wie Nachrichten oder Blogs: Erstens, stellen Sie sicher, dass Ihre Zeichen pro Zeile nicht zu hoch ist, die je weiter das Auge reisen muss, desto größer ist seine Chance, sich zu verlieren. zweitens eine Serifenschrift, der größere horizontale Eindruck schafft eine größere visuelle Unterscheidung zwischen Textzeilen und Leerraum und dient der gleichen Rolle wie der Finger des zuvor erwähnten Kindes; Achten Sie schließlich auf Ihre führende, größere Zwischen-Zeilenabstand erstellt klarere Kanäle für Ihr Auge zu folgen.
Zusätzlich zu dieser traditionellen Empfehlung wurde eine neue Technik entdeckt. BeeLine Leser ist ein faszinierendes neues Plugin für Chrome, das demonstriert, wie es funktioniert.
Der BeeLine Reader fügt Textlinien einen Farbverlauf hinzu, so dass der Übergang vom Ende einer Zeile zum Anfang der nächsten für das Auge einfacher wird. Die Stanford University führte einen Test mit dem Plugin durch und kam zu dem Schluss, dass der BeeLine Reader zu einer durchschnittlichen Lesegeschwindigkeitszunahme von 10% führte; Die eigene Website des Plugins behauptet, dass ein erfahrener Leser eine Steigerung von 25-30% erleben wird.
Sie sollten in der Lage sein, den Text auf der rechten Seite viel schneller als den Text auf der linken Seite zu lesen.
Ich kann zwar nicht sagen, dass ich befürworte, dass das Plugin Text in eine einzelne Spalte oder in die verwendeten Farben bringt (hässlich für die meisten und nutzlos für jeden mit protanopischer Farbenblindheit). Auf der Website von BeeLine Reader gibt es ein Graustufen-Beispiel, das die Lesbarkeit verbessert, aber nicht das Branding von Personen verletzt. Eine schnelle Prüfung ihrer Lesetest, zeigte, dass ich mit der grauen Version um 22% verbesserte.
Obwohl es keinen einfachen Weg gibt, diese Art von Design in einfachem CSS zu implementieren, ist es möglich, Code zu schreiben, wie das Plugin demonstriert.
Wenn Sie große Mengen an Fließtext entwerfen - insbesondere, wenn Sie aufgrund anderer Einschränkungen gezwungen sind, zu breite oder zu kleine Zeilen zu verwenden, sollten Sie diese Technik anwenden, um dies zu kompensieren.
Was halten Sie von der Technik von BeeLine Reader? Wie haben Sie sich in ihrer Leseprüfung durchgesetzt? Lassen Sie es uns in den Kommentaren wissen.
Ausgewähltes Bild / Vorschaubild, farbcodiertes Bild über Shutterstock