Τίποτα δεν είναι πιο σημαντικό από την αναγνωσιμότητα όταν πρόκειται για το κείμενο στον ιστότοπό σας.

Απολύτως τίποτα.

Εάν δεν μπορείτε να διαβάσετε τις λέξεις, τότε τι καλό κάνετε; Ποιος λαμβάνει το μήνυμά σας;

Εξίσου σημαντικές με τις λέξεις οι ίδιοι είναι ο σχεδιασμός του κειμένου - από τις γραμματοσειρές, τη συλλαβισμό, μέχρι το πώς είναι όλα οργανωμένα στην οθόνη. Μέρος του σχεδιασμού περιλαμβάνει τις ίδιες τις λέξεις, πώς μπορείτε να συνθέσετε τις "μεγάλες λέξεις" στον ιστότοπό σας μπορεί να κάνει τη διαφορά επίσης.

Επιλογή γραμματοσειράς

Υπάρχουν ακριβώς τόσες γραμματοσειρές για να διαλέξετε. Μπορεί να είναι αρκετά συντριπτική.

Μην το αφήνετε. Το καλύτερο που μπορείτε να κάνετε όταν πρόκειται για την αναγνωσιμότητα είναι να το κρατήσετε απλό.

Επιλέξτε μία ή δύο γραμματοσειρές για τον ιστότοπό σας. Ένα καλό μέρος για να ξεκινήσετε είναι με μια γραμματοσειρά για το κύριο αντίγραφο του σώματος και ένα άλλο για τις μεγάλες λέξεις, όπως κεφαλίδες, πανό και κείμενο ξεμπλοκάρισμα. Η χρήση διαφορετικής γραμματοσειράς για κάθε στοιχείο αποσπά την προσοχή, προκαλεί σύγχυση και είναι δύσκολη η ανάγνωση.

Ξεκινήστε με μια γραμματοσειρά sans serif για το κύριο αντίγραφο του σώματος. Οι σειρές Sans είναι οι ευκολότερες στο μάτι όταν πρόκειται για ανάγνωση οθόνης και τείνουν να λειτουργούν καλά ακόμη και σε μικρότερα μεγέθη. Οι γραμματοσειρές Serif μπορούν να αρχίσουν να "τρέχουν μαζί" ή να χάσουν τα serif τους ανάλογα με το μέγεθος της γραμματοσειράς, την ανάλυση της οθόνης και ακόμη και τη χρωματική αντίθεση μεταξύ του κειμένου και του φόντου.

Typecast

Λάβετε υπόψη ότι το αντίγραφο του σώματός σας θα είναι το πιο αναγνωρίσιμο στον ιστότοπο και θα πρέπει να είναι εύχρηστο σε οθόνες υπολογιστών, tablet ή φορητών συσκευών. Είναι εντάξει να χρησιμοποιείτε διαφορετικά στυλ αυτού του τύπου στο εσωτερικό του αντιγράφου, αλλά μην τρελαίνετε. Οι τολμηρές και πλάγιες είναι εξαιρετικές για σημεία έμφασης, αλλά μεγάλα μπλοκ αυτών των μορφών είναι δύσκολο να διαβαστούν.

Εάν χρειάζεστε βοήθεια για την επιλογή γραμματοσειράς που προσπαθεί να αντιστοιχίσετε γραμματοσειρές με ηλεκτρονικά εργαλεία, όπως Γραμματοσειρές Google ή Τύπος.

Google webfonts

Συλλαβισμός

Η κατανόηση είναι άσχημη. Είναι άσχημο. Είναι αναποτελεσματική και σύγχυση. (Και αυτά τα προβλήματα μεγαλώνουν σε πλατφόρμες.)

Hyphenation

Μείνετε μακριά από αυτό.

