Στην καρδιά της, η τυπογραφία είναι δύο πράγματα: η αναγνωσιμότητα, η οποία ασχολείται με τον τρόπο με τον οποίο διακρίνονται γράμματα, λέξεις και φράσεις. και την αναγνωσιμότητα που αφορά το πόσο εύκολο είναι για τον εγκέφαλο να μετατρέπει τα στοιχεία αυτά σε ένα συνεκτικό μήνυμα.

Έχετε βρεθεί ποτέ να διαβάζετε μια γραμμή γραμμής δύο φορές, σαν να ήταν δύο γραμμές, ειδικά όταν τα μάτια σας είναι κουρασμένα; Αυτό συμβαίνει επειδή το μάτι χάνεται στο ταξίδι του από τα δεξιά προς τα αριστερά (ή από αριστερά προς τα δεξιά, ανάλογα με τη γλώσσα σας) από το τέλος μιας γραμμής μέχρι την αρχή του επόμενου. Αυτός είναι ο λόγος που τα παιδιά εντοπίζουν γραμμές με το δάχτυλό τους όταν διδάσκονται να διαβάζουν.

Υπάρχουν μερικά πράγματα που μπορούν να κάνουν οι τυπογράφοι για να αποτρέψουν το πρόβλημα και είναι ιδιαίτερα σημαντικές σε μεγάλα ποσά κειμένου σώματος, όπως ειδησεογραφικά δελτία ή ιστολόγια: πρώτον, βεβαιωθείτε ότι οι χαρακτήρες σας ανά γραμμή δεν είναι υπερβολικά υψηλοί. Επιπλέον το μάτι πρέπει να ταξιδέψει όσο μεγαλύτερη είναι η πιθανότητα να χαθεί. Δεύτερον, θεωρούν μια γραμματοσειρά serif, η μεγαλύτερη οριζόντια εντύπωση δημιουργεί μεγαλύτερη οπτική διάκριση μεταξύ των γραμμών του κειμένου και του λευκού χώρου, εξυπηρετώντας τον ίδιο ρόλο με το δάχτυλο του προαναφερθέντος παιδιού. Τέλος, δώστε μεγάλη προσοχή στην κορυφαία απόσταση μεταξύ των γραμμών, δημιουργώντας σαφέστερα κανάλια για να ακολουθήσετε το μάτι σας.

Εκτός από αυτές τις παραδοσιακές συμβουλές, έχει ανακαλυφθεί μια νέα τεχνική. BeeLine Reader είναι μια συναρπαστική νέα προσθήκη για το Chrome που δείχνει πώς λειτουργεί.

Το BeeLine Reader προσθέτει μια διαβάθμιση χρώματος σε γραμμές κειμένου, κάνοντας τη μετάβαση από το τέλος μιας γραμμής στην αρχή της επόμενης πιο εύκολη για το μάτι. Το Πανεπιστήμιο του Στάνφορντ πραγματοποίησε μια δοκιμή χρησιμοποιώντας το plugin και κατέληξε στο συμπέρασμα ότι η BeeLine Reader είχε ως αποτέλεσμα μια μέση αύξηση της ταχύτητας ανάγνωσης κατά 10%. το site του plugin σας ισχυρίζεται ένας έμπειρος αναγνώστης θα αντιμετωπίσει μια αύξηση του 25-30%.

δείγμα

Θα πρέπει να μπορείτε να διαβάσετε το κείμενο στα δεξιά πολύ πιο γρήγορα από το κείμενο στα αριστερά.

Ενώ δεν μπορώ να πω ότι εγκρίνω το plugin που αναγκάζει το κείμενο σε μια στήλη ή τα χρώματα που έχουν χρησιμοποιήσει (άσχημο για τα περισσότερα και άχρηστα για όσους έχουν πρωτόνιο χρώμα-τύφλωση) η αρχή είναι καλή. Υπάρχει ένα παράδειγμα γκρίζας κλίμακας στον ιστότοπο του BeeLine Reader, που βελτιώνει την αναγνωσιμότητα, αλλά δεν θα παραβιάζει την επωνυμία κανενός. Μια γρήγορη δίκη του δοκιμή ανάγνωσης, έδειξε ότι βελτιώθηκα κατά 22% χρησιμοποιώντας τη γκρίζα έκδοση.

Παρόλο που δεν υπάρχει εύκολος τρόπος να εφαρμοστεί αυτό το είδος σχεδιασμού σε απλό CSS, είναι δυνατό να κωδικοποιηθεί όπως δείχνει το plugin.

Εάν σχεδιάζετε μεγάλες ποσότητες τρέχοντος κειμένου - ειδικά αν άλλες παραμορφώσεις σας αναγκάζουν να χρησιμοποιήσετε στήλες που είναι πολύ μεγάλες ή ύψος γραμμής που είναι πολύ μικρός - σκεφτείτε να εφαρμόσετε αυτήν την τεχνική για να αντισταθμίσετε.

Τι πιστεύετε για την τεχνική του BeeLine Reader; Πώς φέρατε στη δοκιμή ανάγνωσης; Ενημερώστε μας στα σχόλια.

Προτεινόμενη εικόνα / μικρογραφία, έγχρωμη κωδικοποιημένη εικόνα μέσω Shutterstock