Τυπογραφικές Ιεραρχίες

Κατασκευή ιστοσελίδων και e-shop

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

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

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

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

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

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

 

Οι 6 βασικές μεταβλητές που θα συζητήσουμε είναι:

  • Εγγύτητα ή χώρος,
  • Βάρος,
  • Μέγεθος,
  • Μέγεθος και βάρος,
  • Χρώμα,
  • Οπτική στίξη.

 

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

 

Εγγύτητα Ή Χώρος

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

ΜΙΑ ΣΥΝΤΟΜΗ ΣΥΖΗΤΗΣΗ ΓΙΑ ΤΟ ΠΛΕΓΜΑ (GRID)

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

ΠΡΟΚΑΘΟΡΙΣΜΕΝΟ ΠΛΕΓΜΑ

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

Μπορούμε να συνεχίσουμε να προσθέτουμε στήλες στα πλέγματα μας και να έχουμε δύο, τρεις, τέσσερις, πέντε και μερικές φορές περισσότερες. Λογισμικό όπως το Adobe InDesign , το Affinity Publisher και άλλα είναι εξοπλισμένα με τη δυνατότητα προσδιορισμού του τύπου πλέγματος που θέλουμε να χρησιμοποιήσουμε. Συνήθως είναι εύκολο να εντοπίσετε το πλέγμα που χρησιμοποιείται σε ένα σχέδιο. Για παράδειγμα, αν κοιτάξουμε μια ιστοσελίδα, μπορούμε συνήθως να εντοπίσουμε τον τύπο του πλέγματος που χρησιμοποιείται — δύο, τρεις ή τέσσερις στήλες.

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

ΑΥΤΟΣΧΕΔΙΑΣΤΙΚΟ ΠΛΕΓΜΑ

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

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

Τώρα που έχουμε μια βασική κατανόηση του πλέγματος, ας συζητήσουμε την πρώτη μας μεταβλητή ή αρχή ιεραρχίας – εγγύτητα – με περισσότερες λεπτομέρειες.

 

ΕΓΓΥΤΗΤΑ

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

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

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

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

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

Για να συνοψίσουμε αυτό που βλέπουμε σε αυτό το παράδειγμα:

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

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

Η σελίδα, ο χώρος και το φόντο, είτε είναι δισδιάστατα είτε τρισδιάστατα, είναι ένα σχήμα. Μπορεί να είναι ένα ορθογώνιο σε κατακόρυφο ή οριζόντιο προσανατολισμό ή κάτι πιο κυκλικό, ή κάτι οργανικό όπως το σχήμα μιας κιθάρας όπως αυτό με τίτλο MTV Unplugged , Πρώτη Έκδοση από τη Sarah Maralkey που δημοσιεύτηκε το 1995:

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

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

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

 

Βάρος

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

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

Εκτός από την πρώτη μας περίληψη, μπορούμε να προσθέσουμε τα εξής:

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

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

 

Μέγεθος

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

  • Κύριο αντίγραφο
    Ανάλογα με το ύψος x των γραμματοσειρών, οπουδήποτε από 8 βαθμούς έως 12. Ποτέ πάνω από 12.
  • Τίτλοι
    Εδώ μπορείτε να διασκεδάσετε και να παίξετε με την αντίθεση — πολύ, πολύ μεγάλο. Οτιδήποτε πάνω από 14 πόντους θεωρείται οθόνη, αλλά θα διαπιστώσετε ότι είναι ακόμα πολύ μικρό για να επηρεάσει.
  • Υποκεφαλίδες ή τόνοι
    Ανάλογα με τα μεγέθη που χρησιμοποιείτε για τους τίτλους, μπορείτε να επιλέξετε κάτι μεταξύ του μεγέθους αντιγράφου του σώματος και των τίτλων.

Κάτι που αξίζει να αναφέρουμε: αυτές οι παράμετροι δεν είναι αποκλειστικά μαθηματικές. Υπάρχουν πολλά να μάθετε για το πώς φαίνονται τα πράγματα (ανεξάρτητα από το μέγεθος) μόλις τυπωθεί κάτι.

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

Εκτός από τα στοιχεία που έχουμε προσθέσει στη σύνοψή μας, μπορούμε να προσθέσουμε τα εξής:

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

Τώρα θα συζητήσουμε τις μεταβλητές σε συνδυασμό.

 

Μέγεθος Και Βάρος

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

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

Εκτός από τα στοιχεία που έχουμε προσθέσει στη σύνοψή μας, μπορούμε να προσθέσουμε τα εξής:

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

Με όσα μάθαμε μέχρι τώρα, θα περάσουμε στο χρώμα.

 

Χρώμα

Η συζήτηση για το χρώμα μπορεί να είναι ένα άρθρο από μόνη της. Υπάρχουν πολλοί διαθέσιμοι πόροι τόσο στο Διαδίκτυο όσο και σε έντυπη μορφή σχετικά με το χρώμα. Πράγματι, εδώ είναι μερικά άρθρα Smashing από τον Cameron Chapman που καλύπτουν το θέμα ευρύτερα:

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

ΠΑΡΑΓΟΝΤΕΣ ΠΟΥ ΕΠΗΡΕΑΖΟΥΝ ΤΗ ΧΡΗΣΗ ΚΑΙ ΤΗΝ ΕΦΑΡΜΟΓΗ ΤΟΥ ΧΡΩΜΑΤΟΣ

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

  • Περιεχόμενο,
  • Κοινό,
  • Συμφραζόμενα.

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

Τώρα που συζητήσαμε παράγοντες που είναι σημαντικοί για τη χρήση του χρώματος, ας δούμε παραδείγματα χρήσης του χρώματος, όπως σχετίζεται με αυτήν την άσκηση:

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

Εκτός από τα στοιχεία που έχουμε προσθέσει στη σύνοψή μας, μπορούμε να προσθέσουμε τα εξής:

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

Η τελευταία μας μεταβλητή προς συζήτηση είναι η οπτική στίξη. Ας ρίξουμε μια ματιά στο πώς όλα συνδυάζονται σε αυτήν τη μεταβλητή.

 

Οπτική Στίξη

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

Ας δούμε μερικά παραδείγματα για το πώς τα οπτικά σημεία στίξης χρησιμοποιούνται και εφαρμόζονται συχνά σε τυπογραφικές συνθέσεις:

Εκτός από τα στοιχεία που έχουμε προσθέσει στη σύνοψη μας, μπορούμε να προσθέσουμε τα εξής:

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

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

TOP

Inquiry