Σε περίπτωση που χρειάζεστε μια ανανέωση, η συλλαβισμός εμφανίζεται όταν μια λέξη χωρίζεται στο τέλος μιας γραμμής που προκαλεί την εμφάνιση μέρους μιας λέξης στο τέλος μιας γραμμής και η υπόλοιπη λέξη να εμφανίζεται στην αρχή της επόμενης. Η χρήση του συλλαλητήματος έχει σχεδόν ξεφύγει από το ύφος όταν πρόκειται για το σχεδιασμό ιστοσελίδων, αλλά το συναντάτε κατά καιρούς. (Χρησιμοποιείται τακτικά σε έντυπες δημοσιεύσεις, όπως εφημερίδες.)

Η σκέψη πίσω από τη χρήση των παύσεων ήταν να επιτρέπεται στο κείμενο να διαστήσει σωστά (και ομοιόμορφα) διαμέσου των γραμμών. Όταν εργάζεστε με δικαιολογημένο κείμενο, μπορείτε να εκτελέσετε ζητήματα διακεκριμένων αποστάσεων όταν καταργηθεί η συλλαβισμός.

Αλλά οι παύλες που σπάνε λέξεις μπορούν να κάνουν το κείμενο δύσκολο να διαβαστεί. Αν διαβάσετε μια παύλα, μπορεί να προκαλέσετε ένα άτομο να σκοντάψει ή να παρερμηνεύσει μια λέξη. Η χρήση παύσεων μπορεί επίσης να αλλάξει ακούσια την έμφαση ορισμένων λέξεων ή την επίδρασή τους στο υπόλοιπο αντίγραφο. Υποσυνείδητα μια παύλα λέει σε έναν αναγνώστη ότι η λέξη είναι λίγο λιγότερο σημαντική από άλλες λέξεις που έχουν αποτυπωθεί πλήρως.

Κρατήστε παύλες μόνο για τις λέξεις που τις χρειάζονται, όπως με τους τροποποιητές, και όχι για να σπάσουν γραμμές. Το κείμενο θα φαίνεται πιο καθαρό και πιο επαγγελματικό και θα έχει μεγαλύτερη αναγνωσιμότητα χωρίς όλες αυτές τις ενοχλητικές παύλες στα άκρα των γραμμών.

Bad Racket

Αιτιολόγηση

Όπως και η συλλαβισμός, η πλήρης αιτιολόγηση έχει πέσει από το σχεδιασμό της διαδικτυακής σχεδίασης, αν και εξακολουθεί να χρησιμοποιείται συνήθως στο έντυπο.

Justification

Πληκτρολογήστε με πλήρη προσαρμογή συμπληρώνει κάθε γραμμή εντελώς από ένα αριστερό περιθώριο στο δεξιό περιθώριο έτσι ώστε κάθε γραμμή να έχει το ίδιο πλάτος. Η χρήση της πλήρους αιτιολόγησης δημιουργεί (και κλείνει) τα κενά μεταξύ των λέξεων έτσι ώστε η απόσταση να μην είναι ομοιόμορφα κατανεμημένη. Η χρήση αυτού του τύπου ευθυγράμμισης κειμένου μπορεί να λειτουργήσει για μερικούς ιστότοπους, αλλά δεν είναι πάντα η πλέον ελκυστική για τον χρήστη επιλογή. Ρίξτε μια ματιά στο πώς σπάει το κείμενό σας και προσπαθήστε να το διαβάσετε μερικές φορές για να αξιολογήσετε αν η πλήρης αιτιολόγηση είναι μια βιώσιμη επιλογή.

Υπάρχουν και άλλοι τύποι "δικαιολόγησης" ή ευθυγράμμισης κειμένου. Μπορείτε να ορίσετε κείμενο έτσι ώστε να ευθυγραμμίζεται στο αριστερό περιθώριο, στο δεξιό περιθώριο ή στο κέντρο.

Για ιστότοπους αγγλικής γλώσσας, η αριστερή αιτιολόγηση είναι η συνηθέστερη πρακτική. Το κείμενο ευθυγραμμίζεται με το αριστερό περιθώριο και έχει ένα δεξιό άκρο. Η αίσθηση είναι φιλική και εύκολη στην ανάγνωση. Επειδή αυτή η τεχνική είναι τόσο συνηθισμένη, πολλοί αναγνώστες δεν θα παρατηρήσουν καν πώς δημιουργείται το κείμενο. Αυτή είναι η καλύτερη επιλογή σας για εργασία με μεγάλα τμήματα κειμένου.

