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

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

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

ΠΡΩΤΗ ΜΕΤΑΒΑΣΗ

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

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

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

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

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

ΨΗΦΙΑΚΗ ΕΠΟΧΗ

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

_______________________

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

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

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

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

ΝΟΣΤΑΛΓΙΑ ΓΙΑ ΤΟ ΠΑΡΕΛΘΟΝ

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

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

VNTAGE GRUNGE ΤΥΠΟΓΡΑΦΙΑ

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

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

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

Γραμματοσειρές έναντι γραμματοσειρών - ποια είναι η διαφορά;

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

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

Ταξινόμηση

Οι γραμματοσειρές μπορούν να χωριστούν σε διάφορες ομάδες - serif (serif), sans serif (sans-serif), χειρόγραφες (script), display (display). Ωστόσο, υπάρχουν και άλλοι τύποι ταξινόμησης.

Γραμματοσειρές Serif, Antiqua (Serif)

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

Οι γραμματοσειρές Serif έχουν αρκετούς υποτύπους - για παράδειγμα, Παλιό στυλ("Παλιό στυλ" - ονομάζονται επίσης ανθρωπιστές, ανθρωπιστικός σερίφ) - οι πρώτες γραμματοσειρές αυτής της ταξινόμησης, χρησιμοποιήθηκαν πίσω στο 1400. Δικα τους διακριτικό γνώρισμα- ότι το τμήμα του συμβόλου που βρίσκεται υπό γωνία γίνεται λεπτό. Παραδείγματα γραμματοσειρών περιλαμβάνουν το Adobe Jenson, το Centaur και το Goudy Old Style.

Μεταβατικά σερίφ- χρησιμοποιήθηκε το 1700. Αυτό περιλαμβάνει γραμματοσειρές όπως οι Times New Roman και Baskerville, καθώς και οι Caslon, Georgia και Bookman. Η διαφορά τους ανάμεσα στα χοντρά και τα λεπτά μέρη των γραμμάτων είναι πιο αισθητή από ό,τι με το Old Style, αλλά λιγότερο αισθητή από ό, τι με το Modern.

Μοντέρνα σερίφ (νέου στυλ αντίκα)- χρησιμοποιήθηκε μετά το 1700 και έχει έντονη αντίθεση μεταξύ των χοντρού και λεπτών τμημάτων των χαρακτήρων. Αυτό περιλαμβάνει γραμματοσειρές όπως το Didot και το Bodoni

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

Ψιλοκομμένες γραμματοσειρές, Grotesques (Sans Serif)

Οι γραμματοσειρές Serif ονομάζονται έτσι επειδή δεν έχουν σερίφ). Φαίνονται πιο μοντέρνα και άρχισαν να χρησιμοποιούνται τον 18ο αιώνα.

Ακολουθούν οι 4 κύριοι τύποι γραμματοσειρών sans serif: Γκροτέσκ (παλιό γκροτέσκο), νεογκροτέσκ (νέο γκροτέσκο), ουμανιστικό (ανθρωπιστικό) και γεωμετρικό (γεωμετρικό).
Παλιές γκροτέσκες- οι πρώτες, είναι παρόμοιες με τις γραμματοσειρές serif, αλλά χωρίς σερίφ.
Για παράδειγμα, ο Franklin Gothic και ο Akzidenze

Νέα γκροτέσκέχουν απλοποιημένη εμφάνιση σε σύγκριση με τα παλιά γκροτέσκα. Πολλές από τις πιο δημοφιλείς γραμματοσειρές σήμερα είναι νέες sans serif, για παράδειγμα, MS Sans Serif, Arial, Helvetica και Univers.

ανθρωπιστές- πιο καλλιγραφικές από όλες τις άλλες γραμματοσειρές sans serif (δηλαδή αλλάζει το πάχος της γραμμής τους). Αυτά περιλαμβάνουν, για παράδειγμα, τα Gill Sans, Frutiger, Tahoma, Verdana, Optima και Lucide Grande - χρησιμοποιούνται συχνά για να γεμίσουν το σώμα του ιστότοπου.

