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