Αρχική σελίδα » Web Design » Τυπογραφία 101 Serif εναντίον Sans-Serif

    Τυπογραφία 101 Serif εναντίον Sans-Serif

    Στο στάδιο της επιλογής γραμματοσειρών, ένας σχεδιαστής συχνά αναρωτιέται, “σε Serif ή σε Sans-Serif”? Επιλέγοντας το είδος της γραμματοσειράς να χρησιμοποιήσει σε ένα σχέδιο είναι ύψιστης σημασίας, καθώς επηρεάζει σε μεγάλο βαθμό αναγνωσιμότητα, εμπειρία χρήστη και τη συνολική αισθητική του σχεδιασμού.

    Αν και, ανεξάρτητα από την εμπειρία που έχετε με την τυπογραφία, μπορείτε πάντα να κολλήσετε στο δίπλωμα serif vs. sans-serif δίλημμα. Προσωπικά πιστεύω ότι υπάρχει μια καλή διέξοδος κατανοώντας τα πολύ βασικά στοιχεία των σερφ και των sans-serifs, και αυτό ακριβώς θέλει να κάνει αυτό το άρθρο.

    Ας ρίξουμε μια ματιά στο ακόλουθο write-up ότι υπογραμμίζει τις μεγάλες διαφορές μεταξύ γραμματοσειρών serif και sans-serif για καλύτερη κατανόηση των δύο.

    Από πού προέρχονται οι serifs?

    Οι σερφ είναι μικρές λεπτές γραμμές που συνδέονται με το τέλος των εγκεφαλικών επεισοδίων σε γραμματοσειρές. Πιστεύεται ότι προέρχονται από το λατινικό αλφάβητο που χρησιμοποίησαν οι Ρωμαίοι για να χαράξουν τα έργα τους σε πέτρα.

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

    Τι γίνεται με το sans-serif?

    Sans-serif, από την άλλη πλευρά, σημαίνει κυριολεκτικά "χωρίς serifs". Οποιαδήποτε γραμματοσειρά που απουσιάζει από αυτά τα κτυπήματα στο τέλος κάθε γωνίας, μπορεί να θεωρηθεί ως μια γραμματοσειρά sans-serif.

    Γνωρίζοντας αυτό, πώς μπορεί να επιλέξει να πάει με serifs ή sans-serif επηρεάζουν το σχέδιό σας; Εδώ είναι μερικά πράγματα που πρέπει να εξετάσετε:

    Ευανάγνωστο

    Η αναγνωσιμότητα συχνά μετράται ως πόσο εύκολα ένας αναγνώστης μπορεί να αφομοιώσει το περιεχόμενο. Φυσικά, καθώς το όραμα είναι συνήθως υποκειμενικό, υπάρχουν πολλοί παράγοντες που μπαίνουν στο παιχνίδι, συμπεριλαμβανομένου του το επίπεδο ενδιαφέροντος ή τον αναγνώστη και τον τρόπο ρύθμισης του περιεχομένου στο μπλοκ ή στο χώρο που έχει δοθεί.

    Η μέθοδος "παλιάς σχολής" για την παρουσίαση κειμένου χρησιμοποιεί σερφάφους για κάποιο λόγο. Σκεφτήκατε ποτέ γιατί οι περισσότερες εφημερίδες χρησιμοποιούν γραμματοσειρές serif για το περιεχόμενό τους? Επειδή οι σερφάφες είναι πιο ευανάγνωστες. Αυτές οι μικρές διακοσμητικές γραμμές σε κάθε χαρακτήρα καθοδηγούν τα μάτια σας ομαλά καθώς κινούνται από τη γραμμή στη γραμμή και ενώνουν τα γράμματα μαζί διαβάζοντας μακρύτερα κείμενα χωρίς να φορολογείτε τα μάτια σας.

    Τα διαστήματα μεταξύ των γραμμάτων (καθώς πρέπει να λάβετε υπόψη και τα serifs όταν πρόκειται για απόσταση) επίσης δίνει περισσότερο χώρο στον αναγνώστη να αναγνωρίζει εύκολα γράμματα ο ένας από τον άλλο.

    Κοιτάξτε το παρακάτω παράδειγμα και θα παρατηρήσετε ότι το οι γραμματοσειρές serif δημιουργούν μια ευκολότερη εμπειρία ανάγνωσης στο μάτι επειδή δημιουργεί κενά μεταξύ των γραμμάτων και των λέξεων. Αυτό καθιστά ευκολότερη τη μετακίνηση του ματιού σας από τη μια λέξη στην άλλη.

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

    Αναγνώσιμο

    Η αναγνωσιμότητα είναι η ποιότητα και η σαφήνεια των γραμμάτων. Αυτό αφορά τις λεπτομέρειες της γραμματοσειράς και είναι απαραίτητο επειδή βοηθά τον αναγνώστη να διαφοροποιεί έναν χαρακτήρα από τον άλλο. Αυτό διαφέρει από την αναγνωσιμότητα, διότι το τελευταίο ασχολείται κυρίως με την προσέγγιση του περιεχομένου στο σύνολό του.

    Στην περίπτωση της παραπάνω εικόνας, η κατώτερη περίπτωση L και I για sans serif στην Arial μοιάζουν σχεδόν όμοιες. Φανταστείτε την πληκτρολόγηση της λέξης “Ιλινόις”.

    Εδώ είναι για να τονίσω το σημείο μου.

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

    Ο Alex Poole έγραψε ένα καλά εξηγημένο άρθρο που συνέκρινε τις γραμματοσειρές serif και sans-serif σε μια προσπάθεια να ανακαλύψει ποια ήταν πιο ευανάγνωστη.

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

    • Serif ή Sans-serif
    • Μέγεθος σημείου
    • X-Ύψος
    • Μετρητές
    • Ανεβαίνοντας και Κάτω

    Ο Poole κατέληξε, βασιζόμενος σε επιχειρήματα που υποστηρίζουν και τις δύο πλευρές, ότι πραγματικά υπήρχε καμία διαφορά στην ευκρίνεια όταν πρόκειται για την επιλογή γραμματοσειράς. Σημείωσε επίσης ότι υπάρχει πιθανότητα ότι οι serifs ή η έλλειψη αυτών μπορεί να επηρεάσει την αναγνωσιμότητα αλλά η διαφορά δεν είναι ακόμη μετρήσιμη.

    Ωστόσο, είπε ότι:

    Μεγαλύτερη διαφορά στην ευκρίνεια μπορεί εύκολα να βρεθεί μέσα στα μέλη της ίδιας οικογένειας μεταξύ μιας γραμματοσειράς και μιας γραμματοσειράς τύπου sans serif. Υπάρχουν επίσης και άλλοι παράγοντες όπως το ύψος x, το μέγεθος του μετρητή, το διάστημα των γραμμάτων και το πλάτος της διαδρομής που είναι περισσότερο σημαντικό για την ευκρίνεια από την παρουσία ή την απουσία των serifs.

    Κλιμάκωση και ανάλυση

    Το κείμενο στο web design δεν είναι στατικό. Μπορεί να διαφέρει από την οθόνη στην οθόνη και θα πρέπει να είναι κλιμακωτή. Αυτό έγινε έτσι ώστε το κείμενο να είναι ακόμη ευανάγνωστο παρά το μέγεθος της οθόνης.

    Σε αυτόν τον τομέα, είναι ασφαλές να το πούμε το sans-serif κερδίζει τη μάχη, καθώς είναι πιο ευέλικτο στην κλιμάκωση. Οι γραμματοσειρές Sans-serif είναι πολύ πιο εύκολο να δώσουν έμφαση και αναγνωσιμότητα σε μικρότερες αναλύσεις δεδομένου ότι επιβιώνουν από το κηλίδες λόγω της έλλειψης λεπτομερειών σε αυτά.

    ΕΙΚΟΝΑ: Ώρα

    Εδώ είναι μια πρωταρχική παράδειγμα του τρόπου με τον οποίο η serif χρησιμοποιείται άσχημα. Ρίξτε μια ματιά στην κάτω παράγραφο στο εξώφυλλο του περιοδικού Time Magazine και θα παρατηρήσετε εύκολα πόσο σχετικά είναι δύσκολο να διαβαστεί, καθώς δεν ρέει εύκολα ειδικά με αυτό το μικρό μέγεθος. Αλλά παρατηρήστε πόσο τέλειο είναι το αποτέλεσμα καθώς μεταφέρεται σε sans serif για “Τζόναθαν Φράνζεν”.

    Το ίδιο ισχύει και όταν εκτυπώνεται μια γραμματοσειρά sans-serif. Η κλίμακα της γραμματοσειράς διατηρεί το γενικό σχήμα του και το καθιστά πιο αναγνωρίσιμο. Έτσι, όταν πρόκειται για κλιμάκωση, οι sans-serifs τείνουν να προσαρμόζονται εύκολα σε καλύτερα μεγέθη επειδή προσαρμόζονται καλά σπάζοντας σε μικρά μεγέθη και σχίζοντας σε μεγαλύτερες.

    Σε serif ή σε sans-serif?

    Λοιπόν, ποια είναι η απάντηση στην ερώτηση?

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

    Από την άλλη πλευρά, αν θέλετε να κάνετε το κείμενο μέρος ενός ανταποκρινόμενο δικτυακό τόπο, τότε επιλέγοντας μια γραμματοσειρά sans-serif μπορεί να είναι πιο σοφός αφού δεν θέλετε το κείμενό σας να φαίνεται πολύ μικρό για να το διαβάσετε.

    ΕΙΚΟΝΑ: GQ

    Ρίξτε μια ματιά σε αυτά Τα καλύμματα περιοδικών GQ που χρησιμοποιούν γραμματοσειρές serif και sans serif. Η γενική συναίνεση είναι ότι οι γραμματοσειρές serif χρησιμοποιούνται σε τυπικά και έντυπα υλικά, ενώ το sans serif χρησιμοποιείται ως επί το πλείστον στον ιστό. Αλλά σε αυτή την περίπτωση, και οι δύο χρησιμοποιήθηκαν, και αν θα παρατηρήσετε ότι είναι πάντα το όνομα του μοντέλου κάλυψης που είναι σε serif, τονίζοντας έτσι.

    Κάποιες τελευταίες λέξεις

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