Γεωμετρικόςμε βάση κανονικά σχήματα, για παράδειγμα, το "O" είναι ένας κύκλος κ.λπ. θεωρούνται οι πιο σύγχρονες γραμματοσειρές sans serif. Παραδείγματα - ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Χειρόγραφο (σενάριο)

Οι χειρόγραφες γραμματοσειρές βασίζονται στο χειρόγραφο. Υπάρχουν δύο ποικιλίες τέτοιων γραμματοσειρών - επίσημες και περιστασιακές. Τα επίσημα φαίνεται να είναι χειρόγραφα και προέρχονται από τον 17ο και 18ο αιώνα. Ορισμένες γραμματοσειρές βασίζονται στο χειρόγραφο διάσημων καλλιτεχνών όπως ο George Snell και ο George Bickham. Ως παράδειγμα σύγχρονων γραμματοσειρών, μπορείτε να πάρετε το Kuenstler Script. Ενώ είναι όμορφο και κομψό, δεν ταιριάζει στο σώμα της σελίδας.

Οι casual γραμματοσειρές είναι μια πιο μοντέρνα εκδοχή· προέρχονται από τον 20ο αιώνα. Είναι λιγότερο επίσημο, συχνά με έντονες πινελιές και εφέ πινελιάς. Αυτές οι γραμματοσειρές περιλαμβάνουν Mistral και Brush Script.

Εμφάνιση γραμματοσειρών

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

Μη αλφαβητικές γραμματοσειρές (Dingbats)

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

Αναλογικό έναντι μονοδιάστατου

Στις αναλογικές γραμματοσειρές, ένας χαρακτήρας καταλαμβάνει τόσο χώρο όσο απαιτεί η φυσική του ορθογραφία. Για παράδειγμα, το Times New Roman είναι μια αναλογική γραμματοσειρά. Αλλά οι γραμματοσειρές monospace έχουν όλους τους χαρακτήρες του ίδιου πλάτους. Τέτοιες γραμματοσειρές περιλαμβάνουν, για παράδειγμα, Courier New

Διάθεση

Η διάθεση της γραμματοσειράς επηρεάζει σε μεγάλο βαθμό αν είναι κατάλληλο να χρησιμοποιηθεί σε μια δεδομένη κατάσταση. Οι αντιθέσεις χρησιμοποιούνται επίσης αρκετά συχνά - το επιχειρηματικό στυλ συνδυάζεται με ανεπίσημο, ελαφρύ με δραματικό. Για παράδειγμα, το Times New Roman είναι μια αυστηρή γραμματοσειρά και είναι αυτή για την οποία χρησιμοποιείται τόσο συχνά επαγγελματική αλληλογραφία. Αλλά, για παράδειγμα, η Helvetica αλλάζει γενικά τη διάθεσή της ανάλογα με τις γύρω γραμματοσειρές.

Πάχος και στυλ

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

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

Το πλάγιο και το πλάγιο είναι εναλλάξιμα, αν και είναι διαφορετικά στυλ. Το Oblique είναι μια λοξή έκδοση κανονικών γραμματοσειρών. Για να το αποκτήσετε, απλώς χρησιμοποιήστε τη λειτουργία Free Transform-Distort στο Photoshop. Αλλά το πλάγιο είναι ένα ξεχωριστό σύνολο χαρακτήρων που είναι υπεύθυνο για την λοξή έκδοση της γραμματοσειράς.

Δομή γραμματοσειράς

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

Γραμματοσειρά (γραμμή βάσης)- μια νοητή γραμμή στην οποία βρίσκεται το κείμενο. Μερικές φορές οι στρογγυλεμένες γραμματοσειρές υποχωρούν ελαφρώς από τη γραμμή γραμματοσειράς.

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

