Περίπου επτά δευτερόλεπτα δίνουν πολλοί επισκέπτες σε μια σελίδα, πριν αποφασίσουν αν θα μείνουν ή θα φύγουν. Σε αυτό το διάστημα, οι κανόνες τυπογραφίας κάνουν περισσότερη δουλειά από τα κείμενα πωλήσεών σου. Η οπτική καθαρότητα κερδίζει τα επιπλέον δευτερόλεπτα που χρειάζεσαι για να εξηγήσεις την προσφορά σου.
Οι κανόνες τυπογραφίας καλύπτουν το όριο στον αριθμό των γραμματοσειρών, τη σταθερή ιεραρχία και τις επαρκείς αποστάσεις. Εδώ εξηγούμε τι σημαίνει αυτό σε απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς το εφαρμόζεις χωρίς να χαθείς σε ορολογία. Θα δεις επίσης πώς ταιριάζει στην ίδια εικόνα η τυπογραφία στο web design. Ας το δούμε βήμα βήμα.
Οι βασικές ιδέες πίσω από τους κανόνες τυπογραφίας
Οι κανόνες τυπογραφίας καλύπτουν το όριο στον αριθμό των γραμματοσειρών, τη σταθερή ιεραρχία και τις επαρκείς αποστάσεις.
Οι κανόνες προστατεύουν την αναγνωσιμότητα όταν πολλοί άνθρωποι ενημερώνουν την ιστοσελίδα σου.
Η τυπογραφία στο web design προσθέτει περιορισμούς για το κινητό και για την ταχύτητα φόρτωσης.
Βάζοντάς το σε εφαρμογή
Φτιάξε μια κλίμακα μεγεθών κειμένου σε μία σελίδα και μοιράσου την με όποιον δημοσιεύει περιεχόμενο.
Δες τις Google Fonts για ιστοσελίδες και τα λάθη τυπογραφίας για να συνδέσεις αυτό το θέμα με την υπόλοιπη ενότητα.
Οι μικρές συνεπείς βελτιώσεις κερδίζουν τους σπάνιους πλήρεις επανασχεδιασμούς, όταν μαθαίνεις ακόμη.
Πρακτική λίστα ελέγχου που μπορείς να χρησιμοποιήσεις σήμερα
Φτιάξε μια κλίμακα μεγεθών κειμένου σε μία σελίδα και μοιράσου την με όποιον δημοσιεύει περιεχόμενο.
Όταν ελέγχεις μια σελίδα, ρώτα αν οι κανόνες τυπογραφίας φαίνονται από το πρώτο scroll στο κινητό. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα screenshots πριν και μετά τις αλλαγές, ώστε να μάθεις τι έκανε διαφορά στην ιστοσελίδα σου.
Μοιράσου τη λίστα με όποιον ενημερώνει την ιστοσελίδα σου, ώστε η τυπογραφία στο web design να μένει σταθερή στις νέες σελίδες.
Διάλεξε ένα μέγεθος για να το παρακολουθείς αυτόν τον μήνα, όπως ο χρόνος στη σελίδα ή οι έναρξες φόρμας, ώστε οι αλλαγές στον σχεδιασμό να συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με την ευρύτερη επωνυμία σου
Οι οπτικές επιλογές σπάνια ζουν μόνο σε μία σελίδα. Η τυπογραφία στο web design προσθέτει περιορισμούς για το κινητό και για την ταχύτητα φόρτωσης.
Οι αναρτήσεις σου στα social, τα email και τα έντυπα πρέπει να επαναλαμβάνουν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς που χρησιμοποιείς στο web.
Όταν τα οπτικά της επωνυμίας ξεφεύγουν, οι πελάτες νιώθουν μια λεπτή ασυμφωνία, ακόμη κι αν δεν μπορούν να την εξηγήσουν.
Δες τη γραμματοσειρά επωνυμίας για να συγκρίνεις σημειώσεις με ένα συγγενικό κεφάλαιο αυτής της ενότητας.
Οι κανόνες προστατεύουν την αναγνωσιμότητα όταν πολλοί άνθρωποι ενημερώνουν την ιστοσελίδα σου.
Συχνές ερωτήσεις που περνούν απαρατήρητες
Δευτερεύοντες όροι, όπως η τυπογραφία στο web design και το ταίριασμα γραμματοσειρών, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με τα συνηθισμένα πρότυπα.
Η τυπογραφία στο web design προσθέτει περιορισμούς για το κινητό και για την ταχύτητα φόρτωσης.
Σημείωσε μία αλλαγή, πριν και μετά, που θα δοκιμάσεις αυτή την εβδομάδα σε μια ζωντανή σελίδα. Οι μικρές αλλαγές με μέτρηση κερδίζουν τα αόριστα σχέδια.
Αν η ομάδα σου μάθει κοινό λεξιλόγιο γύρω από τους κανόνες τυπογραφίας, γλιτώνεις γύρους διορθώσεων με σχεδιαστές και γραφεία.
Εργαλεία που κάνουν πιο εύκολες τις οπτικές αλλαγές
Δεν χρειάζεσαι custom κώδικα για να διορθώσεις πολλά προβλήματα διάταξης και στυλ. Ένας οπτικός επεξεργαστής σου επιτρέπει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές, ενώ βλέπεις προεπισκόπηση σε κινητό και σε υπολογιστή.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές τις Google Fonts για ιστοσελίδες και τα λάθη τυπογραφίας, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Έχεις πλέον ένα πρακτικό πρίσμα για τους κανόνες τυπογραφίας. Χρησιμοποίησέ το όταν ελέγχεις την ιστοσελίδα σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις brief σε σχεδιαστή. Συνέχισε με τα λάθη τυπογραφίας και τη γραμματοσειρά επωνυμίας για να κρατήσεις τον ρυθμό σε αυτή την ενότητα.
Η εκμάθηση των κανόνων τυπογραφίας είναι σταδιακή δεξιότητα. Γύρνα σε αυτό το κεφάλαιο αφού κάνεις μία βελτίωση, ώστε οι ιδέες να περάσουν από την ανάγνωση στη συνήθεια. Οι μικρές, επαναλαμβανόμενες ματιές κερδίζουν το διάβασμα όλων των κανόνων μονομιάς. Κράτα σημειώσεις για το τι δούλεψε στο κοινό σου, ώστε η επόμενη αλλαγή να γίνει πιο γρήγορα.
Συχνές ερωτήσεις
Πόσο χρόνο παίρνει να βελτιώσεις την τυπογραφία σου με βάση τους κανόνες;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, μόλις εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για τους κανόνες τυπογραφίας;
Ένας σχεδιαστής βοηθά σε σύνθετα rebranding, αλλά πολλές διορθώσεις γύρω από τους κανόνες τυπογραφίας γίνονται και μόνος σου, όταν ξέρεις τι να προσέξεις. Διάβασε μαζί με αυτό το κεφάλαιο και τις Google Fonts για ιστοσελίδες για συναφή καθοδήγηση.
Μπορεί η WEMASY να σε βοηθήσει να εφαρμόσεις τους κανόνες τυπογραφίας στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να ξεκινήσεις.
Ποιο είναι το συνηθέστερο λάθος με τους κανόνες τυπογραφίας;
Ο κόσμος προσπαθεί να διορθώσει τα πάντα μονομιάς αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες τα λάθη τυπογραφίας για την επόμενη βελτίωση.
Πώς συνδέονται οι κανόνες τυπογραφίας με το SEO;
Η καθαρή οπτική ιεραρχία και η ευανάγνωστη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Συνδύασε τις διορθώσεις σχεδίασης με σωστή δομή περιεχομένου για το καλύτερο αποτέλεσμα.
Τι να μάθεις μετά τους κανόνες τυπογραφίας;
Συνέχισε με τις Google Fonts για ιστοσελίδες και τα λάθη τυπογραφίας σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για την επωνυμία σου στο διαδίκτυο.