Κοιτάς με στραβωμένα μάτια τον τίτλο μιας αρχικής σελίδας στο κινητό. Τα γράμματα είναι λεπτά, στριμωγμένα και γκρι σε ανοιχτό φόντο. Φεύγεις πριν τελειώσεις την πρώτη γραμμή. Αυτή η αντίδραση γίνεται σε δευτερόλεπτα και έχει λίγη σχέση με αυτό που πουλά πραγματικά η επιχείρηση.
Η τυπογραφία του brand είναι από τα πιο γρήγορα σήματα που χρησιμοποιούν οι άνθρωποι για να κρίνουν την αξιοπιστία. Η σωστή γραμματοσειρά brand φαίνεται φυσική στην ιστοσελίδα, στα τιμολόγια και στις αναρτήσεις σου. Η λάθος δημιουργεί τριβή που δεν προσέχεις μέχρι να φύγει ένας πελάτης. Εδώ είναι μια πρακτική διαδικασία για να διαλέξεις γραμματοσειρές brand που στηρίζουν την ταυτότητά σου αντί να τη μάχονται.
Τι κάνει η τυπογραφία του brand για την ταυτότητά σου
Η τυπογραφία του brand είναι το σύνολο γραμματοσειρών και κανόνων που χρησιμοποιεί με συνέπεια η επιχείρησή σου. Καλύπτει τίτλους, κείμενο, κουμπιά, ετικέτες και κάθε σημείο όπου εμφανίζονται λέξεις στην οπτική σου ταυτότητα. Οι γραμματοσειρές δίνουν τόνο πριν το κείμενο. Μια στρογγυλεμένη sans-serif δίνει φιλική αίσθηση. Μια αιχμηρή serif μπορεί να φανεί καθιερωμένη ή επίσημη, ανάλογα με το πλαίσιο.
Η τυπογραφία επηρεάζει και την ευαναγνωσία. Μια όμορφη γραμματοσειρά που διαβάζεται δύσκολα σε μικρά μεγέθη βλάπτει τις μετατροπές στο κινητό. Μια απλή γραμματοσειρά με καθαρό διάστιχο αποδίδει συχνά καλύτερα από μια διακοσμητική επιλογή σε οθόνες που ο κόσμος σαρώνει γρήγορα.
Οι επιλογές γραμματοσειρών σου πρέπει να ταιριάζουν με το υπόλοιπο σύστημα ταυτότητας brand. Τα χρώματα, η φωτογραφία και η διάταξη στήνουν τη σκηνή. Η τυπογραφία παραδίδει τις λέξεις σε αυτή τη σκηνή.
Πώς να διαλέξεις γραμματοσειρές brand βήμα προς βήμα
1. Όρισε τη διάθεση που θέλεις
Ξεκίνα με επίθετα, όχι ονόματα γραμματοσειρών. Θέλεις μοντέρνο, ζεστό, τολμηρό, ήρεμο ή παιχνιδιάρικο; Πάρε στοιχεία από το mood board του brand και από το κοινό που όρισες νωρίτερα στη δουλειά του branding. Η διάθεση περιορίζει χιλιάδες επιλογές σε μια σύντομη λίστα που αξίζει δοκιμή.
2. Διάλεξε ζεύγος για τίτλους και κείμενο
Τα περισσότερα brands χρειάζονται δύο γραμματοσειρές: μία για τίτλους και μία για κείμενο. Πρέπει να έχουν αντίθεση χωρίς να συγκρούονται. Ένα συνηθισμένο μοτίβο ζευγαρώνει μια ξεχωριστή γραμματοσειρά τίτλων με μια απλή γραμματοσειρά κειμένου, φτιαγμένη για μακρά ανάγνωση. Δοκίμασε το ζεύγος σε έναν πραγματικό τίτλο και σε μια ολόκληρη παράγραφο, όχι μόνο στο αλφάβητο.
3. Δοκίμασε στα μεγέθη που χρησιμοποιείς πραγματικά
Έλεγξε τις γραμματοσειρές στο μέγεθος κειμένου του κινητού, στις ετικέτες κουμπιών και σε μεγάλους τίτλους hero. Κάποιες γραμματοσειρές φαίνονται κομψές σε μέγεθος προβολής και διαλύονται στα 14 pixel. Διάβασε μια παράγραφο φωναχτά κοιτώντας την οθόνη. Αν τα μάτια σου δουλεύουν περισσότερο απ' όσο πρέπει, διάλεξε πιο καθαρή επιλογή.
4. Έλεγξε την άδεια χρήσης και τις μορφές αρχείων
Επιβεβαίωσε ότι έχεις τη σωστή άδεια για web, έντυπα και τυχόν εφαρμογές που σκοπεύεις να χρησιμοποιήσεις. Οι δωρεάν γραμματοσειρές είναι εντάξει όταν η άδεια καλύπτει τα κανάλια σου. Οι γραμματοσειρές επί πληρωμή αξίζουν όταν χρειάζεσαι ευρύτερη υποστήριξη γλωσσών ή συνεπή απόδοση σε διαφορετικά λειτουργικά συστήματα.
5. Κατάγραψε τους κανόνες στις οδηγίες σου
Γράψε ονόματα γραμματοσειρών, πάχη, μεγέθη, διάστιχο και πού χρησιμοποιείται η καθεμία. Πρόσθεσε παραδείγματα στον οδηγό στυλ brand σου, ώστε οι συνεργάτες και τα νέα μέλη της ομάδας να μην αντικαθιστούν με παρόμοιες εναλλακτικές.
Τι κάνει τις καλύτερες γραμματοσειρές για branding
Οι καλύτερες γραμματοσειρές για branding είναι ευανάγνωστες, ευέλικτες και ευθυγραμμισμένες με την τοποθέτησή σου. Δουλεύουν στην ιστοσελίδα, στα PDF, στη σήμανση και στο email χωρίς να φαίνονται αταίριαστες. Έχουν αρκετά πάχη για έμφαση, χωρίς να χρειάζεσαι τρίτη ή τέταρτη άσχετη γραμματοσειρά.
Απόφυγε γραμματοσειρές που είναι της μόδας σήμερα και ξεπερασμένες του χρόνου, εκτός αν η στρατηγική του brand σου αγκαλιάζει βραχύβιες πολιτισμικές στιγμές. Απόφυγε γραμματοσειρές συνδεδεμένες με ένα διάσημο brand της κατηγορίας σου. Η αναγνώριση πρέπει να χτιστεί γύρω από το όνομά σου, όχι γύρω από μια γραμματοσειρά που οι άνθρωποι συνδέουν με κάποιον άλλο.
Περιορίσου σε δύο γραμματοσειρές στις περισσότερες περιπτώσεις. Μια τρίτη για ειδικούς τονισμούς είναι αποδεκτή. Περισσότερες και η οπτική σου ταυτότητα αρχίζει να φαίνεται διάσπαρτη.
Συνηθισμένα λάθη τυπογραφίας που πρέπει να αποφύγεις
Μη διαλέγεις γραμματοσειρές μόνο από το πώς φαίνεται μια λέξη-δείγμα. Το «Hello» σου λέει λίγα για το πώς αποδίδονται οι αριθμοί, οι τιμές και οι μακριές προτάσεις. Μη χρησιμοποιείς υπερλεπτά πάχη για κείμενο σε οθόνες. Μην τεντώνεις ή συμπιέζεις τα γράμματα για να χωρέσει μια γραμματοσειρά σε μια διάταξη. Η παραμόρφωση φαίνεται ερασιτεχνική, ακόμα κι όταν η βασική γραμματοσειρά είναι δυνατή.
Μην παραλείπεις τη δοκιμή στο πραγματικό πρότυπο της ιστοσελίδας σου. Οι γραμματοσειρές συμπεριφέρονται διαφορετικά μέσα σε πραγματική πλοήγηση, κουμπιά και φόρμες. Εφάρμοσε τη σύντομη λίστα μέσα στο WEMASY ή στην τωρινή διάταξη της ιστοσελίδας σου πριν οριστικοποιήσεις την επιλογή.
Όταν το domain και η δομή της ιστοσελίδας σου παίρνουν ακόμα σχήμα, διάβασε το άρθρο πώς να διαλέξεις όνομα domain ώστε το online σπίτι σου να ταιριάζει με τον επαγγελματικό τόνο που στηρίζει η τυπογραφία σου.
Στη συνέχεια, δες πού συναντά η τυπογραφία πραγματικές αλληλεπιδράσεις πελατών στο άρθρο τι είναι τα σημεία επαφής του brand και γιατί μετράνε, ή ξαναδές πώς ταιριάζουν οι γραμματοσειρές στο ευρύτερο σχέδιο σχεδιασμού ταυτότητας brand .
Συχνές ερωτήσεις
Πόσες γραμματοσειρές brand να χρησιμοποιήσω;
Δύο γραμματοσειρές καλύπτουν τις περισσότερες ανάγκες μικρών επιχειρήσεων: μία για τίτλους και μία για κείμενο. Πρόσθεσε τρίτη μόνο για συγκεκριμένο τονισμό, όπως ετικέτες ή αποσπάσματα, και κατάγραψε πότε να τη χρησιμοποιείς. Περισσότερες γραμματοσειρές σπάνια βελτιώνουν την αναγνώριση και συχνά την αποδυναμώνουν.
Να είναι η γραμματοσειρά του brand μου serif ή sans-serif;
Καμία δεν είναι αυτόματα καλύτερη. Οι sans-serif φαίνονται συχνά μοντέρνες και καθαρές στις οθόνες. Οι serif μπορούν να φανούν καθιερωμένες ή εκδοτικές, ανάλογα με το στυλ. Διάλεξε με βάση τη διάθεση, την ευαναγνωσία και το πώς ζευγαρώνει η γραμματοσειρά με το λογότυπο και τα χρώματά σου.
Μπορώ να χρησιμοποιήσω δωρεάν γραμματοσειρές για το brand μου;
Ναι, όταν η άδεια επιτρέπει εμπορική χρήση σε web, έντυπα και τυχόν εφαρμογές που χρειάζεσαι. Διάβασε τους όρους της άδειας πριν ενσωματώσεις μια γραμματοσειρά στην ιστοσελίδα ή δώσεις αρχεία σε τυπογραφείο. Μια γραμματοσειρά επί πληρωμή είναι επένδυση όταν χρειάζεσαι ευρύτερη κάλυψη γλωσσών ή premium υποστήριξη.
Πώς εφαρμόζω τις γραμματοσειρές του brand στην ιστοσελίδα μου;
Όρισε καθολικά στυλ για τίτλους και κείμενο, ώστε κάθε σελίδα να κληρονομεί την ίδια τυπογραφία χωρίς χειροκίνητες αλλαγές. Ο δημιουργός ιστοσελίδων του WEMASY σου επιτρέπει να ορίσεις ρυθμίσεις γραμματοσειράς για όλη την ιστοσελίδα και να κρατάς τις νέες σελίδες ευθυγραμμισμένες με τους κανόνες του brand σου καθώς δημοσιεύεις περιεχόμενο.
Τι γίνεται αν η γραμματοσειρά του brand μου διαβάζεται δύσκολα στο κινητό;
Αύξησε το μέγεθος του κειμένου, το διάστιχο ή το πάχος πριν εγκαταλείψεις εντελώς τη γραμματοσειρά. Πολλές γραμματοσειρές έχουν πολλαπλά πάχη φτιαγμένα για μικρές οθόνες. Αν η ευαναγνωσία υποφέρει ακόμα, άλλαξε τη γραμματοσειρά κειμένου και κράτα τη γραμματοσειρά τίτλων για χαρακτήρα.
Πού να καταγράψω τους κανόνες τυπογραφίας μου;
Πρόσθεσε ονόματα γραμματοσειρών, μεγέθη, πάχη και παραδείγματα χρήσης στον οδηγό στυλ και στο brand kit σου. Βάλε συνδέσμους προς τα αρχεία που χρειάζεται η ομάδα σου και δείξε σωστά και λάθος δείγματα. Η καθαρή τεκμηρίωση αποτρέπει καλοπροαίρετες αντικαταστάσεις που αποκλίνουν από τις οδηγίες brandσου.