Δοκιμάστε και μην κάνετε τυπογραφία
Δεδομένου ότι τόσο μεγάλο μέρος του περιεχομένου που διατίθεται στο διαδίκτυο είναι κείμενο, είναι σημαντικό για τους σχεδιαστές ιστοσελίδων να κατανοούν τις βασικές αρχές της καλής τυπογραφίας. Έχοντας τέτοιες γνώσεις επιτρέπει στους σχεδιαστές να επικοινωνούν πιο αποτελεσματικά, δίνοντάς τους τη δυνατότητα να δημιουργήσουν καλύτερα σχέδια και ιστοσελίδες που είναι πιο εύχρηστες.
Για τους πιο έμπειρους σχεδιαστές, το κείμενο μπορεί να έρθει φυσικά, αλλά για εκείνους που μόλις ξεκινούν αποφάσισα να βάλω μαζί μια λίστα με τα βασικά πράγματα και τα πράγματα. Όχι μόνο αυτός ο κατάλογος θα σας διδάξει τις βασικές αρχές, αλλά μπορείτε επίσης να το χρησιμοποιήσετε ως λίστα ελέγχου για να εργαστείτε σε μελλοντικά έργα. Εδώ πηγαίνει:
DO καθιερώνουν μια τυπογραφική ιεραρχία
Μια τυπογραφική ιεραρχία μπορεί να δημιουργηθεί χρησιμοποιώντας μια ποικιλία μεθόδων όπως μέγεθος, βάρος, χρώμα και αντίθεση. Σκοπός του είναι να δώσει δομή σελίδων και να καθοδηγήσει το χρήστη μέσω του περιεχομένου. Χωρίς σαφή ιεραρχία, το κείμενο καθίσταται πολύ πιο δύσκολο να σαρωθεί και ως εκ τούτου είναι γενικά δυσκολότερο να διαβαστεί. Απλώς ρίξτε μια ματιά στα παρακάτω παραδείγματα. Στα αριστερά, το κείμενο είναι ένα μέγεθος και ένα βάρος, επομένως είναι δύσκολο να γίνει διάκριση ανάμεσα στις επικεφαλίδες και το κείμενο. Εν τω μεταξύ, στα δεξιά, έχουμε το ίδιο περιεχόμενο αλλά με μια σαφή τυπογραφική ιεραρχία, οπότε είναι πολύ πιο εύκολο να διακρίνουμε τα διάφορα στοιχεία.
Εδώ έχω χρησιμοποιήσει μόνο το μέγεθος και το βάρος για να καθορίσω την ιεραρχία μου, αλλά για ακόμα καλύτερα αποτελέσματα μπορείτε να δοκιμάσετε να δοκιμάσετε το χρώμα και την αντίθεση επίσης.
ΜΗΝ κάνετε το κείμενο πολύ μικρό
Όλοι δεν έχουν όραμα 20-20, οπότε είναι σημαντικό να βεβαιωθείτε ότι το κείμενο του σώματός σας είναι αρκετά μεγάλο ώστε οι άνθρωποι να μπορούν να διαβάσουν άνετα. Προσωπικά θα πρότεινα να μην είναι μικρότερο από μέγεθος 14pt.
Επιλέξτε μια κατάλληλη γραμματοσειρά για το κείμενο κορμού
Ένας άλλος σημαντικός παράγοντας όταν πρόκειται για το σώμα σας είναι η ευκρίνεια. Αν και ένα τυπογραφικό στυλ όπως το Satisfy μπορεί να ταιριάξει σε ένα σχέδιο με χειροποίητη αισθητική, χρησιμοποιώντας ένα τυπογραφικό στίγμα όπως αυτό για το σώμα σας, το κείμενο θα έχει αρνητικό αντίκτυπο στους χρήστες σας. Αυτό συμβαίνει γιατί είναι πολύ πιο δύσκολο να το διαβάσετε από το μέσο σερίφη ή το sans-serif. Κοιτάξτε τα παρακάτω παραδείγματα και θα παρατηρήσετε πόσο σκληρότερο πρέπει να λειτουργήσει ο εγκέφαλός σας για να εξαγάγετε τις λέξεις στα αριστερά σε σύγκριση με εκείνες στα δεξιά.
ΜΗΝ χρησιμοποιείτε πάρα πολλές διαφορετικές γραμματοσειρές σε μία σελίδα
Υπηρεσίες όπως Typekit και Γραμματοσειρές Google μπορεί να σας δώσουν πρόσβαση σε χιλιάδες γραμματοσειρές, αλλά αυτό δεν σημαίνει ότι πρέπει να τις χρησιμοποιήσετε όλες. Όπως μπορείτε να δείτε από το παρακάτω παράδειγμα, εκτός και αν το κάνει πολύ καλά, η χρήση πολλών γραμματοσειρών μπορεί να αποπροσανατολίσει πολύ. Αυτός είναι ο λόγος για τον οποίο συστήνω συνήθως τη χρήση όχι περισσότερο από 2 ή 3.
Δώστε στο χώρο του κειμένου σας να αναπνεύσει
Η έλλειψη λευκού χώρου μεταξύ κάθε γραμμής μπορεί να επηρεάσει την αναγνωσιμότητα, επειδή δυσκολεύει το μάτι να παρακολουθεί από τη μία γραμμή στην άλλη. Ωστόσο, αυτό το πρόβλημα μπορεί να λυθεί εύκολα αυξάνοντας τα ύψη γραμμής σας, αλλά προσέξτε να μην το παρακάνετε, ο υπερβολικός χώρος μπορεί επίσης να επηρεάσει αρνητικά την αναγνωσιμότητα.
ΜΗΝ κάνετε συνεχή χρήση όλων των καπακιών
Οι άνθρωποι δεν είναι συνηθισμένοι να διαβάζουν μεγάλα κομμάτια κειμένου σε όλα τα καπάκια και γι 'αυτό είναι πραγματικά πιο δύσκολο για τους ανθρώπους να διαβάσουν. Όχι μόνο αυτό, αλλά οι άνθρωποι συχνά συνδέουν όλα τα καλύμματα με φωνές ή επιθετικότητα και όταν πρόκειται για μάρκετινγκ αντίγραφο μπορεί να συναντήσει αρκετά spammy. Εξαιτίας αυτού είναι σημαντικό να σκεφτείτε πώς και πότε πρόκειται να χρησιμοποιήσετε όλα τα ανώτατα όρια και να βεβαιωθείτε ότι το χρησιμοποιείτε με μέτρο.
Δοκιμάστε και περιορίστε τις παραγράφους σε 40-60 χαρακτήρες ανά γραμμή
Αν μια γραμμή είναι πολύ μεγάλη, ο αναγνώστης αρχίζει σταδιακά να χάσει την εστίαση και μπορεί συχνά να έχει πρόβλημα να διαβάζει από τη μία γραμμή στην άλλη. Εάν μια γραμμή είναι πολύ μικρή, αυτό προκαλεί στον αναγνώστη να ταξιδεύει πολύ συχνά, γεγονός που διαταράσσει τον ρυθμό του. Αυτό μπορεί επίσης να τους κάνει να αρχίσουν να διαβάζουν την επόμενη γραμμή πολύ σύντομα, προκαλώντας τους να χάσουν τα λόγια από την προηγούμενη γραμμή. Αυτός είναι ο λόγος για τον οποίο το βέλτιστο μήκος γραμμής για κείμενο κορμού λέγεται ότι είναι περίπου 40-60 χαρακτήρες ανά γραμμή.
ΜΗ χρησιμοποιείτε μεγάλες ποσότητες κεντρικού κειμένου
Το κεντραρισμένο κείμενο είναι δύσκολο να διαβαστεί επειδή οι άκρες του μπλοκ κειμένου είναι ανομοιογενείς, γεγονός που καθιστά δυσκολότερη τη σάρωση επειδή κάθε γραμμή έχει διαφορετικό σημείο εκκίνησης. Τα κεντρικά κλειστά κείμενα είναι επίσης δύσκολο να ευθυγραμμιστούν με άλλα αντικείμενα στη σελίδα και συχνά θεωρούνται ότι φαίνονται αρκετά ερασιτεχνικά. Αυτός είναι ο λόγος για τον οποίο, όπως και όλα τα ανώτατα όρια, είναι καλύτερο να χρησιμοποιείτε κεντροποιημένο κείμενο με μέτρο, επιλέγοντας το κείμενο αριστερά ευθυγραμμισμένο ως πρότυπο.
Βεβαιωθείτε ότι υπάρχει αρκετή αντίθεση μεταξύ του κειμένου και του φόντου
Η αντίθεση είναι μια άλλη πτυχή της τυπογραφίας που μπορεί να επηρεάσει την αναγνωσιμότητα. Εάν δεν υπάρχει αρκετή αντίθεση μεταξύ του κειμένου και του φόντου, το περιεχόμενο μπορεί να γίνει δυσανάγνωστο.
Έχετε κάτι να προσθέσετε; Ποιες συμβουλές θα δώσατε στους νέους σχεδιαστές μόλις ξεκινώντας; Ενημερώστε μας στα σχόλια.