Για να χρησιμοποιήσει την πιο βασική εξήγηση, η τυπογραφία είναι ο σχεδιασμός και η χρήση των γραμματοσειρών ως μέσου επικοινωνίας. Πολλοί θεωρούν ότι η τυπογραφία έχει ξεκινήσει με τον Gutenberg και την ανάπτυξη κινητού τύπου, αλλά η τυπογραφία πάει πίσω πολύ περισσότερο από αυτό. Αυτός ο κλάδος του σχεδιασμού έχει στην πραγματικότητα τις ρίζες του σε χειρόγραφες επιστολές.
Η τυπογραφία περιλαμβάνει τα πάντα, από την καλλιγραφία μέχρι τον ψηφιακό τύπο που βλέπουμε σήμερα σε ιστοσελίδες παντός είδους. Η τέχνη της τυπογραφίας περιλαμβάνει επίσης σχεδιαστές τύπου που δημιουργούν νέες μορφές επιστολών οι οποίες στη συνέχεια μετατρέπονται σε αρχεία γραμματοσειρών που μπορούν να χρησιμοποιήσουν άλλα σχέδια στο έργο τους, από εκτυπωμένες εργασίες έως εκείνες τις προαναφερθείσες ιστοσελίδες. Όσο διαφορετικά μπορεί να είναι αυτά τα έργα, τα βασικά της τυπογραφίας τα υποστηρίζουν όλα.
Τα στοιχεία της τυπογραφίας
Εάν έχετε μιλήσει ποτέ με έναν σχεδιαστή ιστοσελίδων που χρησιμοποιεί τυπογραφία στο έργο του, πιθανότατα έχετε ακούσει τους όρους "τύπος γραμματοσειράς" και / ή "γραμματοσειρά". Πολλοί άνθρωποι χρησιμοποιούν αυτούς τους δύο όρους εναλλακτικά, αλλά υπάρχουν ορισμένες διαφορές μεταξύ αυτών των δύο στοιχείων.
Το Typeface είναι ο όρος που δίνεται σε μια οικογένεια γραμματοσειρών (όπως Helvetica Regular, Helvetica Italic, Helvetica Black και Helvetica Bold). Όλες οι διάφορες εκδόσεις του Helvetica συνθέτουν το πλήρες τύπωμα.
Η γραμματοσειρά είναι ο όρος που χρησιμοποιείται όταν κάποιος αναφέρεται σε ένα μόνο βάρος ή στυλ μέσα στην οικογένεια (όπως το Helvetica Bold). Τόσες πολλές γραμματοσειρές αποτελούνται από μια σειρά μεμονωμένων γραμματοσειρών, όλες οι οποίες είναι παρόμοιες και συναφείς, αλλά διαφορετικές με κάποιο τρόπο. Ορισμένες γραμματοσειρές μπορούν να περιλαμβάνουν μόνο μία γραμματοσειρά, ενώ άλλες μπορεί να περιλαμβάνουν πολλές παραλλαγές των γραμματοσειρών που συνθέτουν τις γραμματοσειρές.
Εάν αυτό φαίνεται να προκαλεί σύγχυση, μην ανησυχείτε, αν κάποιος δεν είναι ειδικός τυπογραφίας, θα χρησιμοποιήσει πιθανώς τον όρο "γραμματοσειρά" ανεξάρτητα από τον έναν από αυτούς τους όρους που πραγματικά σημαίνουν, και ακόμη και πολλοί επαγγελματίες σχεδιαστές χρησιμοποιούν αυτούς τους δύο όρους εναλλακτικά. Εκτός αν μιλάτε σε έναν σχεδιαστή καθαρού τύπου για τους μηχανικούς του σκάφους, πιθανότατα είστε αρκετά ασφαλείς χρησιμοποιώντας όποιο από αυτούς τους δύο όρους προτιμάτε. Τούτου λεχθέντος, εάν κατανοήσετε τη διάκριση και μπορείτε να χρησιμοποιήσετε σωστά τους σωστούς όρους, αυτό δεν είναι ποτέ κακό!
Ταξινόμηση τύπου
Μερικές φορές αποκαλούμενες "γενικές οικογένειες γραμματοσειρών", πρόκειται για μεγάλες ομάδες γραμματοσειρών που βασίζονται σε μια σειρά γενικών ταξινομήσεων που εμπίπτουν σε διαφορετικές γραμματοσειρές. Στις ιστοσελίδες, υπάρχουν έξι τύποι ταξινομήσεων γραμματοσειρών που πιθανόν να δείτε:
- Ελαφρή γραμμή
- Σανς σέριφ
- Γραφή
- Μονοδιαστολή
- Ρέων
- Φαντασία
Υπάρχουν επίσης ορισμένες άλλες ταξινομήσεις γραμματοσειρών που είναι παραμορφώσεις αυτών. Για παράδειγμα, οι γραμματοσειρές "serif serif" είναι παρόμοιες με τις γραμματοσειρές, αλλά διαθέτουν όλα ένα αναγνωρίσιμο σχέδιο με παχιές, χονδροειδείς κασέτες στα γράμματα. Το Serif και το sans-serif είναι οι δύο πιο συνηθισμένες ταξινομήσεις γραμματοσειρών που χρησιμοποιούνται στους περισσότερους ιστότοπους.
Ανατομική Γραμματοσειρά
Κάθε τύπος γραμματοσειράς αποτελείται από διαφορετικά στοιχεία που το διακρίνουν από άλλες γραμματοσειρές, η οποία αναφέρεται ως ανατομική γραφή. Αν δεν πρόκειται συγκεκριμένα να πάτε σε σχεδιασμό τύπου και να ψάχνετε να δημιουργήσετε ολοκαίνουργιες γραμματοσειρές, οι σχεδιαστές ιστοσελίδων πρέπει απλώς να γνωρίζουν τα βασικά της ορολογίας τύπου.
Σε βασικό επίπεδο, τα στοιχεία της ανατομίας της γραμματοσειράς που πρέπει να γνωρίζετε είναι τα "cap" και "x-height" και "descenders" και "ascenders".
Το καπάκι και το ύψος x είναι το ύψος των κεφαλαίων γραμμάτων στην τυπογραφική γραφή και το ύψος του γράμματος x. Σας λέει πόσο ψηλά θα είναι τα μεγαλύτερα γράμματα, καθώς και πόσα μεγάλα γράμματα θα είναι τα μεγάλα γράμματα. Όλες οι γραμματοσειρές έχουν μέγεθος βάσει αυτών των δύο χαρακτηριστικών.
Οι κατακόρυφες και οι ανερχόμενες είναι τα τμήματα των γραμμάτων που πηγαίνουν κάτω και πάνω από τη γραμμή x-ύψος. Αυτό συνήθως αναφέρεται σε πεζά γράμματα. Για παράδειγμα, το γράμμα "b" έχει ένα ascender (το κομμάτι που κολλάει "επάνω" από το γράμμα) ενώ το γράμμα "p" έχει ένα descender (τα τμήματα που "βουτάνε" από το γράμμα).
Διάσπαση γύρω από τα γράμματα
Υπάρχουν πολλές προσαρμογές που μπορούν να γίνουν μεταξύ και γύρω από τα γράμματα που επηρεάζουν την τυπογραφία. Οι ψηφιακές γραμματοσειρές δημιουργούνται με πολλά από αυτά τα χαρακτηριστικά στη θέση τους και στις ιστοσελίδες έχουμε περιορισμένη δυνατότητα να αλλάξουμε αυτές τις πτυχές της γραμματοσειράς. Αυτό είναι συχνά ένα καλό πράγμα, δεδομένου ότι ο προεπιλεγμένος τρόπος που εμφανίζονται οι γραμματοσειρές είναι συνήθως προτιμότερος.
- Κερνίνγκ: Ο οριζόντιος χώρος μεταξύ μεμονωμένων γραμμάτων
- Παρακολούθηση: Ο χώρος μεταξύ ομάδων γραμμάτων
- Κύριος: Κατακόρυφος χώρος μεταξύ γραμμών τύπου (αυτό είναι γνωστό ως ύψος γραμμής στον ιστότοπο)
- Μετρήστε: Το μήκος των γραμμών του κειμένου
- Ευθυγραμμία: Οπτική τοποθέτηση κειμένου αριστερά, δεξιά, κεντροθετημένη ή δικαιολογημένη
- Συνδετήρες: Τα γράμματα μετακινούνται τόσο κοντά ώστε οι ανατομές τους να συνδυάζονται, ρέοντας ουσιαστικά ένα γράμμα σε ένα άλλο
Περισσότερα στοιχεία τυπογραφίας
Η τυπογραφία είναι κάτι περισσότερο από τις γραμματοσειρές που χρησιμοποιούνται και τα κενά γύρω τους. Υπάρχουν επίσης κάποια άλλα πράγματα που πρέπει να έχετε κατά νου όταν δημιουργείτε ένα καλό τυπογραφικό σύστημα για οποιοδήποτε σχέδιο:
"Συλλαβισμός" είναι η προσθήκη παύλα (-) στο τέλος των γραμμών για να αποτρέψετε προβλήματα στην αναγνωσιμότητα ή να κάνετε την αιτιολόγηση καλύτερα. Ενώ συνήθως βρίσκονται σε έντυπα έγγραφα, οι περισσότεροι σχεδιαστές ιστοσελίδων αγνοούν τη συλλαβή και δεν το χρησιμοποιούν στη δουλειά τους, επειδή δεν είναι κάτι που χειρίζεται καλά αυτόματα από προγράμματα περιήγησης ιστού.
"Κουρέλι" είναι η ανομοιογενής κάθετη άκρη ενός μπλοκ κειμένου. Όταν δίνετε προσοχή στη τυπογραφία, θα πρέπει να εξετάσετε τα μπλοκ κειμένου σας συνολικά για να βεβαιωθείτε ότι το κουρέλι δεν επηρεάζει το σχέδιο.Εάν το κουρέλι είναι πολύ οδοντωτό ή ανομοιογενές, μπορεί να επηρεάσει την αναγνωσιμότητα του μπλοκ κειμένου και να τον αποσπάσει. Αυτό είναι κάτι που χειρίζεται αυτόματα από το πρόγραμμα περιήγησης από την άποψη του τρόπου που τυλίγεται τύπου από γραμμή σε γραμμή.
Μια μόνο λέξη στο τέλος μιας στήλης είναι χήρα και αν είναι στην κορυφή μιας νέας στήλης, είναι ορφανό. Οι "χήρες" και τα "ορφανά" φαίνονται κακά και μπορεί να είναι δύσκολο να διαβαστούν.
Η απόκτηση των γραμμών σας για να εμφανίζονται τέλεια σε ένα πρόγραμμα περιήγησης ιστού είναι μια εξαντλητική πρόταση, ειδικά όταν έχετε μια ανταποκρινόμενη ιστοσελίδα και διαφορετικές οθόνες για διαφορετικά μεγέθη οθόνης. Ο στόχος σας θα πρέπει να είναι η αναθεώρηση του ιστότοπου σε διαφορετικά μεγέθη, ώστε να προσπαθήσετε να δημιουργήσετε την καλύτερη δυνατή εμφάνιση, ενώ δεχτείτε ότι σε ορισμένες περιπτώσεις το περιεχόμενό σας θα έχει παράθυρα, ορφανά ή άλλες οθόνες που δεν είναι ιδανικές. Ο στόχος σας πρέπει να είναι να ελαχιστοποιήσετε αυτές τις πτυχές του σχεδιασμού ενός τύπου, ενώ παράλληλα είστε ρεαλιστές στο γεγονός ότι δεν μπορείτε να επιτύχετε τελειότητα για κάθε μέγεθος οθόνης και οθόνη.
Βήματα για τον έλεγχο της τυπογραφίας σας
- Επιλέξτε τις γραμματοσειρές προσεκτικά, κοιτάζοντας την ανατομία του τύπου καθώς και ποια οικογένεια του τύπου είναι μέσα.
- Εάν δημιουργήσετε το σχέδιο χρησιμοποιώντας κείμενο με σύμβολο κράτησης θέσης, μην εγκρίνετε τον τελικό σχεδιασμό μέχρι να δείτε το πραγματικό κείμενο στο σχέδιο.
- Δώστε προσοχή στις μικρές λεπτομέρειες της τυπογραφίας, όπως οι παύλες και οι παύλες.
- Κοιτάξτε κάθε μπλοκ κειμένου σαν να μην είχε λέξεις σε αυτό. Τι σχήματα κάνει το κείμενο στη σελίδα; Βεβαιωθείτε ότι τα σχήματα αυτά φέρουν ολόκληρο το σχέδιο της σελίδας προς τα εμπρός.
