Πώς η τυπογραφία καθορίζει την αναγνωσιμότητα: Serif vs. Sans Serif, και πώς να συνδυάσει τις γραμματοσειρές.

Για τον ψηφιακό σχεδιασμό, είναι σημαντικό να γνωρίζετε και να κατανοείτε τον τρόπο χρήσης και τον τρόπο συνδυασμού διαφορετικών γραμματοσειρών. Υπάρχει γραμματοσειρά για κάθε διάθεση!

Αυτή η ανάρτηση θα σας δώσει μια γρήγορη εισαγωγή στις μεγαλύτερες οικογένειες της τυπογραφίας: Serif και Sans Serif. Και πώς, ως σχεδιαστής, μπορείτε να επιλέξετε τις σωστές γραμματοσειρές και να τις συνδυάσετε.

Ας αρχίσουμε!

Οικογένεια τύπων Serif

Παράδειγμα γραμματοσειράς Serif.

Η γραμματοσειρά Serif διαφοροποιείται από το Sans Serif από τα μικροσκοπικά μικρά πόδια που ονομάζονται Serifs.

Οι περιοχές με κόκκινο χρώμα ονομάζονται serif.

Πολλές γραμματοσειρές Serif που θα δείτε θα φαίνονται πολύ πιο παραδοσιακές ή συντηρητικές.

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

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

Η Serif χωρίζεται περαιτέρω σε τέσσερις οικογένειες γραμματοσειρών.

1. Παλαιό στυλ

Αυτή είναι η παλαιότερη οικογένεια των Σερίφ. Περιλαμβάνει γραμματοσειρές όπως το Adobe Jenson, το Centaur, το παλιό στυλ Goudy και πολλά άλλα. Το τυπογραφικό τους υπόδειγμα σχεδιάστηκε με βάση το κείμενο που χρησιμοποιείται για να μοιάζει με το 1400. Πολύ παλιά.

Πιστωτικές κάρτες εικόνας

2. Μεταβατικό

Αυτό είναι λίγο πιο μοντέρνο. Αυτή η οικογένεια γραμματοσειρών περιλαμβάνει Times New Roman, Baskerville, Γεωργία κλπ.

Πιστωτικές κάρτες εικόνας

3. Σύγχρονη

Ακόμα πιο σύγχρονο και αριστοκρατικό. Αυτό περιλαμβάνει το Didot, το οποίο είναι το γραμματοσειρά που χρησιμοποιείται για τον τίτλο του περιοδικού Vogue.

Πιστωτικές κάρτες εικόνας

4. Ταπετσαρία

Είναι οικογένεια τύπου με παχιές σειρές. Παραδείγματα γραμματοσειρών slab-Serif περιλαμβάνουν την American Typewriter, Archer, κλπ.

Πιστωτικές κάρτες εικόνας

Τώρα, πώς διαφοροποιείτε αυτές τις τέσσερις μεγάλες τάξεις στην οικογένεια των Σερίφ;

Είναι πραγματικά εύκολο. Κοιτάξτε τις τρεις πρώτες οικογένειες: παλιό στυλ, μεταβατικό και μοντέρνο. Βάλτε τα δίπλα-δίπλα. Εάν έχετε μια ματιά στο λεπτότερο έναντι του παχύτερου μέρους των γραμμάτων, θα δείτε ότι καθώς προχωράτε από τους παλαιότερους στους πιο σύγχρονους τύπους. Θα δείτε μια αυξημένη διαφορά σε αυτό που ονομάζουμε τη διαμόρφωση των γραμματοσειρών. Επικεντρωθείτε στην Ο για παράδειγμα. Συγκρίνοντας το παλιό στυλ με τους σύγχρονους τύπους, η διαφορά πάχους και λεπτότητας θα είναι μικρότερη σε σύγκριση με το Modern.

Και πολλά από αυτή τη διαμόρφωση προέρχονται από το πότε οι άνθρωποι συγγραφούσαν με στυλό με επίπεδη μύτη.

Τι γίνεται με το Slab-Serif;

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