Nanozoom

Η ευθυγράμμιση δεξιού είναι μια άλλη επιλογή αλλά δεν λειτουργεί τόσο καλά για κομμάτια κειμένου. Με το κείμενο ευθυγραμμισμένο στο δεξιό περιθώριο και ανοιγμένο στα αριστερά, τα σημεία εκκίνησης και στάσης βρίσκονται αδέξια στην οθόνη. Η φυσική σειρά ανάγνωσης αντιστρέφεται και μόνο η σκέψη της ανάγνωσης κειμένου με αυτόν τον τρόπο (ειδικά σε μεγάλες ποσότητες) μπορεί να κάνει έναν αναγνώστη δυσάρεστο. Κρατήστε το κείμενο ευθυγραμμισμένο στο δεξί μέρος για μικρά breakouts, αν θέλετε να το ενσωματώσετε στο σχέδιο σχεδιασμού σας.

The paper mill

Το κεντραρισμένο κείμενο είναι ένα αρκετά δημοφιλές εργαλείο, παρόλο που δεν συνιστάται για μεγάλα μπλοκ κειμένου. (Παρέχεται ότι θα το χρησιμοποιήσετε με αυτόν τον τρόπο σε όλο τον ιστό.) Οι παγίδες της ευθυγράμμισης του κέντρου μοιάζουν με εκείνες που σχετίζονται με κείμενο ευθυγραμμισμένο στο δεξί μέρος - δεν έχει "φυσικές" ξεκινήσεις και σταματά και μπορεί να αισθάνεται άβολο στη σελίδα. Το ευθυγραμμισμένο κεντρικό κείμενο μπορεί να αισθάνεται κάπως τυπικό (επειδή χρησιμοποιείται συχνά για αντικείμενα όπως προσκλήσεις) και πρέπει να προορίζεται για μικρά κομμάτια κειμένου όπου η έμφαση είναι σημαντική. Δεν είναι καλή επιλογή για μεγάλα μπλοκ αντιγραφής.

Λοιπά εφέ τύπου

Εγκεφαλικά επεισόδια ή περιγράμματα

Χρησιμοποιήστε με μετριοπάθεια τα μεγαλύτερα στοιχεία κειμένου ως σημείο έμφασης, αλλά αποφύγετε σε μικρό κείμενο.

Διόρθωση ή υπογράμμιση

Και τα δύο αυτά χρησιμοποιούνται ευρέως - διαγράφονται ως σημειώσεις ότι κάτι δεν είναι πλέον έγκυρο και υπογραμμίζει για έμφαση. Συνεχίστε να χρησιμοποιείτε αυτά τα εργαλεία αλλά τα χρησιμοποιείτε με φειδώ. Και οι δύο δουλεύουν για μικρά κομμάτια κειμένου, αλλά προκαλούν τεράστιες ανησυχίες σχετικά με την αναγνωσιμότητα όταν εκτείνονται περισσότερο από λίγα λόγια.

53

Κλίση ή στρεβλώσεις

Αυτά τα αποτελέσματα είναι ωραία όταν χρησιμοποιείτε τυπογραφία ως μορφή τέχνης. Δεν είναι τόσο αποτελεσματικές όταν προσπαθείτε να μεταδώσετε ένα μήνυμα. Πρέπει να αποφύγετε χειρισμούς κειμένου και στρεβλώσεις στο αντίγραφο κύριου σώματος.

Χρώμα

hip2save

Η χρήση του χρώματος μπορεί να είναι ένα εξαιρετικό εργαλείο για την έμφαση μιας μόνο λέξης σε ένα μπλοκ κειμένου. (Οι πιο συνηθισμένοι και οπτικά ελκυστικοί συνδυασμοί χρωμάτων για μπλοκ κειμένου είναι μαύροι ή σκούρο γκρι σε λευκό ή λευκό σε σκούρο φόντο.) Στόχευση για χρώματα που βρίσκονται σε έντονη αντίθεση με το φόντο, ώστε να είναι εύκολο να τα δείτε και να διαβαστούν. Τα υπερβολικά φωτεινά χρώματα (που σκέφτονται κίτρινα ή φούξια) μπορεί να είναι δύσκολο να διαβαστούν αν δεν χρησιμοποιούνται με ένα παχύ, μεγάλο τυπογραφικό. Εξετάστε τον τύπο έντονης γραφής με χρώμα για επιπλέον έμφαση, αλλά διατηρήστε αυτή την τεχνική για περιορισμένο αριθμό λέξεων.