Κορυφαία γραμμή κεφαλαίων (Κεφάλαιο)- ύψος κεφαλαίο γράμμα"ΕΝΑ".

Η παραπάνω εικόνα δείχνει τα τρία κοινά μέρη όλων των γραμμάτων.

Το κύριο εγκεφαλικό επεισόδιο, Στέλεχος- το κύριο κάθετο κάθε συμβόλου, συμπεριλαμβανομένου του κεκλιμένου.

Οριζόντια ράβδος (Μπάρα)- οριζόντιο τμήμα της γραμματοσειράς

Οβάλ (Μπολ)- στρογγυλεμένο μέρος της γραμματοσειράς.

Επάνω επέκταση (Ascender)- το τμήμα των γραμμάτων που κολλάνε, όπως «d», «h» και «b».

Descender- το τμήμα που προεξέχει προς τα κάτω από γράμματα όπως "p", "q" και "f"

Σερίφοι- ένα χαρακτηριστικό γνώρισμα των γραμματοσειρών serif). Σε ορισμένες γραμματοσειρές είναι πιο έντονες, ενώ σε άλλες είναι λιγότερο έντονες.

Ανοιγμα- υποδεικνύει χώρο για ανοιχτούς χαρακτήρες όπως "A", "c" ή "m"

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

Συνδετικό κτύπημα (Hairline)Αυτό είναι το πιο λεπτό μέρος μιας γραμματοσειράς serif.

Δοκάρια ποδόσφαιρου - οριζόντια γραμμή, όπως στα σύμβολα «Α» και «Η».

Drop (Τερματικό)- ένα στρογγυλό ή οβάλ (σε σχήμα σταγόνας) άκρο μιας πινελιάς στο σχεδιασμό ορισμένων χαρακτήρων γραμματοσειράς.

Βρόχοςεμφανίζεται μόνο σε ορισμένα πεζά γράμματα "g" και μπορεί να είναι εντελώς κλειστό ή μερικώς κλειστό.

Ωθηση- μικροσκοπικό ψευδώνυμο σε ορισμένα γράμματα, όπως "G".

Σύνδεση (Σύνδεσμος)συνδέει την κορυφή και κάτω μέροςγράμματα "ζ".

ΣΠΟΝΔΥΛΙΚΗ ΣΤΗΛΗ- την κεντρική καμπύλη που έχει το γράμμα «s».

Ουρά γράμματα (ουρά)- μια διακοσμητική γραμμή, για παράδειγμα, στο γράμμα "R" ή "Q".

Τελικό στοιχείο (Τερματικό, Τελικό)- κτύπημα που τελειώνει χωρίς σερίφ

Ωμος- μια στρογγυλεμένη γραμμή που εκτείνεται από την κύρια διαδρομή. (για να είμαι ειλικρινής, πολλοί ρωσικοί ιστότοποι δίνουν έναν εντελώς διαφορετικό ορισμό αυτής της έννοιας)

Από τον συγγραφέα:Χαιρετισμούς, φίλοι! Συνεχίζουμε να εξερευνούμε τις περιπλοκές του επαγγελματικού σχεδιασμού ιστοσελίδων και σήμερα έχουμε ένα πολύ καυτό θέμα - την τυπογραφία ιστού. Δυστυχώς, πολλοί προγραμματιστές δεν γνωρίζουν καν τα πολύ βασικά και τους κανόνες αυτού του τομέα. Ίσως απλώς δεν ενοχλούνται και δεν θέλουν να χάνουν χρόνο σε αυτό, ή ίσως δεν καταλαβαίνουν πλήρως το νόημά του. Γενικά, στόχος μου είναι να σας μεταφέρω ότι η τυπογραφία στο web design είναι η βάση των βασικών και χωρίς αυτήν θα είναι πολύ δύσκολο να προχωρήσουμε.

