Υλικό από τη Wikipedia - την ελεύθερη εγκυκλοπαίδεια

Εξώφυλλο του βιβλίου του Emil Ruder "Typographie"

Ιστορία

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

Όμως η άνθηση της τυπογραφίας ως ξεχωριστού πεδίου δραστηριότητας ξεκίνησε στην Ευρώπη, όπου εμφανίστηκε στα μέσα του 15ου αιώνα. Η διάδοσή του διευκολύνθηκε από την ευκολία και τον σχετικά μικρό αριθμό χαρακτήρων στη λατινική γραμματοσειρά, σε αντίθεση με τους κινέζικους χαρακτήρες. Ο πρώτος άνθρωπος που ασχολήθηκε σοβαρά με την ευρωπαϊκή τυπογραφική τέχνη ήταν ο Johannes Gutenberg (1397-1468), ένας Γερμανός εφευρέτης και κοσμηματοπώλης. Έχοντας δημιουργήσει ένα έντυπο στοιχειοθεσίας από μολύβδινα γράμματα το 1440, έδωσε στον κόσμο το πρώτο τυπογραφείο. Από εδώ και πέρα, η δημιουργία βιβλίων έχει γίνει πολύ πιο εύκολη, το κόστος τους έχει μειωθεί και η ποσότητα τους έχει αυξηθεί. Και 14 χρόνια αργότερα εκδόθηκε το πρώτο έντυπο βιβλίο. Έγινε η Βίβλος, δακτυλογραφημένη με γοτθική γραμματοσειρά - αυτή η γραμματοσειρά ήταν πιο συνεπής με το χειρόγραφο κείμενο εκείνης της εποχής και ήταν οικεία και βολική στο αναγνωστικό κοινό.

Ανάπτυξη τυπογραφίας

Αρμόδιος σχεδιασμός κειμένουΤο τυπωμένο φύλλο ήταν πάντα πολύτιμο. Και ήδη από τα μέσα του 15ου αιώνα, άρχισαν να εμφανίζονται τα πρώτα θεμέλια της τυπογραφίας: στην Ευρώπη, τα ευανάγνωστα σερίφ χρησιμοποιήθηκαν ως γραμματοσειρά για κείμενα. Κοιτάζοντας τη ρωμαϊκή πρωτεύουσα και την ανθρωπιστική μικροσκοπία, ο Γάλλος χαράκτης Nicolas Jeanson (1420-1480) σκαλίζει την πρώτη αντίκα. Η τυπογραφική μόδα περιλαμβάνει την αρχή της ομοιόμορφης εισαγωγής και της εσοχής παραγράφου για την επισήμανση και τη δομή του κειμένου. Το 1494, ο Aldus Manutius, ένας Ιταλός τυπογράφος και εκδότης από τη Βενετία, παράγει το πρώτο βιβλίο με φιλικό προς τον αναγνώστη εσοχή παραγράφου.

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

Τον 17ο αιώνα, η τυπογραφία άρχισε να αλλάζει, δίνοντας προτίμηση στην αναγνωσιμότητα των βιβλίων, προσπαθώντας να προσαρμόσει τις εκδόσεις για ένα ευρύτερο φάσμα αναγνωστών. Αυτό σχετίζεται με τη μείωση της μορφής και την τροποποίηση των γραμματοσειρών - ενώ διατηρείται η καθαρότητα της εκτύπωσης, γίνονται πιο βαριές. Την ίδια περίοδο εμφανίστηκε η γραμματοσειρά «Royal Antiqua», η οποία δεν έμοιαζε ακόμη περισσότερο με όλες εκείνες τις γραμματοσειρές που δημιουργήθηκαν πριν από αυτήν. Στα μέσα του 18ου αιώνα, πρωτοεμφανίστηκαν προσπάθειες συστηματοποίησης των μεγεθών τύπων και έκδοσης βιβλίων δειγμάτων τύπου. Ιδιαίτερη σημασία εδώ έχει το έργο του Άγγλου John Baskerville (1706-1775), ο οποίος εγκατέλειψε τη χρήση διακοσμήσεων βιβλίων υπέρ της «καθαρής» τυπογραφίας, βασισμένης αποκλειστικά στο σχεδιασμό τύπων. Η τυπογραφία αλλάζει γρήγορα: με την πάροδο του χρόνου, η γεωμετρική ακρίβεια αντικαθιστά τη σχεδίαση με μοτίβο, η σημασία της συνολικής σύνθεσης του ελεύθερου χώρου της σελίδας γίνεται εμφανής και γεννιούνται νέες γραμματοσειρές σκίασης και αντίθεσης. Η τυπογραφία ήρθε στη Ρωσία με τον πρώτο τυπογράφο βιβλίων Ivan Fedorov (1520-1583), ο οποίος άνοιξε το πρώτο τυπογραφείο στη Μόσχα το 1563 και ανέπτυξε πολύχρωμο σχέδιο με πολλές μικρές λεπτομέρειες.

