Στοιχεία τυπογραφίας Ο καθένας πρέπει να καταλάβει

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

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

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

Υπάρχουν τρία βασικά είδη γραμματοσειρών: serif, sans-serif και διακοσμητικά.

Κατηγορίες τύπων χαρακτήρων.

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

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

Συνδυασμοί γραμματοσειρών.

Με τη χρήση του Gravit Designer, μπορείτε εύκολα να επιλέξετε μεγάλη αντιστοίχιση γραμματοσειρών επιλέγοντας το στρώμα κειμένου που θέλετε να τροποποιήσετε (1), επιλέγοντας την καρτέλα "Εμφάνιση" (2) και μετακινηθείτε είτε σε "Γραμματοσειρές Web" είτε "Γραμματοσειρές συστήματος" τις γραμματοσειρές που υπάρχουν ήδη στον υπολογιστή σας (3). Συνιστώ να ψάχνετε σε γραμματοσειρές web για να αποφύγετε τις κολλώδεις, υπερχρησιμοποιημένες γραμματοσειρές που έρχονται με τους περισσότερους υπολογιστές. Δώστε ιδιαίτερη προσοχή στις προεπισκοπήσεις γραμματοσειρών (4) και προσδιορίστε αν είναι διακοσμητικά, serif ή sans-serif. Η γραμματοσειρά που έχω επιλέξει παρακάτω, "Adamina", είναι γραμματοσειρά serif και φαίνεται υπέροχη με τον τολμηρό τίτλο sans-serif.

Επιλογή γραμματοσειρών στο Gravit Designer

Ιεραρχία

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

Ένα σχέδιο που στερείται ιεραρχίας.

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

σχεδιασμός με καλή ιεραρχία [εικονογραφήσεις ιστοσελίδων φιλοφρονήσεις της συλλογής αυτοκόλλητων ετικετών του Gravit Designer]

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

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

Αντίθεση

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

Πολλή αντίθεση, και επομένως, κρούση!Δεν υπάρχει αντίθεση = βαρετό!

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

Συνοχή

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

Η σελίδα "Κεφάλαιο 1" παρακάτω έχει ένα ευχάριστο σχέδιο με δύο μόνο χαρακτήρες γραμματοσειράς, δύο χρώματα και τρία μεγέθη γραμματοσειρών. Παρόλο που χρησιμοποιούνται μόνο δύο πρόσωπα γραμματοσειράς, η ιεραρχία επιτυγχάνεται χρησιμοποιώντας το μέγεθος και το χρώμα. Το όλο κείμενο ευθυγραμμίζεται αριστερά εκτός από τον αριθμό της σελίδας, παρέχοντας καθαρές και σταθερές γραμμές. Ωστόσο, στη σελίδα "Κεφάλαιο 2", υπάρχουν τέσσερα διαφορετικά πρόσωπα γραμματοσειράς, τέσσερα χρώματα, τέσσερα μεγέθη γραμματοσειρών και κάθε στοιχείο έχει διαφορετική ευθυγράμμιση - όλα αυτά δημιουργούν ένα βρώμικο, ελκυστικό σχέδιο.

Ευθυγραμμία

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

Το εργαλείο χάρακα του Gravit Design είναι ο καλύτερος τρόπος για να παρακολουθείτε την ευθυγράμμιση εικόνων, σχημάτων, γραμμών και κειμένου. Επιλέξτε View (Εμφάνιση)> Show Rulers (Εμφάνιση παραθύρων) στο επάνω μενού για να ανοίξετε το εργαλείο χάρακα και σύρετε τους οδηγούς έξω από τους ηγέτες που εμφανίζονται στο αριστερό και στο πάνω μέρος του εγγράφου. Για να αλλάξετε τη μονάδα μέτρησης που εμφανίζεται στον χάρακα, επιλέξτε Έγγραφο> Μονάδα στις καρτέλες στη δεξιά πλευρά της οθόνης (χωρίς να έχει επιλεγεί στοιχείο στον καμβά). Μπορείτε επίσης να ενεργοποιήσετε ένα πλέγμα στα δεξιά κάτω για να σας βοηθήσουμε.

χρησιμοποιώντας χάρακες για την ευθυγράμμιση αντικειμένων

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

δείτε πόση καλύτερη αριστερή ευθυγράμμιση είναι από το κέντρο!

Λευκό χώρο

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

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

Χρώμα

Το χρώμα μπορεί πραγματικά να σας βοηθήσει να ρυθμίσετε τη διάθεση για το σχεδιασμό σας και να το αποκτήσετε σωστά μπορεί να κάνει το κείμενό σας να ξεχωρίζει. Υπάρχουν τρία βασικά συστατικά του χρώματος:

  1. Απόχρωση - η σκιά του χρώματος
Προσαρμογή απόχρωσης στον σχεδιαστή Gravit

2. Κορεσμός - πόσο λαμπερό είναι το χρώμα

Προσαρμογή του κορεσμού στον σχεδιαστή Gravit

3. Αξία - ελαφρότητα ή σκοτάδι του χρώματος

Προσαρμογή αξίας στον σχεδιαστή Gravit

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

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

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

  • Είναι το κείμενο μου αναγνώσιμο;
  • Είναι το στυλ μου συνεπές;
  • Χρησιμοποιεί η αντίθεση το στυλ μου;

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

Ιστοσελίδα | Facebook | Twitter | Δικαστήριο