Τυπογραφία και μηνύματα

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

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

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

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

Βασικά στοιχεία τυπογραφίας στο σχεδιασμό ιστοσελίδων

Γραμματοσειρές στο σχεδιασμό ιστοσελίδων

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

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

Η εισαγωγή της ιδιότητας @font-face CSS απλά απελευθέρωσε τα χέρια των σχεδιαστών. Κατέγραψα έναν σύνδεσμο προς οποιοδήποτε αρχείο γραμματοσειράς και τώρα χρησιμοποιείται ήδη στις σελίδες του ιστότοπου. Υπάρχει κάποια δυσαρέσκεια με αυτό το θέμα από την πλευρά των προγραμματιστών, αλλά αυτό αποδείχθηκε ότι ήταν ένα απολύτως επιλύσιμο πρόβλημα.

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

Μακρο και μικροτυπογραφία

Όπως πιθανότατα καταλάβατε ήδη από τα ονόματα αυτών των όρων:

μακροεπίπεδο - χτίζει γενική δομήκείμενο, καθορίζει την τοποθέτηση του περιεχομένου σε σχέση με το σχέδιο.

μικροεπίπεδο - δίνει προσοχή στις πιο μικρές λεπτομέρειες, κενά, κενά, εσοχές κ.λπ.

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

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

Συνιστάται ο καθορισμός γραμματοσειρών για το σχεδιασμό ιστοσελίδων σε σχετικές μονάδες (% ή "em"), αυτό προάγει την προσαρμοστικότητα και την ευελιξία του περιεχομένου. Είναι λογικό να χρησιμοποιείτε τα πιο γνωστά pixel "px" για κοντέινερ που δεν αποκρίνονται, όταν τα μπλοκ μετακινούνται όταν αλλάζει το μέγεθος της οθόνης, αλλά η γραμματοσειρά παραμένει σταθερή.

Διακόσμηση κειμένου

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

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

Τώρα για τη διάταξη. Υπάρχουν κανόνες εδώ:

Το μπλοκ κειμένου πρέπει να περιορίζεται στο 40–50% του πλάτους της σελίδας.

Θα πρέπει να υπάρχει απόσταση 1,5 μεταξύ των παραγράφων.

Η αντίθεση μεταξύ του φόντου και του κειμένου πρέπει να είναι μεταξύ 75-90%.

Μια γραμματοσειρά που είναι άνετη για τα μάτια είναι 12–16 px, αλλά ακόμη και το μικρότερο μπλοκ δεν πρέπει να είναι μικρότερο από 10 px.

Η απόσταση των γραμμών διατηρείται σε σχέση με το μέγεθος της γραμματοσειράς και μετριέται ως ποσοστό· ιδανικά, 140–150% θα είναι αρκετό.

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

Στυλ CSS

Το στυλ CSS είναι ένα εργαλείο για την εργασία με γραμματοσειρές στο σχεδιασμό ιστοσελίδων. Από την ανάπτυξη Στυλ CSSκάθε εκπαιδευτικό σεμινάριο ξεκινά. Σε τι χρειάζονται; Για να συνοψίσουμε όλη την τυπογραφία του πόρου! Το CSS φέρνει σελίδες και μπλοκ σε ένα ενιαίο σύνολο και ελέγχει τυχόν αποκλίσεις από το κύριο πιάτο. Όπως καταλαβαίνετε, μια ιδέα δεν αρκεί· για να την εφαρμόσετε θα χρειαστείτε γνώσεις και δεξιότητες.

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

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