Σε μια προσπάθεια να εισαγάγει την τυπογραφία στην κατηγορία των επιστημών, ο Γάλλος χαράκτης Pierre Fournier (1712-1768) δημοσίευσε το Τυπογραφικό Εγχειρίδιο (1773), το οποίο παρουσίαζε το δικό του σύστημα για τον προσδιορισμό του μεγέθους του τύπου. Για να γίνει αυτό, πρότεινε τη χρήση μπαστούνι και πόντους. Και ο François Didot, ένας Γάλλος σχεδιαστής τύπου που ισοδυναμούσε με 72 σημεία με μία ίντσα, έθεσε τα θεμέλια του σύγχρονου συστήματος μέτρησης.

Κριτική

Δεν υπάρχει ενιαία άποψη για την τυπογραφία. Άλλοι το θεωρούν επιστήμη, άλλοι - τέχνη, άλλοι - δεξιότητα, και άλλοι - φιλοσοφία. Αλλά αυτό δεν είναι το μόνο σημείο διαμάχης. Οι σύγχρονοι σχεδιαστές διαφέρουν επίσης στις απόψεις τους σχετικά με το σχεδιασμό του κειμένου: ορισμένοι προσαρμόζονται στις συνεχώς μεταβαλλόμενες τάσεις της μόδας, πειραματιζόμενοι εύκολα με το σχήμα και το μέγεθος. Άλλοι αποτίουν φόρο τιμής στην παράδοση, προτιμώντας κλασικές, δοκιμασμένες στο χρόνο γραμματοσειρές. άλλοι πάλι πιστεύουν ότι όλα αυτά μπορούν να συνδυαστούν και να δημιουργήσουν κάτι θεμελιωδώς νέο και ακόμη πιο βολικό για τον κύριο καταναλωτή - τον αναγνώστη. Με τον ένα ή τον άλλο τρόπο, χάρη σε αυτές τις επαγγελματικές διαμάχες και συζητήσεις η τυπογραφία δεν στέκεται, αλλά αναπτύσσεται διαρκώς ως αυτάρκης δραστηριότητα, σε όποιον τομέα κι αν ανήκει.

Η τυπογραφία σε ένα σύγχρονο πλαίσιο

Κατά τη διάρκεια της Βιομηχανικής Επανάστασης, που ξεκίνησε τον 19ο αιώνα, εμφανίστηκε η διαφημιστική αγορά. Και με την πάροδο του χρόνου, οι έμποροι κατέληξαν στο συμπέρασμα: για να πουληθεί ένα προϊόν πρέπει να έχει το δικό του χαρακτηριστικά γνωρίσματα. Οι σχεδιαστές τύπων ήρθαν να τους βοηθήσουν - για να αντέξουν τον ανταγωνισμό, άρχισαν να αναπτύσσουν ενεργά νέες γραμματοσειρές για να τονίσουν ένα συγκεκριμένο προϊόν. Μέσω δοκιμής και λάθους, ανακάλυψαν ότι τα σερίφ δεν χρειάζονταν για μια μεγάλη επικεφαλίδα ή πινακίδα - έτσι γεννήθηκαν τα γκροτέσκα και τα σερίφ έγιναν διακοσμητικά.