Κρατώντας το μεγάλο κείμενο καθαρό

Παρόλο που η συλλαβισμός μπορεί να θεωρηθεί θέμα προτίμησης στο σώμα αντίγραφο, θα πρέπει πάντα να αποφεύγεται σε μεγάλο τύπο. Τα απλά στυλ αιτιολόγησης είναι απαραίτητο. το αριστερό ή το κεντροθετημένο κείμενο είναι οι καλύτερες επιλογές σας.

Οι επικεφαλίδες, τα πανό, τα breakouts και άλλα μεγάλα είδη ή έπιπλα πρέπει να είναι φιλικά προς τον αναγνώστη. Όχι μόνο αυτές οι λέξεις χρησιμοποιούνται για τη ναυσιπλοΐα, πρέπει επίσης να διαβαστούν για να κρατήσουν τους ανθρώπους να κινούνται μέσα από το περιεχόμενο στον ιστότοπό σας.

Τα ρήγματα είναι εμπόδια.

Η περιττή ευθυγράμμιση δεν θα ενισχύσει την πλοήγηση.

Υπάρχουν μερικά άλλα πράγματα που πρέπει να σκεφτείτε και όταν σχεδιάζετε το σχέδιο για τον μεγάλο τύπο σας.

Σκεφτείτε το μέγεθος του τύπου ανάλογα με το κύριο αντίγραφο του σώματος. Οι επικεφαλίδες και οι κεφαλίδες που είναι σημαντικά μεγαλύτερες και πιο τολμηρές θα μιλήσουν δυνατά στους αναγνώστες, ενώ τα μικρότερα, λεπτότερα έπιπλα θα ψιθυρίσουν.

Dewey's Pizza

Η αντίθεση είναι υψίστης σημασίας για τις μεγάλες λέξεις. Κατά την επιλογή γραμματοσειρών, διαλέξτε κάτι για έπιπλα που δεν είναι πολύ παρόμοια με το αντίγραφο του σώματος. Εξετάστε μια γραμματοσειρά serif, έχοντας κατά νου ότι οι serifs λειτουργούν καλύτερα σε μεγάλα μεγέθη, έτσι ώστε τα τερματικά και οι λεπτομέρειες σε κάθε γράμμα να μην χαθούν στα εικονοστοιχεία. Μια άλλη επιλογή είναι να πάμε για χρώμα για να δημιουργήσουμε ένα ξεχωριστό ύφος και ιεραρχία για τα έπιπλα.

Ethical Studios

Σκεφτείτε το χώρο γύρω από τις μεγάλες λέξεις επίσης. Βεβαιωθείτε ότι τα μεγάλα λόγια είναι κοντά στο αντίγραφο που περιγράφουν. Προσθέστε επιπλέον χώρο πάνω από κάθε επικεφαλίδα ή επικεφαλίδα και συμπυκνώστε το διάστημα μεταξύ αυτού και του αντιγράφου.

Γράψτε για να ταιριάζει

Τέλος, σκεφτείτε για την τοποθέτηση.

Κοιτάξτε πώς το κείμενο ευθυγραμμίζεται μόλις γράψετε το αντίγραφο για τις μεγάλες λέξεις. Συμπληρώνει τη γραμμή; Πόσες γραμμές;