Μια γραμματοσειρά είναι ένα σύνολο χαρακτήρων συγκεκριμένου μεγέθους και σχεδίου. Μια γραμματοσειρά ορίζει ομοίως οικογένειες στυλ γραμματοσειρών. Η λέξη-κλειδί εδώ είναι στυλ, τα οποία διαχωρίζουν διαφορετικές γραμματοσειρές σε ομάδες ή οικογένειες. Για παράδειγμα, αυτά μπορεί να είναι serif, sans serif, χειρόγραφα, display, monospace και άλλα. Μπορούμε να πούμε ότι μια γραμματοσειρά είναι ένα σύνολο γραμματοσειρών διαφορετικών στυλ και μεγεθών, που ενώνονται με ένα κοινό στυλ εκτέλεσης. Όπως μπορείτε να δείτε, η γραμματοσειρά είναι μια πιο στενή έννοια.

Κατά τη δημιουργία μιας διάταξης ιστοσελίδας, η επιλογή της γραμματοσειράς είναι πολύ σημαντική. Φυσικά, είναι καλύτερο να χρησιμοποιείτε γραμματοσειρές από το πρότυπο Σετ Windowsή Mac. Αλλά μερικές φορές αυτό το σετ δεν είναι αρκετό για να ζωντανέψει την ιδέα του σχεδιαστή και τότε ολόκληρο το βάρος πέφτει στους ώμους του σχεδιαστή διάταξης. Ευτυχώς, Γραμματοσειρές Ιστού Googleπροσφέρει μια πολύ κομψή λύση σε αυτό το πρόβλημα.

Υπάρχουν επίσης όροι όπως «βάρος» και kerning. Όλα μπορούν να αλλάξουν χρησιμοποιώντας Εργαλεία CSSκαι να εφαρμόζεται σε παραγράφους, επικεφαλίδες ή άλλα στοιχεία κειμένου. Η ιδιότητα «βάρος» μιας γραμματοσειράς καθορίζει τον βαθμό πάχους των γραμμών όταν γράφονται. Πρόκειται για μια σειρά τιμών από 100 έως 900, όπου κάθε αριθμός υποδεικνύει ένα βάρος που αντιστοιχεί στην τόλμη του στυλ. Η κανονική γραμματοσειρά "κανονική" αντιστοιχεί στον αριθμό 400, η ​​έντονη "έντονη" γραμματοσειρά αντιστοιχεί στο 700. Το κουκούτσι είναι μια αλλαγή στο διάστημα μεταξύ των γραμμάτων ανάλογα με το σχήμα τους. Αυτή είναι η διαδικασία σωστής τοποθέτησης συμβόλων, προσαρμογής των αποστάσεων μεταξύ τους, με αποτέλεσμα να επιτυγχάνεται αρμονία. Αν και πολλοί άνθρωποι δεν δίνουν ιδιαίτερη σημασία στο kerning, είναι τα μικρά πράγματα που βοηθούν στην επίτευξη πολύ καλών αποτελεσμάτων.

Παραβίαση κανόνων

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

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

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

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

Επιλέγοντας τη σωστή γραμματοσειρά

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

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

Για παράδειγμα, η επιλογή των σερίφ δίνει μια αίσθηση επαγγελματισμού και έγκυρης πληροφόρησης. Αυτό μπορεί συχνά να φανεί σε κυρίαρχα μέσα ενημέρωσης όπως οι New York Times. Για μικρότερα ιστολόγια, μπορείτε να χρησιμοποιήσετε μια γραμματοσειρά sans serif με μεγάλο ύψος γραμμής. Αυτό δίνει στους χρήστες τη δυνατότητα να προβάλλουν γρήγορα το κείμενο του ιστολογίου.

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

Αναγνωσιμότητα

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

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

Πληροφοριακό περιεχόμενο

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

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

Τοποθέτηση και διαστάσεις

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

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

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

Χρώμα

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

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

συμπέρασμα

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

Οι φιλοι!

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

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

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

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

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

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

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

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

Ακολουθούν παραδείγματα καλής χρήσης γραμματοσειράς:

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

Εδώ είναι μια κακή χρήση γραμματοσειρών:

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

Ακολουθεί ένα παράδειγμα τέτοιας εργασίας:

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

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

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

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