Οι κονστρουκτιβιστές των αρχών του 20ου αιώνα, αντίθετα, αποφάσισαν να εγκαταλείψουν τις ζωγραφισμένες γραμματοσειρές και να στραφούν στον μινιμαλισμό: τα γράμματα πλησίασαν γεωμετρικά σχήματα. Αυτό έκανε την ανάγνωση του κειμένου πολύ πιο εύκολη και συγκέντρωσε στο μέγιστο την προσοχή του κοινού στο νόημα, παρά στη μορφή και την παρουσίαση του υλικού. Σύντομα εμφανίστηκαν γραμματοσειρές όπως το Futura, στη συνέχεια το Gill Sans, με το στυλ του οποίου σχεδιάστηκαν οι πρώτοι χάρτες του Σιδηροδρόμου του Λονδίνου. Το 1957, χάρη στον Ελβετό Max Midenger (1910-1980), εμφανίστηκε μια από τις πιο διάσημες γραμματοσειρές Helvetica και χρησιμοποιείται μέχρι σήμερα. Κάθε εποχή χαρακτηριζόταν από τις δικές της τάσεις της μόδας στην τυπογραφία και καθεμία από αυτές αντιμετώπισε τις προκλήσεις της εποχής της.

Σήμερα, στην εποχή της μηχανογράφησης, όταν ο κύριος όγκος των πληροφοριών αντλείται από παγκόσμιο δίκτυο, οι σχεδιαστές επιδιώκουν την ελαφρότητα και την ακρίβεια του κειμένου, επιλέγοντας τις απλούστερες και πιο ευανάγνωστες γραμματοσειρές. Για να γίνει αυτό, το κείμενο συλλέγεται σε ένα ενιαίο σύνολο, επιλέγεται η καταλληλότερη γραμματοσειρά και καθορίζεται η ιδέα σχεδιασμού για τον δεδομένο χώρο. Όταν μιλάμε για τη σχεδίαση ιστότοπου, ένα πράγμα πρέπει να λαμβάνεται υπόψη: όσο πιο καθαρό είναι γραμμένο το ίδιο το κείμενο, τόσο πιο σωστά και ορθολογικά τοποθετείται, τόσο μεγαλύτερες είναι οι πιθανότητες επιτυχίας αυτού του ιστότοπου μεταξύ των χρηστών του δικτύου, επειδή «το έργο του ένας τυπογράφος δεν έχει νόημα εάν το έντυπο έργο δεν μπορεί να διαβαστεί». Διαφορετικά, θα αποδειχθεί λίγο ενδιαφέρον και ο επισκέπτης θα κλείσει την καρτέλα χωρίς να μάθει τίποτα νέο.

Σημειώσεις

1. Είναι ως τέχνη που η τυπογραφία ορίζεται από διάφορους ερευνητές, ξεκινώντας από τον Stanley Morison. Δείτε για παράδειγμα: Στάνλεϊ Μόρισον. Πρώτες Αρχές Τυπογραφίας. - Macmillan, 1936. - P. 1.
   Μαξίμ Ζούκοφ. Τυπογραφία από τον Emil Ruder // Emil Ruder. Τυπογραφία: οδηγός σχεδιασμού. - Μ.: Βιβλίο, 1982. - Σ. 277.
   Αλεξάνδρα Κορόλκοβα. Ζωντανή τυπογραφία. - M.: IndexMarket, 2010. - Σελ. 8.
   Innokenty Keleinikov. Σχεδιασμός βιβλίου: από τα λόγια στις πράξεις. - Μ.: Rip-Holding, 2012. - Σελ. 14.
   Την ίδια στιγμή, ο Jan Tschichold, ένας από τους πιο σημαντικούς τυπογράφους, έγραψε: «Η τέλεια τυπογραφία είναι περισσότερο επιστήμη παρά τέχνη». Ωστόσο, απέφυγε να δώσει έναν ακριβή ορισμό του όρου και στο ίδιο άρθρο ονόμασε και τυπογραφία τέχνη, εννοώντας τη δημιουργική φύση της, σε αντίθεση με τις παραγωγικές διαδικασίες της διάταξης και της εκτύπωσης. Δείτε: Σαν πηλός στα χέρια αγγειοπλάστη... // Jan Tschichold. Η εμφάνιση του βιβλίου: επιλεγμένα άρθρα για τη σχεδίαση βιβλίων. - Μ.: Βιβλίο, 1980. - Σ. 11-16.