Οπτικά θέλετε να πάτε για κεφαλίδες που έχουν συνεπή εμφάνιση. Αυτό ισχύει τόσο για το στυλ τύπου όσο και για τη διάρκεια των λέξεων. Αποφύγετε αντικείμενα που γεμίζουν εντελώς μια γραμμή και μόνο ένα κλάσμα της επόμενης γραμμής. Σκεφτείτε τα έπιπλα από την άποψη των μικρών ορθογώνια? θέλετε τα πάντα να ταιριάζουν μέσα στο πλαίσιο χωρίς να χάνετε λευκούς χώρους.

modernerd

Δημιουργήστε ένα στυλ για τις μεγάλες λέξεις, είτε πρόκειται για μια απλή κεφαλίδα που περιέχει μόνο λίγες λέξεις ή δύο γραμμών πλήρεις σκέψεις πάνω από κάθε τμήμα του κειμένου. Σκεφτείτε ότι μέρος αυτού του στυλ είναι ο τύπος του τίτλου που χρησιμοποιείτε - θα θέσει μια ερώτηση, θα είναι μια δήλωση πραγματικότητας, θα λέει στους αναγνώστες τι να κάνει, να επιδείξει πώς να κάνει κάτι ή να είναι πιο έμμεσος και χαριτωμένος με λέξεις και φράσεις;

Προσπαθήστε να γράφετε κεφαλίδες και τίτλους που έχουν μόνο μία γραμμή (δύο τουλάχιστον), χρησιμοποιήστε ενεργές λέξεις.

Crafting Type

Αυτό μπορεί να είναι δύσκολο να επιτευχθεί και να είστε επιφυλακτικοί με κόλπα. Μην πάρετε έναν θησαυρό και αντικαταστήστε μια μεγάλη λέξη για μια σύντομη μόνο για να κάνετε τα πράγματα να ταιριάζουν. (Θα διατρέξετε τον κίνδυνο να χρησιμοποιήσετε μια λανθασμένη λέξη ή χρησιμοποιώντας έναν όρο που οι αναγνώστες σας ενδέχεται να μην γνωρίζουν τη σημασία του.) Σκεφτείτε συνομιλιακά όταν γράφετε. Συνθέστε τις λέξεις και στη συνέχεια αναθεωρήστε (κόψτε ή προσθέστε) έτσι ώστε να διατηρείτε την ακεραιότητα του τι θέλετε να εκφράσετε και να παράγετε καθαρό και εύκολο στην ανάγνωση αντίγραφο.

συμπέρασμα

Το καθαρό αντίγραφο είναι κάτι περισσότερο από απλές γραμματοσειρές και παύλες. Πρόκειται για τη συγγραφή αντιγράφων που έχουν νόημα και την παρουσίασή τους με ευανάγνωστο τρόπο.

Σκεφτείτε το κοινό σας όταν το βάζετε όλοι μαζί. Θα χρησιμοποιούσατε μια διαφορετική τεχνική και στυλ όταν γράφετε αναρτήσεις ιστολογίου σχετικά με τις ιδέες του γάμου (παραδοσιακή, θηλυκή αίσθηση) σε σχέση με το blogging για τα τατουάζ (πιθανότατα πιο έντονα και σκοτεινά). Το κοινό σας έχει αντίκτυπο στα γραφικά, θα πρέπει επίσης να επηρεάσει το αντίγραφό σας.

Αλλά το πιο σημαντικό, σκεφτείτε πώς όλα έρχονται μαζί. Απογυμνώστε τα πάντα από το σχεδιασμό του ιστότοπού σας, αφήνοντας μόνο τον τύπο πίσω. Είναι εύκολο να διαβαστεί; Πρέπει να κάνετε μεγέθυνση ή σμίκρυνση; Εσύ κοιτάζεις στην οθόνη; Αυτά είναι τα πραγματικά ερωτήματα που πρέπει να απαντήσετε, διότι στο τέλος της ημέρας, η αναγνωσιμότητα είναι το πιο σημαντικό θέμα.

Τι κείμενο βρίσκετε δύσκολο να διαβάσετε online; Ποιες τεχνικές χρησιμοποιείτε για να διατηρήσετε το κείμενο σας αναγνώσιμο; Ενημερώστε μας στα σχόλια.

Προτεινόμενη εικόνα / μικρογραφία, εικόνα κειμένου μέσω Shutterstock.