Και σχεδιάστηκε σκόπιμα έτσι. Είναι ένα από τα σύγχρονα μέλη της οικογένειας των Σερίφων. Ωστόσο, δεν ακολουθεί τον κανόνα "περισσότερο στο μέλλον που πηγαίνετε, τόσο μεγαλύτερη είναι η διαφορά μεταξύ του παχύτερου και λεπτότερου τμήματος της γραμματοσειράς". Η Slab-Serif δημιουργήθηκε για την εκτύπωση εφημερίδων για σαφέστερη ανάγνωση όταν η ποιότητα του χαρτιού ήταν κακή.

Οικογένεια τύπου Sans-Serif

Παράδειγμα γραμματοσειράς Sans-Serif

Το Sans-Serif διαφέρει από το Serif. Δεν έχει καρφίτσες (τα μικρά πόδια) ή κάποια διακοσμητικά στοιχεία κατά μήκος των κεντρικών δοκών και των κορυφαίων ράβδων. Το Sans-Serif είναι ελαφρώς πιο σύγχρονο από τους σερφάφους.

Επίσης, υποδιαιρούνται σε τέσσερις οικογένειες.

1. Grotesque

Το παλαιότερο. Αυτό περιλαμβάνει τα Νέα Gothic, Franklin Gothic και πολλά άλλα.

Πιστωτικές κάρτες εικόνας

2. Neo-Grotesque:

Λιγότερο σύγχρονο. Η Helvetica και η Ariel είναι παραδείγματα.

Πιστωτικές κάρτες εικόνας

3. Ανθρωπιστής:

Ακόμη περισσότερο στο μέλλον. Το Gill Sans είναι ένα παράδειγμα.

Πιστωτικές κάρτες εικόνας

4. Γεωμετρική:

Βασίζονται σε γεωμετρικά σχήματα. Το Futura είναι ένα παράδειγμα.

Πιστωτικές κάρτες εικόνας

Πώς διαφοροποιείτε μεταξύ των τεσσάρων;

Τώρα, όπως και οι serifs, μπορείτε να μετακινηθείτε από την παλαιότερη οικογένεια Grotesque στο Neo-Grotesque στο Humanist. Μπορείτε να δείτε τη διαφορά στο πιο παχύ και τα λεπτότερα τμήματα της γραμματοσειράς γίνονται ολοένα και πιο υπερβολικά. Όταν κοιτάζετε το Grotesque, είναι σχεδόν ισοδύναμο σε όλα τα σημεία. Και όταν κοιτάξετε τις ανθρωπιστικές γραμματοσειρές, αρχίζετε να βλέπετε την παραλλαγή της διαμόρφωσης.

Σε μια γεωμετρική γραμματοσειρά, τα O είναι πάντα τέλεια στρογγυλά. Το βλέμμα του Ο μοιάζει ακριβώς σαν να σχεδιάζετε με ένα μοιρογνωμόνιο. Και αυτή η γραμματοσειρά είναι λίγο σαν το είδος Slab-Serif. Παρόλο που είναι μια από τις σύγχρονες γραμματοσειρές στην οικογένεια, δεν έχει την τάση και σχεδόν δεν έχει διαμόρφωση και είναι ισότιμη σε όλα τα σημεία.

Πώς η τυπογραφία καθορίζει την αναγνωσιμότητα

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

Ο ανθρωπιστής Sans-Serif θεωρείται πιο ευανάγνωστος από τον Grotesque. Και οι λόγοι είναι:

  • Το ανθρωπογενές τύπωμα έχει πιο ανοικτά σχήματα.
  • Η απόσταση μεταξύ των χαρακτήρων στην τυπογραφία του Ανθρωπιστικού είναι μεγαλύτερη από την Grotesque, καθιστώντας την ελαφρώς ευκολότερη στην ανάγνωση.
  • Στο γλωσσικό γράμμα Grotesque, οι χαρακτήρες είναι διφορούμενοι ο ένας από τον άλλο. Ένα μικρό γράμμα 'g' και το 9 στο Grotesque φαίνονται αρκετά παρόμοια, είναι όλα πολύ τετράγωνο, προσθέτοντας περισσότερη σύγχυση και καθιστώντας το λιγότερο ευανάγνωστο. Ενώ στο τυπογραφικό στίγμα του Ανθρώπου, μπορείτε να διακρίνετε σαφώς τους χαρακτήρες.