2. διαχειριστής.Τυπογραφία, Ιστορία και Προβλήματα. www.fotokomok.ru. Ανακτήθηκε στις 28 Νοεμβρίου 2016.
3. Τυπογραφία: η ιστορία της χιλιετούς ανάπτυξης. | Φόρουμ σχεδίασης ιστοσελίδων στο Galior-Market.ru. galior-market.ru. Ανακτήθηκε στις 28 Νοεμβρίου 2016.
4. Τυπογραφία | Ιστορία της Τυπογραφίας. typography.bezugly.ru. Ανακτήθηκε στις 28 Νοεμβρίου 2016.

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

Τι είναι η τυπογραφία;

Η τυπογραφία είναι κάτι περισσότερο από μια απλή τεχνική σχεδίασης. Ο Καναδός τυπογράφος Robert Bringhurst, στο βιβλίο του The Elements of Typographic Style, ορίζει την τυπογραφία ως την τέχνη του να δίνεις στην ανθρώπινη γλώσσα μια ανθεκτική οπτική μορφή. Επιπλέον, η τυπογραφία μετατρέπει τη γλώσσα σε διακοσμητικό οπτικό στοιχείο.

Η τυπογραφία έχει πολύ μεγαλύτερη ιστορία από το σχέδιο ή το ίδιο το Διαδίκτυο. Πρώτον, εμφανίστηκε γύρω στον 11ο-12ο αιώνα, όταν οι άνθρωποι ανακάλυψαν το πρώτο τυπογραφείο. Η πραγματική επανάσταση στην τυπογραφία ξεκίνησε με τη Βίβλο του Γουτεμβέργιου, το πρώτο σημαντικό βιβλίο που τυπώθηκε με κινητό μεταλλικό πιεστήριο, το οποίο σηματοδότησε την αρχή της εποχής του έντυπου βιβλίου στη Δύση.

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

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

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

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

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

Βασικά στοιχεία της τυπογραφίας

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

Γραμματοσειρά και γραμματοσειρά

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

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

Για να μοιραστείτε διάφορα είδηπληροφορίες και τονίζουν σημαντικά κομμάτια, οι σχεδιαστές χρησιμοποιούν γραμματοσειρές διαφορετικών βαρών και μεγεθών. Το βάρος του κειμένου είναι μια μέτρηση του πόσο τολμηρή είναι η γραφή των χαρακτήρων. Οι διαστάσεις συνήθως μετρώνται σε ίντσες, χιλιοστά ή pixel. Το ύψος του χαρακτήρα ονομάζεται επίσης "x-height" επειδή το ύψος κάθε χαρακτήρα καθορίζεται από το γράμμα "x". Αυτή η προσέγγιση τα κάνει να φαίνονται ομοιόμορφα. Με την αλλαγή αυτών των παραμέτρων, είναι εύκολο να επισημανθούν στοιχεία κειμένου όπως ο τίτλος, ο υπότιτλος και το κύριο κείμενο.

Ο Ωροσκόπος είναι το τμήμα του γράμματος που πηγαίνει πάνω από τη μέση γραμμή, όπως στο γράμμα "b" ή "d". Το Descender είναι το αντίθετο του Ascender. Αυτό είναι το τμήμα του γράμματος που εκτείνεται κάτω από τη γραμμή βάσης, όπως στο "q" ή στο "g".

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

Ευθυγραμμία

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

Παρακολούθηση

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

Kerning

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

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

Τυπογραφία για σχεδιασμό διεπαφής χρήστη - ιεραρχία κειμένου

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

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

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

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

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

