Οκτώ τρόποι συνδυασμού των γραμματοσειρών
Η καλή τυπογραφία είναι υψίστης σημασίας για κάθε καλό σχεδιασμό.
Ένα αλλιώς όμορφο σχέδιο μπορεί πραγματικά να υποφέρει αν οι τυπογραφικές επιλογές είναι λάθος. Αλλά ο συνδυασμός γραμματοσειρών πέρα από το βασικό ζεύγος serif / sans-serif μπορεί να είναι δύσκολο και σύγχυση σε πολλούς σχεδιαστές.
Ενώ πολλά από αυτά που πηγαίνουν στην καλή τυπογραφία είναι υποκειμενικά, υπάρχουν κάποιες κατευθυντήριες γραμμές που μπορούν να σας δείξουν προς τη σωστή κατεύθυνση. Από εκεί, εξαρτάται από εσάς να πειραματιστείτε και να δοκιμάσετε διαφορετικά πράγματα.
Μη φοβάστε να δοκιμάσετε νέα πράγματα στη τυπογραφία σας, αλλά εμπιστευθείτε το μάτι και τα ένστικτά σας ως σχεδιαστή. Μερικές φορές, ακόμη και τα πράγματα που ακολουθούν όλους τους "κανόνες" της τυπογραφίας μπορούν ακόμα να φαίνονται απαίσια (και αντίστροφα).
Ταιριάξτε τη διάθεση
Κάθε γραμματοσειρά έχει διάθεση. Ορισμένοι είναι ευγενικοί και διασκεδαστικοί, μερικοί είναι σοβαροί, μερικοί είναι κομψοι, και μερικοί είναι πολύ επαγγελματίες. Οι γραμματοσειρές με παρόμοιες διαθέσεις είναι πιθανότερο να είναι συμβατές και λιγότερο πιθανό να είναι αισθητικά εκνευριστικές.
Ακολουθήστε τα παρακάτω παραδείγματα. Οι γραμματοσειρές που χρησιμοποιούνται στα αριστερά, το Tahoma για το αντίγραφο του σώματος και το Snidely για την επικεφαλίδα, δεν ταιριάζουν. Πρόχειρη είναι μια διακοσμητική γραμματοσειρά με μια περίεργη, funky ματιά σε αυτό, ενώ Tahoma είναι υποτιμημένη και μοντέρνα. Ενώ δεν είναι οι χειρότεροι συνδυασμοί στον κόσμο, σίγουρα δεν είναι βέλτιστοι.
Τα γράμματα στα δεξιά, το Neuton για το σώμα και το Nevis για τον τίτλο, και οι δύο έχουν παρόμοιες περιστασιακές διαθέσεις. Ούτε είναι βουλωμένος ή υπερβολικά επίσημος, πράγμα που τους κάνει να δουλεύουν καλά, παρά το γεγονός ότι έχουν εξωτερικά πολύ διαφορετικές εμφανίσεις.
Ταίριασμα γράμματα
Οι επιστολές που συνθέτουν ένα τυπογραφικό πλάτος μπορεί να είναι απίστευτα ποικίλες, με βάση διάφορους παράγοντες, όπως ιστορική επιρροή ή γενικό στυλ. Η αντιστοίχιση αυτών των γραμματοσειρών είναι ένας καλός τρόπος για να βρείτε συμβατές γραμματοσειρές, αν και γενικά θα θελήσετε επίσης να τις ταιριάξετε με βάση το ύφος ή άλλους παράγοντες.
Ένας από τους πιο γρήγορους τρόπους για να ελέγξετε τις συμβατές μορφές επιστολών είναι να ελέγξετε τα γράμματα "a", "g" και "e". Στο παρακάτω παράδειγμα μπορείτε να δείτε πως τα Aller και Gentium έχουν παρόμοια γράμματα, όπως και το Helvetica και το Museo. Και οι τέσσερις γραμματοσειρές έχουν παρόμοια γράμματα "a". Τα γράμματα "g" είναι όπου βλέπουμε τις μεγαλύτερες διαφορές.
Άλλα γράμματα που ίσως θέλετε να ελέγξετε περιλαμβάνουν το πεζά "t" (μερικές γραμματοσειρές θα έχουν ουρά στο "t" ενώ άλλες δεν θα), πεζά "f" και πεζά "q". Οι διαφορές στις μορφές επιστολών δεν είναι αναγκαστικά ένας διαχωριστής μεταξύ των γραμματοσειρών, αλλά θα θέλετε γραμματοσειρές που έχουν περισσότερες ομοιότητες από τις διαφορές σε αυτές τις περιπτώσεις.
Το κλασικό Serif / Sans-Serif Combo
Ο συνδυασμός γραμματοσειράς serif και γραμματοσειράς sans-serif είναι ίσως ένας από τους πιο συνηθισμένους τυπογραφικούς συνδυασμούς. Είναι ένας σχετικά εύκολος συνδυασμός για να τραβήξει μακριά, καθώς υπάρχουν λιγότερες πιθανότητες για σύγκρουση. Εφ 'όσον δίνετε προσοχή στο βάρος και την αναλογία, είναι ένα αρκετά δύσκολο combo για να πάρει λάθος.
Το παρακάτω κείμενο δείχνει μερικούς διαφορετικούς τρόπους για να συνδυάσετε γραμματοσειρές serif και sans-serif. Το παράδειγμα στα αριστερά δείχνει ότι μπορείτε να αναμίξετε τα βάρη των γραμματοσειρών, αν τα πράγματα όπως η αναλογία είναι πολύ παρόμοια. Η κύρια γραμματοσειρά, ChunkFive, είναι μια πλάκα serif, ενώ η γραμματοσειρά του κορμού αντιγραφής, Junction, είναι μια απλή sans-serif. Και οι δύο έχουν ισχυρό οπτικό στυλ, όμως, η οποία εμποδίζει Junction από την υπερβολική δύναμη.
Η αντιστοίχιση στα δεξιά είναι λίγο πιο παραδοσιακή, με πολύ παρόμοιες γραμματοσειρές. Το Junction χρησιμοποιείται ως η κύρια γραμματοσειρά εδώ, με το Prociono για το σώμα. Και οι δύο είναι λίγο στη λεπτή πλευρά, και έχουν παρόμοια γράμματα.
Χρησιμοποιήστε το χρώμα για να το ενώσετε μαζί
Εάν συνδυάζετε πολλές πολύ διαφορετικές γραμματοσειρές, δοκιμάστε να τις συνδέσετε μαζί με το χρώμα. Κρατώντας τα πάντα σε ένα χρώμα (ή αποχρώσεις ενός χρώματος) προσθέτει αρμονία και ενότητα που μπορεί να λείπουν στις ίδιες τις γραμματοσειρές.
Μπορείτε να δείτε από την παρακάτω εικόνα ότι το χρώμα μπορεί να έχει τεράστιο αντίκτυπο στον τρόπο εμφάνισης της τυπογραφίας. Και οι δύο γραμμές κειμένου στην παρακάτω εικόνα είναι πανομοιότυπες, με εξαίρεση τα χρώματα των γραμμάτων. Ενώ δεν είναι αυτό που συνήθως θα θεωρείται "καλή" τυπογραφία, η κορυφαία θα μπορούσε τουλάχιστον να γίνει για να εργαστεί στο σωστό πλαίσιο. Ο κατώτερος, ωστόσο, μοιάζει με κάτι που ένας μαθητής του νηπιαγωγείου μπορεί να σχεδιάσει κατά τη διάρκεια του χρωματισμού.
Δείχνει πόσο σημαντικό είναι να χρησιμοποιείτε παρόμοια χρώματα, ειδικά εάν αγνοείτε πολλές άλλες κατευθυντήριες γραμμές σε αυτό το άρθρο. Αντίθετα, αν θέλετε να προσθέσετε λίγο περισσότερη αντίθεση μεταξύ των γραμματοσειρών που μπορεί να είναι λίγο πολύ παρόμοια, χρησιμοποιώντας διαφορετικά χρώματα μπορεί να κάνει ακριβώς αυτό.
Χρησιμοποιώντας ελαφρώς διαφορετικά χρώματα προσθέτει πραγματικά το οπτικό ενδιαφέρον στην τυπογραφία εδώ, η οποία αποτελείται από Fontin και Fontin Sans, δύο γραμματοσειρές από την ίδια οικογένεια που είναι σχεδόν ταυτόσημες.
Παρόμοιες αναλογίες
Το ποσοστό είναι ίσως το πιο σημαντικό πράγμα που πρέπει να εξετάσετε, ειδικά όταν συνδυάζετε τις γραμματοσειρές σε μία γραμμή (όπως σε μια κεφαλίδα ή λογότυπο). Οι γραμματοσειρές που είναι αναλογικά παρόμοιες θα συνδυάζονται πιο εύκολα και θα φαίνονται πιο ομοιόμορφες από τις γραμματοσειρές με διαφορετικές αναλογίες.
Ο γρηγορότερος τρόπος για να ελέγξετε την αναλογία είναι η σύγκριση χ-ύψη. Σε γενικές γραμμές, οι γραμματοσειρές με παρόμοια x-ύψη θα έχουν παρόμοιες αναλογίες συνολικά. Στην παρακάτω εικόνα, μπορείτε να δείτε ότι τα Helvetica και Neuton έχουν σχεδόν ταυτόσημες x-ύψη.
Αντίθετα, το ύψος x του Bolton είναι πολύ ψηλότερο και το Primer είναι πολύ μικρότερο από τις άλλες δύο γραμματοσειρές. Ελέγξτε τα άλλα γράμματα για να βεβαιωθείτε ότι είναι συμβατά ή ασυμβίβαστα, αλλά το ύψος x είναι ένα εξαιρετικό μέρος για να ξεκινήσετε.
Θα θελήσετε επίσης να δείτε το πλάτος των χαρακτήρων μέσα στο γραμματοσειρά. Ελέγξτε το πλάτος ευρύτερων χαρακτήρων όπως "m", "w" ή "o", καθώς και τους στενότερους χαρακτήρες, όπως "t", "f" και "j". Για την καλύτερη δυνατή συμβατότητα, αυτά τα γράμματα θα πρέπει να έχουν παρόμοια πλάτη μεταξύ των δύο γραμματοσειρών.
Παρόμοια βάρη
Γραμματοσειρές με ριζικά διαφορετικά βάρη μπορούν να συνεργαστούν, αλλά είναι πολύ πιθανότερο να είναι συμβατές αν τα βάρη είναι παρόμοια.
Το θέμα που παρουσιάζεται συχνότερα όταν οι γραμματοσειρές έχουν ριζικά διαφορετικά βάρη είναι ότι οι ελαφρύτερες γραμματοσειρές συχνά χάνουν, οπτικά, όταν συνδυάζονται με πολύ βαρύτερες γραμματοσειρές. Αυτό γίνεται ακόμη πιο έντονο εάν χρησιμοποιείται η βαρύτερη γραμματοσειρά για μια επικεφαλίδα και η πιο ανοιχτή γραμματοσειρά είναι το σώμα.
Κοιτάξτε το παρακάτω κείμενο. Η γραμματοσειρά "headline" εδώ (Charlie Brown M54) εξουδετερώνει εντελώς τη γραμματοσειρά "body" (TitilliumText14L Regular).
Η αύξηση του βάρους της γραμματοσειράς του σώματος αντισταθμίζει αυτό. Αυτή είναι πάντα μια επιλογή, αν και μπορεί να περιορίσει τις επιλογές σας για τη χρήση διαφορετικών στυλ στο σχέδιό σας. Είναι πολύ πιο εύκολο να βρείτε γραμματοσειρές που ταιριάζουν σε διαφορετικά βάρη (τόσο τολμηρό σε ένα είναι ίσο με τολμηρό στο άλλο, κλπ.).
Μην παραβλέπετε τις ενιαίες γραμματοσειρές
Υπάρχουν πολλές γραμματοσειρές εκεί έξω που περιλαμβάνουν πολλές γραμματοσειρές μέσα στην ίδια οικογένεια. Γραμματοσειρές όπως Fontin (και Fontin Sans) έρχονται με μια χούφτα των βαρών που μπορούν να συνδυαστούν για να δημιουργήσουν πολλά οπτικό ενδιαφέρον.
Παρακάτω είναι ένα εξαιρετικό παράδειγμα του τρόπου με τον οποίο διαφορετικά βάρη και στυλ μπορούν να χρησιμοποιηθούν από κοινού για τη δημιουργία τυπογραφίας που έχει άφθονο οπτικό ενδιαφέρον. Επειδή όλα αυτά βασίζονται σε μία γενική οικογένεια γραμματοσειρών, δεν χρειάζεται να ανησυχείτε για τις διαφορετικές γραμματοσειρές που βρίσκονται σε διένεξη μεταξύ τους.
Σύγκρουση έναντι αντίθεσης
Η αντίθεση στην τυπογραφία είναι γενικά καλό πράγμα. Το σημείο χρήσης διαφορετικών γραμματοσειρών είναι έτσι ώστε να ξεχωρίζουν το ένα από το άλλο, συμβάλλοντας στο συνολικό οπτικό στυλ ενός σχεδίου. Εάν οι γραμματοσειρές σας είναι πολύ παρόμοιες, έρχονται σε σύγκρουση μεταξύ τους, αντί για αντίθεση και συμπλήρωμα.
Ακολουθήστε τα παρακάτω παραδείγματα. Στην πρώτη γραμμή, οι γραμματοσειρές είναι πολύ παρόμοιες (Hoefler Text και Goudy Bookletter 1911). Οποιαδήποτε αντίθεση έχει χαθεί και, αντίθετα, μοιάζουν λίγο παράξενο το ένα δίπλα στο άλλο.
Η δεύτερη γραμμή είναι καλύτερη, με το ChunkFive και τη Γενεύη. Έχουν παρόμοιες διαστάσεις, αλλά αυτό είναι λίγο πολύ όπου οι ομοιότητες τελειώνουν. Υπάρχει καλή αντίθεση εδώ.
Η τρίτη γραμμή, από την άλλη πλευρά, δείχνει γιατί η χρήση διαφορετικών γραμματοσειρών δεν έχει κατ 'ανάγκην καλή αντίθεση. Αυτός είναι ο λόγος για τον οποίο είναι σημαντικό να δοθεί προσοχή σε περισσότερες από μία πτυχές του συνδυασμού γραμματοσειρών.
Ριζική Αντίθεση
Η ριζική αντίθεση μεταξύ των γραμματοσειρών μπορεί να είναι ένας πολύ καλός τρόπος για να προσθέσετε οπτικό ενδιαφέρον σε ένα σχέδιο. Αυτό δεν σημαίνει απαραίτητα ότι μπορείτε να ρίξετε μόνο δύο γραμματοσειρές μαζί και να ελπίζετε για το καλύτερο. Εξακολουθείτε να πρέπει να έχετε κατά νου τις γενικές αρχές της τυπογραφίας και, στη συνέχεια, να επιλέξετε και να επιλέξετε ποιες κατευθυντήριες γραμμές θέλετε να ακολουθήσετε και ποιες από τις οποίες θέλετε να αγνοήσετε.
Ο ευκολότερος τρόπος για τη δημιουργία τυπογραφικών σχεδίων που χρησιμοποιούν ριζικά διαφορετικές γραμματοσειρές είναι να λαμβάνεται υπόψη η αναλογία. Δώστε προσοχή στο γενικό σχήμα στις γραμματοσειρές και τα πράγματα όπως το ύψος x και, στη συνέχεια, παίξτε από εκεί.
Ίσως χρειαστεί να προσαρμόσετε τα μεγέθη των διαφόρων χαρακτήρων εάν συνδυάσετε μια σειρά διαφορετικών γραμματοσειρών, καθώς δεν είναι όλες οι γραμματοσειρές συνεπείς όταν πρόκειται για μεγέθυνση. Δείτε τα δύο παρακάτω παραδείγματα:
Η κορυφαία γραμμή χρησιμοποιεί μια μεγάλη ποικιλία γραμματοσειρών, αλλά είναι όλες grunge ή καταστραφεί γραμματοσειρές. Αυτό τους δίνει ένα κοινό στυλ και τα ενώνει, παρόλο που η αναλογία και το βάρος είναι διαφορετικά μεταξύ των χαρακτήρων.
Η κατώτατη γραμμή, ωστόσο, χρησιμοποιεί μόνο τρεις γραμματοσειρές, δύο εκ των οποίων είναι sans-serif και μία από τις οποίες είναι serif. Ωστόσο, αυτές οι γραμματοσειρές έχουν κοινά πράγματα. Πρώτα απ 'όλα, είναι σχετικά βαριές. Χρησιμοποιώντας το βαρύτερο για το συντομότερο μέρος και το ελαφρύτερο για το μεγαλύτερο μέρος, βοηθάει στην ισορροπία τους οπτικά. Τα πλάτη των γραμμών είναι επίσης ομοιόμορφα σε κάθε γραμματοσειρά, χωρίς καμία απόκλιση μεταξύ γραμμάτων ή εντός των ίδιων των γραμμάτων. Τέλος, και οι τρεις γραμματοσειρές έχουν αρκετά φαρδιά στρογγυλά γράμματα.
Σε μεγάλο βαθμό, ο συνδυασμός των γραμματοσειρών με αυτόν τον τρόπο είναι υποκειμενικός, αλλά έχοντας κατά νου τι κάνει καλό τυπογραφικό σχεδιασμό, μπορεί να σας βοηθήσει να στρέψετε τη σωστή κατεύθυνση όταν αρχίσετε να σχεδιάζετε τέτοια πράγματα.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Έχετε άλλες συμβουλές και κόλπα για την ανάμειξη γραμματοσειρών; Μοιραστείτε τα με τα παρακάτω σχόλια ...