Αυτοί είναι μερικοί παράγοντες που κάνουν τις γραμματοσειρές πιο αναγνώσιμες. Τώρα μπορείτε να επιλέξετε το γράμμα ανάλογα με το σκοπό.

Πώς να συνδυάσετε τις γραμματοσειρές

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

Μερικοί από τους κοινούς κανόνες που χρησιμοποιούν οι σχεδιαστές όταν συνδυάζουν διαφορετικές γραμματοσειρές:

  1. Οι Σέριφοι και οι Sans-Serif δουλεύουν πολύ καλά μαζί. Τείνει να δημιουργήσει ένα καλό σχέδιο. Το Sans-Serif έχει ελαφρώς αυξημένη αναγνωσιμότητα σε σύγκριση με τους Serifs. Γι 'αυτό και το Sans-Serif είναι μια μεγάλη γραμματοσειρά για το σώμα του κειμένου.
    Μη συνδυάζετε Serif με Serif και Sans-Serif με Sans-Serif γιατί μπορεί να φαίνεται λίγο ήπια και αδιαφοροποίητη.
  2. Πολλές γραμματοσειρές σε ένα σχέδιο δεν είναι καλό. Καταλήγει να φαίνεται πολύ παράξενο. Προσέχετε σε 2 γραμματοσειρές (μία από την οικογένεια Serif και η άλλη από την Sans-Serif).
  3. Εκτιμήστε τη διάθεση της γραμματοσειράς ακριβώς όπως τα χρώματα. Και δεν συνδυάζουν διαφορετικές διαθέσεις μαζί. Προσπαθήστε να συνδυάσετε πιο σύγχρονες γραμματοσειρές με σύγχρονες γραμματοσειρές και παλαιότερες γραμματοσειρές με πιο παραδοσιακές γραμματοσειρές.
    Αν έχετε τη διάθεση των γραμματοσειρών σας, αρχίζετε να δημιουργείτε μερικά απίστευτα όμορφα σχέδια.
    Πράγματα που πρέπει να κρατήσετε παρόμοια: Η διάθεση και η εποχή της γραμματοσειράς
    Πράγματα που πρέπει να αντιπαρατεθείτε: Serif-ness (για παράδειγμα, μία γραμματοσειρά πρέπει να είναι Serif και η άλλη Sans-Serif) και Βάρη.
    Το βάρος σημαίνει πόσο βαρύ ή τολμηρό είναι το κείμενό σας. Τα περισσότερα λογισμικά σχεδιασμού έχουν μια ολόκληρη σειρά από βάρη. Για παράδειγμα, ελαφρύ, μεσαίο, τολμηρό, πολύ τολμηρό, και ούτω καθεξής. Παίξτε γύρω με διαφορετικά βάρη σε αντίθεση για να δημιουργήσετε ενδιαφέροντα σχέδια.

ΠΟΤΕ δεν χρησιμοποιείτε ποτέ - Comic Sans, Papyrus, Viner, Kristen, Curlz. Ανεξάρτητα από το τι σχεδιάζετε, θα κάνουν τα σχέδιά σας να φαίνονται τρομερά.

Εργαλεία τυπογραφίας

  1. WhatFont
    Μια επέκταση χρωμίου που σας λέει το όνομα μιας γραμματοσειράς σε οποιονδήποτε ιστότοπο.
  2. Σκίουρος γραμματοσειράς
    Συνήθως κατεβάζω γραμματοσειρές από εδώ. Είναι δωρεάν για εμπορική χρήση.

Αυτή ήταν μια σύντομη επισκόπηση του τεράστιου πεδίου της τυπογραφίας. Ελπίζω να μάθετε ενδιαφέροντα πράγματα που μπορείτε να χρησιμοποιήσετε στα σχέδιά σας! :)