Η καλή τυπογραφία κάνει τις πληροφορίες εύκολα προσβάσιμες, ενώ η κακή τυπογραφία απαιτεί προσπάθεια για την κατανόηση του κειμένου. Όπως σημειώνει ο Oliver Reichenstein στο άρθρο «Το web design είναι κατά 95% τυπογραφία»:

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

1. Χρησιμοποιήστε έναν ελάχιστο αριθμό γραμματοσειρών

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

Για να αποτρέψετε αυτήν την κατάσταση, προσπαθήστε να διατηρήσετε τον αριθμό των γραμματοσειρών που χρησιμοποιούνται στο ελάχιστο.

Γενικά, κρατήστε τον αριθμό των γραμματοσειρών στο ελάχιστο (δύο είναι υπεραρκετές, μία είναι συχνά αρκετή) και συνεχίστε να χρησιμοποιείτε τις ίδιες σε ολόκληρο τον ιστότοπό σας. Εάν αποφασίσετε να εργαστείτε με περισσότερες από μία γραμματοσειρές, βεβαιωθείτε ότι οι οικογένειες γραμματοσειρών ταιριάζουν μεταξύ τους ως προς το πλάτος των γραμμάτων. Ρίξτε μια ματιά στο παρακάτω παράδειγμα. Ο συνδυασμός Georgia και Verdana (αριστερά) μοιράζονται χαρακτηριστικά που τους επιτρέπουν να συνεργάζονται αρμονικά. Ας πάρουμε τον συνδυασμό Baskerville και Impact (δεξιά) για σύγκριση. Το "βαρύ" Impact καταστέλλει τον "notch" συνεργάτη του.

Βεβαιωθείτε ότι οι οικογένειες γραμματοσειρών ταιριάζουν μεταξύ τους ως προς το πλάτος των γραμμάτων

2. Προσπαθήστε να χρησιμοποιήσετε τυπικές γραμματοσειρές

Στις υπηρεσίες γραμματοσειρών (για παράδειγμα, Google Web Fonts ή Typekit) μπορείτε να βρείτε πολλές ενδιαφέρουσες που θα προσθέσουν κάτι νέο και ασυνήθιστο στο σχέδιό σας. Επιπλέον, είναι πολύ εύκολο στη χρήση. Πάρτε για παράδειγμα το Google:

1. Επιλέξτε οποιαδήποτε γραμματοσειρά. Ας πούμε Open Sans.

2. Δημιουργήστε τον κώδικα και επικολλήστε τον

Το HTML σας. 

3. Έγινε!


Τι μπορεί όμως να πάει στραβά;

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

Συνήθως η καλύτερη λύση είναι η χρήση γραμματοσειρές συστήματος(Arial, Calibri, Trebuchet κ.λπ.). Μια εξαίρεση μπορεί να είναι η ανάγκη να παραμείνουμε σε ορισμένες γραμματοσειρές που ο ίδιος ο πελάτης καθόρισε: για παράδειγμα, για την επωνυμία ή για τη δημιουργία κάτι αξέχαστο. Να θυμάστε ότι η καλή τυπογραφία επηρεάζει την ανάγνωση του κειμένου και όχι την οπτική αντίληψη της γραμματοσειράς.

3. Περιορίστε το μήκος γραμμής

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

«Αν θέλετε ο αναγνώστης σας να αισθάνεται άνετα, κάθε γραμμή δεν πρέπει να περιέχει περισσότερους από 60 χαρακτήρες. Το να έχετε τον σωστό αριθμό χαρακτήρων σε μία γραμμή είναι το κλειδί για να κάνετε το κείμενό σας ευανάγνωστο.”

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

Για κινητές συσκευές, επιμείνετε σε 30-40 χαρακτήρες ανά γραμμή. Παρακάτω είναι ένα παράδειγμα δύο τοποθεσιών που άνοιξαν φορητές συσκευές. Στη μία γραμμή περιέχει από 50 έως 75 χαρακτήρες (ο καλύτερος αριθμός χαρακτήρων ανά γραμμή για τυπωμένο κείμενο και ανάλυση υπολογιστή) και στη δεύτερη βλέπουμε τους βέλτιστους 30-40 χαρακτήρες.

