5 Κανόνες για την επιλογή της τέλειας γραμματοσειράς Web
Η επιλογή μιας γραμματοσειράς για ένα έργο είναι μια καθοριστική στιγμή. Περιστασιακά θα ψάχνετε να προσθέσετε προσωπικότητα σε ένα σχέδιο, αν και αυτό συνήθως είναι καλύτερα αριστερά στον τύπο εμφάνισης. Για το κείμενο κορμί, τις περισσότερες φορές, στοχεύετε στην ευκρίνεια.
Η αναγνωσιμότητα και η αναγνωσιμότητα συχνά συγχέονται. η αναγνωσιμότητα αναφέρεται στην ευκολία με την οποία αναγνωρίζονται τα γράμματα, η αναγνωσιμότητα αναφέρεται στην ευκολία με την οποία διαβάζονται οι λέξεις, οι προτάσεις και οι παράγραφοι. Ο πρώτος συχνά παραδίδει τον τελευταίο.
Κάθε έργο έχει τις δικές του απαιτήσεις και κανένα τυπογραφείο δεν θα ταιριάζει ποτέ σε κάθε περίπτωση. Ωστόσο, στην περίπτωση κειμένου σώματος για το Web, υπάρχουν βασικά χαρακτηριστικά που πρέπει να αναζητήσετε.
1. Μεγάλους, ανοικτούς μετρητές
Οι μετρητές είναι ο λευκός χώρος στο κέντρο των γραμμάτων, όπως 'o' και 'c'. Οι μεγάλοι μετρητές αυξάνουν την αναγνωσιμότητα επειδή σχηματίζουν διακριτά σχήματα μέσα στις πολυάριθμες κατακόρυφες διαδρομές που συνθέτουν το λατινικό πεζά.
Οι γραμματοσειρές με μεγάλους μετρητές τείνουν προς ένα μεγάλο x ύψος σε σχέση με τους ανερχόμενους και τους κατακόρυφους χαρακτήρες της γραμματοσειράς (τα εκτεταμένα κτυπήματα στα γράμματα όπως «b» και «p»). Το αυξημένο ύψος x επιτρέπει τον κατάλληλο κενό με γράμματα όπως το e.
Εκτός από τους μεγάλους μετρητές, οι ευανάγνωστες γραμματοσειρές τείνουν επίσης να έχουν ανοικτούς μετρητές με μεγάλα ανοίγματα, με γράμματα όπως το c και το s.
Μια γραμματοσειρά που κάνει αυτό εξαιρετικά καλά είναι ο Łukasz Dziedzic Lato . Το Lato διαθέτει ένα γενικό ύψος x, το οποίο υποστηρίζεται από μεγάλους, ανοικτούς μετρητές.
Εκτός από τους μεγάλους μετρητές, αναζητήστε αιχμηρές γωνίες στις αρθρώσεις των γραμμάτων όπως 'd', 'p' και 'n': λόγω της φύσης των εικονοστοιχείων, η γωνία αυξάνει τα κενά, καθιστώντας τους μετρητές μεγαλύτερους. Αυτό το φαινόμενο μπορεί επίσης να παρατηρηθεί σε ημι-μετρητές, όπως ο κενός χώρος κάτω από τον ώμο του γράμματος «r».
2. Ακόμα και εγκεφαλικά
Ένα συχνό επιχείρημα μεταξύ των σχεδιαστών είναι αν οι χαρακτήρες serif ή sans-serif είναι πιο ευανάγνωστες. Ορισμένοι υποστηρίζουν ότι οι σειρφές αυξάνουν την ενότητα ενός σχήματος λέξης, άλλοι ισχυρίζονται ότι οι serifs μπερδεύουν τα σχήματα σε μικρά μεγέθη, άλλοι υποστηρίζουν ότι είναι απλώς ζήτημα οικειότητας. Όποια και αν είναι η πειθώ σας, θα βρείτε εκτεταμένες μελέτες που αποδεικνύουν και διαψεύδουν την άποψή σας.
Η αλήθεια είναι ότι οι sans serifs είναι οριακά πιο ευανάγνωστες, όχι λόγω των serifs, αλλά λόγω άλλων κοινών χαρακτηριστικών του στυλ. Πιο συγκεκριμένα, οι serifs εκτείνονται από μια καλλιγραφική παράδοση και έτσι τείνουν να παρουσιάζουν μεγαλύτερη αντίθεση εγκεφαλικού. Οι πιό λεπτές διαδρομές τείνουν να εξαφανίζονται σε μικρότερα μεγέθη, οπότε τυχόν γραμματοσειρά με ενσωματωμένες λεπτές κινήσεις τείνει να χάσει την αναγνωσιμότητα στην οθόνη.
Οι περισσότερες γραμματοσειρές θα παρουσιάζουν κάποια αντίθεση διαδρομής προκειμένου να είναι οπτικά ισορροπημένες (οι οριζόντιες διαδρομές εμφανίζονται οπτικά παχύτερες από τις κάθετες διαδρομές πανομοιότυπου πάχους), αλλά η μικρότερη αντίθεση παράγει μεγαλύτερη ευκρίνεια.
Υπάρχουν, ωστόσο, πολλά σύγχρονα serifs που εκτελούν εξαιρετικά καλά στην οθόνη.
FF Tisa είναι μια ευανάγνωστη γραμματοσειρά. Εκτός από τους μεγάλους μετρητές, η αντίθεση του εγκεφαλικού είναι ελάχιστη. Το FF Tisa έχει συνοδευτικό τύπο γραμματοκιβωτίου sans serif: FF Tisa Sans . Συγκρίνετε τα δύο και είναι ξεκάθαρο ότι είναι το μεγάλο x ύψος, οι ουσιαστικοί μετρητές και η ελάχιστη αντίθεση του εγκεφαλικού που παράγουν την αναγνωσιμότητά του, όχι την παρουσία ή την απουσία των serifs.
Αν κοιτάξετε προσεκτικά θα δείτε ότι η FF Tisa έχει οριακά μεγαλύτερη αντίθεση σε εγκεφαλικά επεισόδια από την FF Tisa Sans. Θα δείτε επίσης ότι σε μερικούς χαρακτήρες, για παράδειγμα, οι "serifs" κλείνουν λίγο τα ανοίγματα. Αυτό σημαίνει ότι η Tisa Sans είναι οριακά πιο ευανάγνωστη από την Tisa, αλλά οι serifs προσφέρουν ένα επιπλέον όφελος ...
3. Διακεκριμένες μορφές επιστολών
Όταν δοκιμάζετε μια γραμματοσειρά που προορίζεται για χρήση στην οθόνη, προτού δοκιμάσετε το όνομά σας, το όνομα του τομέα σας ή οτιδήποτε άλμα πάνω από οτιδήποτε άλλο, δοκιμάστε το κείμενο '1Illinois'.
Τελικά θα θελήσετε να δοκιμάσετε πολλούς συνδυασμούς, αλλά το "1Illinois" είναι η μόνη φράση που χρειάζεστε για να οριοθετήσετε μια γραμματοσειρά. Όχι μόνο περιέχει ανοικτούς και κλειστούς μετρητές και ένα τόξο για να κρίνει την αντίθεση του εγκεφαλικού, περιλαμβάνει επίσης και μερικούς από τους πιο προβληματικούς χαρακτήρες σε μια γραμματοσειρά: τον αριθμό 1, το κεφαλαίο I, το πεζά l, και σε μικρότερο βαθμό τα μικρά γράμματα Εγώ.
Πάρτε το κλασικό παράδειγμα του Gill Sans . Πρόκειται για μια όμορφη γραμματοσειρά, αλλά δεν λειτουργεί στην οθόνη. Πληκτρολογήστε '1Illinois' στο Gill Sans και θα δείτε ότι τα γράμματα δεν διακρίνονται σε οποιοδήποτε μέγεθος. Αυτό είναι όπου οι γραμματοσειρές serif - που χάνουν μια μικρή ποσότητα ευκρίνειας με μεγαλύτερη αντίθεση του stoke και αυστηρότερα ανοίγματα - επιστρέφουν στο ίδιο επίπεδο με sans serifs. Συγκρίνω Merriweather με το Gill Sans και μπορείτε να δείτε ότι παρά τις ουσιαστικά απλούστερες μορφές επιστολών του Gill Sans, το Merriweather είναι πολύ πιο ευανάγνωστο λόγω των ξεχωριστών χαρακτήρων που είναι ευκολότερο να επιτευχθούν με την προσθήκη των serifs.
Οι διακεκριμένες μορφές επιστολών δεν είναι η αποκλειστική διατήρηση των σερφ. Φηρά κάνει μια εξαιρετική δουλειά διαχωρίζοντας τους χαρακτήρες με μια διαφορά ύψους και τις ουρές στο πεζά 'l'.
Στην ιδανική περίπτωση θα βρείτε ένα τυπογραφικό με ποικιλία σε όλο το σύνολο χαρακτήρων. Γραμματοσειρές με μια παραδοσιακή διπλή ιστορία «α» και «g» τείνουν να είναι πιο ευανάγνωστες από ένα γεωμετρικό sans όπως το Futura.
Ένα από τα προσωπικά μου αγαπημένα είναι Ιδανικό Sans . Διαχειρίζεται μόνο μια μικρή διάκριση μεταξύ κεφαλαίων «Ι» και πεζών «l», αλλά κοιτάξτε προσεκτικά και θα δείτε ότι σχεδόν κάθε εγκεφαλικό επεισόδιο είναι ξεχωριστό. Η ασυμμετρία και η διακύμανση μεταξύ των χαρακτήρων που συνήθως αντικατοπτρίζουν ο ένας τον άλλον δημιουργούν ένα ευανάγνωστο γραμματοσειρά όταν ορίζονται σε κανονικά μεγέθη κειμένου.
4. Συνεχής ρυθμός
Ο ρυθμός είναι ένας από τους πιο σημαντικούς παράγοντες σε μια γραμματοσειρά, επειδή επεξεργαζόμαστε το κείμενο σε σακκάδες - μικρά άλματα κατά μήκος της γραμμής - τα οποία είναι ευκολότερα επεξεργασμένα αν η απόσταση είναι συνεπής.
Μια γραμματοσειρά δεν μπορεί να ελέγξει την απόσταση μεταξύ γραμμών του κειμένου, αλλά ελέγχει την κατακόρυφη απόσταση. είναι δυνατό να προσαρμόσετε την παρακολούθηση για το κείμενο, σφίγγοντας το κείμενο και να το χαλαρώσετε για το κείμενο του σώματος, αλλά αυτό δεν ρυθμίζει το ρυθμό των κτυπήσεων που είναι ενσωματωμένες στο τύπωμα.
Εκτός από τα σφιχτά ανοίγματα του, ο κακός ρυθμός είναι ένας από αυτούς Helvetica 'S πιο αδύναμα σημεία. Συγκρίνετε το με το Dalton Maag's Έφτρα , ή του Łukasz Dziedzic Περισσότερα Pro που έχει όμορφο ρυθμό.
Μην ψάχνετε για γραμματοσειρά με μαθηματικά ακριβή κατακόρυφο ρυθμό. για να επιτευχθεί ότι ένας σχεδιαστής τύπου θα έπρεπε συνήθως να στρεβλώνει τα γράμματα σε σημείο που θα έχανε την ευκρίνεια με άλλους τρόπους. Κοιτάξτε αντ 'αυτού για μια γραμματοσειρά που τείνει προς ένα προβλέψιμο ρυθμό.
5. Μυστικό όπλο
Υπάρχει ένα μυστικό όπλο που μπορείτε να χρησιμοποιήσετε όταν επιλέγετε τύπο για τον Ιστό που είναι προφανές, αλλά συχνά παραβλέπεται.
Όλα τα πιο ευανάγνωστα γραμματοσειρά που έχω συστήσει μέχρι τώρα σε αυτό το άρθρο σχεδιάστηκαν τα τελευταία έξι χρόνια - Lato (2010), FF Tisa (2008-10), FF Tisa Sans (2011), Merriweather (2013), Fira Sans 2013), Effra (2008), More Pro (2010) - από σχεδιαστές τύπου που σχεδίαζαν ειδικά για χρήση στην οθόνη.
Το Helvetica είναι μια φοβερή επιλογή για το Διαδίκτυο, αλλά πώς θα μπορούσε να είναι οτιδήποτε άλλο όταν ξεκίνησε τη ζωή του όχι έξι, αλλά σχεδόν εξήντα χρόνια πριν;
Σε περίπτωση αμφιβολίας, ελέγξτε πότε σχεδιάστηκε μια γραμματοσειρά. Εάν κυκλοφόρησε τα τελευταία χρόνια (με λίγες εσκεμμένες εξαιρέσεις) πιθανότατα αναμένει τη χρήση στον Ιστό.
συμπέρασμα
Κάθε έργο έχει συγκεκριμένες απαιτήσεις που θα επηρεάσουν τις επιλογές σας. Έχω επικεντρωθεί σε πεζά παραδείγματα επειδή το μεγαλύτερο μέρος του κειμένου είναι πεζά, αλλά αν σχεδιάζετε ένα ταμπλό, ίσως χρειαστεί να δώσετε ιδιαίτερη προσοχή στους αριθμούς. αν σχεδιάζετε για μια διεθνή μάρκα θα χρειαστεί πιθανώς ένα εκτεταμένο σύνολο χαρακτήρων.
Η χαρά της τυπογραφίας είναι ότι κάθε έργο χρησιμοποιεί περιπτώσεις που σημαίνει ότι δεν υπάρχει πάντα η καλύτερη επιλογή.
Ψάξτε για γενναιόδωρους μετρητές, ακόμη και για σούβλες, ξεχωριστές μορφές επιστολών και σταθερό κάθετο ρυθμό. Εστιάστε την αναζήτησή σας σε γραμματοσειρές που έχουν σχεδιαστεί στην εποχή Web.
Από την εμφάνιση του τύπου ιστού ξεκινήσαμε να αναπτύσσουμε ένα ξεχωριστό τυπογραφικό στυλ που αντιμετωπίζει τους περιορισμούς των μέσων ενημέρωσης και οι γραμματοσειρές που ευνοούν περισσότερο στο διαδίκτυο είναι εκείνες που σχεδιάστηκαν.