Στο σχεδιασμό ιστοσελίδων, μπορείτε να επιτύχετε τον απαιτούμενο αριθμό χαρακτήρων μειώνοντας το πλάτος των μπλοκ κειμένου χρησιμοποιώντας ems ή pixel.

4. Επιλέξτε γραμματοσειρές που είναι ευανάγνωστες σε οποιοδήποτε μέγεθος

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

Roboto από την Google

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

Η χρήση της γραμματοσειράς Vivaldi θα δυσκολέψει την ανάγνωση του κειμένου σε μια μικρή οθόνη

5. Χρησιμοποιήστε γραμματοσειρές με καθαρά γράμματα

Πολλές γραμματοσειρές έχουν σχεδιαστεί με τέτοιο τρόπο που μερικές φορές μπορεί να είναι πολύ εύκολο να μπερδέψετε παρόμοια γράμματα, ειδικά τα «I» και «L» γραμμένα με λατινική γραφή (όπως στην παρακάτω εικόνα). Σε ορισμένα, τα γράμματα βρίσκονται τόσο κοντά το ένα στο άλλο που ο συνδυασμός "r" και "n" μπορεί να εκληφθεί λανθασμένα με το γράμμα "m". Επομένως, όταν επιλέγετε μια γραμματοσειρά, δοκιμάστε την σε διαφορετικά περιβάλλοντα. Με αυτόν τον τρόπο μπορείτε να βεβαιωθείτε ότι ο αναγνώστης δεν θα έχει προβλήματα στην κατανόηση του κειμένου λόγω της γραμματοσειράς.

6. Αποφύγετε τα καπάκια

Κείμενο γραμμένο με κεφαλαία - ή μόνο του με κεφαλαία γράμματα- κατάλληλο για καταστάσεις όπου ο χρήστης δεν εμπλέκεται στη διαδικασία ανάγνωσης (για παράδειγμα, σε συντομογραφίες ή λογότυπα). Αλλά σε άλλες περιπτώσεις, μην πιέζετε τους αναγνώστες σας με κείμενο με κεφαλαία. Όπως σημειώνει ο Μάιλς Τίνκερ στο δικό του διάσημο έργο«Αναγνωσιμότητα της εκτύπωσης», ένα τέτοιο κείμενο διαβάζεται πολύ πιο αργά από το κείμενο που γράφεται με πεζά.

7. Διατηρήστε την απόσταση μεταξύ των γραμμών στο ελάχιστο.

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

Το σωστό διάστιχο συμβάλλει στην καλύτερη αναγνωσιμότητα του κειμένου. Φωτογραφία: Microsoft

Σύμφωνα με τον Ντμίτρι Φαντέεφ, η σωστά επιλεγμένη απόσταση μεταξύ των παραγράφων αυξάνει την αναγνωστική κατανόηση κατά 20%. Η ικανότητα του σχεδιαστή να εργάζεται με λευκό χώρο επιτρέπει στους χρήστες να απορροφούν ολόκληρο το περιεχόμενο του κειμένου χωρίς να χάνουν καμία λεπτομέρεια.

Αριστερά: Το κείμενο είναι γραμμένο σχεδόν ομαλά. Δεξιά: Η σωστή απόσταση μεταξύ των γραμμών βελτιώνει την αναγνωσιμότητα του κειμένου. Φωτογραφία: Apple

8. Φροντίστε να έχετε καλή χρωματική αντίθεση

Μην χρησιμοποιείτε τα ίδια ή παρόμοια χρώματα για κείμενο και φόντο. Όσο πιο ορατό είναι το κείμενο, τόσο πιο γρήγορα οι χρήστες θα μπορούν να το διαβάσουν και να πιάσουν τα κύρια σημεία. Η Κοινοπραξία του Παγκόσμιου Ιστού συνιστά τη χρήση της ακόλουθης αναλογίας για το κύριο κείμενο και το κείμενο εικόνας:

• Τα μικρά κείμενα θα πρέπει να έχουν αναλογία αντίθεσης τουλάχιστον 4,5:1 σε σχέση με το φόντο.

• Τα μεγάλα κείμενα (από το μέγεθος 14 με έντονη γραμματοσειρά / από το μέγεθος 18 και πάνω σε τυπική γραμματοσειρά) πρέπει να έχουν αναλογία αντίθεσης τουλάχιστον 3:1 σε σχέση με το φόντο. 


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

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

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

9. Αποφύγετε να χρησιμοποιείτε κόκκινο ή πράσινο στο κείμενό σας.

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

10. Αποφύγετε τη χρήση κειμένου που τρεμοπαίζει

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

Μην χρησιμοποιείτε κείμενο που τρεμοπαίζει!

Σύναψη

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

Η τυπογραφία πρέπει να σέβεται το περιεχόμενο

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

Ένα από τα πιο κοινά προβλήματα σχεδιασμού είναι το .

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

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

Κανόνας 1: Όσο λιγότερες γραμματοσειρές, τόσο το καλύτερο.

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

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

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

Κανόνας 2. Παρακολουθήστε την απόρριψη

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

Κανόνας 3: Σωστή ευθυγράμμιση

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

Κανόνας 4. Λιγότερες διακοσμητικές γραμματοσειρές

Έχετε όμορφες διακοσμητικές γραμματοσειρές; Καταπληκτικός! Αλλά αυτό δεν σημαίνει καθόλου ότι είναι απαραίτητο να χρησιμοποιηθούν για το κείμενο των παραγράφων. Οι διακοσμητικές γραμματοσειρές έχουν συνήθως μια ιστορία πίσω τους ή χρησιμοποιούνται σε μια συγκεκριμένη περίπτωση, για παράδειγμα, για μια επικεφαλίδα ή τίτλο. Συχνά, το απλούστερο είναι καλύτερο, γι' αυτό γραμματοσειρές όπως η Helvetica είναι τόσο δημοφιλείς.

Κανόνας 5: Το μέγεθος μετράει

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

Κανόνας 6. Διατηρήστε το ευανάγνωστο

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

Κανόνας 7. Επιλέξτε τα σωστά χρώματα

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

Κανόνας 8. Κατάλληλη ομαδοποίηση

Οι σχετικές πληροφορίες συνδυάζονται καλύτερα. Αυτό θα κάνει το σχέδιο πιο ξεκάθαρο. Για παράδειγμα: κοιτάξτε μια αφίσα ταινίας, όλα τα δεδομένα ομαδοποιούνται σε ελκυστικά μπλοκ. Μπορούν πλέον να θεωρηθούν ως ξεχωριστό στοιχείοσχέδιο. Παραδείγματα κακής ομαδοποίησης - ανοίξτε τις κίτρινες σελίδες.

Κανόνας 9. Επαρκής ηγεσία

Αυτή είναι η απόσταση μεταξύ των γραμμών του κειμένου. Είναι πολύ σημαντικό να επιλέξετε σωστά αυτό το διάστημα. Είναι πολύ πιο ευχάριστο να διαβάζεις όταν υπάρχει χώρος να ξεκουράζεις τα μάτια σου ανάμεσα στις γραμμές. Κατά γενικό κανόνα, προσπαθήστε να χρησιμοποιήσετε αρχικό που είναι τουλάχιστον 2 πόντους μεγαλύτερο από το μέγεθος της γραμματοσειράς. Για παράδειγμα: για μέγιστη αναγνωσιμότητα στα 10 pt, η γραμματοσειρά θα πρέπει να οριστεί σε τουλάχιστον 12 pt.

Κανόνας 10: Προσοχή στο kerning

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

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

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

Τι είναι η τυπογραφία;

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

Καθολικοί ειδικοί - υπάρχουν;

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

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

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

Με ποιους συνεργάζονται οι γραφίστες;

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

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

Πού εκπαιδεύονται οι γραφίστες;

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

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

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

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

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