Ο οδηγός του σχεδιαστή για τη χρωματική αντίθεση
Τα χρώματα που επιλέγετε κατά το σχεδιασμό μιας ιστοσελίδας, αφίσας ή άλλου τύπου εικόνας, θα έχουν τεράστιο αντίκτυπο στο εάν ο συνολικός σχεδιασμός είναι επιτυχής ή όχι. Μετά από όλα, υπάρχουν πολλά ψυχολογία πίσω από τα χρώματα ότι οι άνθρωποι έλκονται από, και οι σχεδιαστές πρέπει να ενσωματώσουν αυτό σε ό, τι κάνουν.
Η αντίθεση χρώματος παίζει πολύτιμο ρόλο, αλλά συχνά παραβλέπεται, υποτιμάται και παρεξηγείται. Για να αποφύγετε αυτό το πρόβλημα, πρέπει να μάθετε περισσότερα σχετικά με την αντίθεση χρώματος, συμπεριλαμβανομένου του τρόπου και του τρόπου με τον οποίο πρέπει να το χρησιμοποιήσετε. Μόλις ξεπεράσετε τα βασικά στοιχεία που γνωρίζετε ότι το κόκκινο και το πορτοκαλί δεν είναι καλά χρώματα για να δημιουργήσετε αντίθεση αλλά είναι ασπρόμαυρα, μπορείτε να αρχίσετε να αναπτύξετε μια βελτιωμένη αισθητική που θα ευχαριστήσει τους πελάτες και τους θεατές.
Γιατί η χρωματική αντίθεση είναι τόσο χρήσιμη;
Η χρωματική αντίθεση, με λίγα λόγια, παρέχει οπτική ίντριγκα και διατηρεί ενδιαφέρον για τους θεατές. Σκεφτείτε για λίγο πόσο βαρετό θα ήταν εάν μια ολόκληρη αφίσα δημιουργήθηκε από ένα χρώμα ή συμπεριλάμβανε μόνο αποχρώσεις από την ίδια οικογένεια χρωμάτων. Αν και υπάρχουν κάποιες περιπτώσεις που αυτό συμβαίνει από καλλιτεχνική άποψη, δεν είναι μια προσέγγιση που είναι πιθανό να προσελκύσει την προσοχή κάποιου όταν πρόκειται να ρίξει τα ράφια των καταστημάτων, κοιτάζοντας αφίσες ταινιών ή περιηγώντας στο διαδίκτυο. Επομένως, είναι σωστό να χρησιμοποιείτε αντίθεση χρώματα όποτε είναι απαραίτητο.
Σκεφτείτε το κλασικό Coca-Cola. Αν το όλο θέμα ήταν κόκκινο, δεν θα ξεχώριζε σχεδόν όσο το κάνει. Η λευκή γραφή αληθινά ξεκινά από το κόκκινο φόντο, που τραβάει την προσοχή και είναι άμεσα αναγνωρίσιμη. Αυτή η αντίθεση είναι οπτικά εκπληκτική και ξεχωρίζει από τους ανταγωνιστές της.
Πώς να χρησιμοποιήσετε καλύτερα τη χρωματική αντίθεση
Οι επιλογές χρώματος που κάνετε πρέπει να εξαρτώνται σε μεγάλο βαθμό από τη μορφή που χρησιμοποιείτε. Η Coca-Cola μπορεί να προσφέρει έναν εξαιρετικό τρόπο εξήγησης αυτής της διαδικασίας. Σε ένα φυσικό προϊόν όπως ένα δοχείο σόδα, το κόκκινο φόντο λειτουργεί. Διακρίνεται επίσης καλά στην έντυπη διαφήμιση, στις τηλεοπτικές διαφημίσεις και πολλά άλλα. Αλλά τι θα ήταν αν προσπαθούσατε να σχεδιάσετε έναν ιστότοπο με αυτά τα ίδια χρώματα;
Για να το θέσουμε όσο το δυνατόν πιο ασταμάτητα, ένα στερεό κόκκινο φόντο της ιστοσελίδας με λευκό κείμενο στην κορυφή θα ήταν ατρόμητος. Ένα πλήρες κόκκινο φόντο θα λειτουργήσει, όμως, αν βάζετε ένα πλαίσιο κειμένου επάνω του που έχει ένα ελαφρύτερο χρώμα όπως λευκό ή μαύρισμα. Από εκεί, πιθανότατα θα θέλατε να χρησιμοποιήσετε το μαύρο κείμενο στο πλαίσιο κειμένου για να δημιουργήσετε ένα άλλο στρώμα αντίθεση. Όχι μόνο αυτή η προσέγγιση θα είναι πιο εντυπωσιακή αλλά θα επιτρέψει επίσης στους ανθρώπους να διαβάζουν πραγματικά το κείμενο. Θυμηθείτε: το μαύρο κείμενο στο κόκκινο είναι πολύ δύσκολο να το διαβάσετε.
Άλλα παραδείγματα συνδυασμού χρωματικών αντιθέσεων αυτό δεν θα λειτουργήσει καλά στο διαδίκτυο και μπορεί επίσης να είναι σχεδόν αδιανόητο σε άλλες μορφές περιλαμβάνουν ανοιχτό πράσινο σε μεσαίο πράσινο, πράσινο σε κόκκινο και κόκκινο σε μπλε χρώμα. Αντ 'αυτού, σκεφτείτε να χρησιμοποιήσετε το λευκό στο πράσινο και το κίτρινο ή το λευκό στο μπλε. Εάν πρέπει να βάλετε κείμενο σε ένα στερεό κόκκινο φόντο, είναι καλύτερο να χρησιμοποιήσετε το λευκό όπως ακριβώς και η Coca-Cola.
Φυσικά, η αντίθεση χρώματος δεν χρησιμοποιείται πάντα για να επιστήσει την προσοχή στο κείμενο. Αν ψάχνετε να βάλλετε μαζί δύο διαφορετικά χρώματα για να τραβήξετε το βλέμμα σε κάτι συγκεκριμένο στη σελίδα, μπορείτε να επιλέξετε ανάμεσα σε εντυπωσιακά διαφορετικά χρώματα και την πιο λεπτή αντίθεση που προκαλείται από τις αλλαγές στη σκιά, την απόχρωση και τον κορεσμό.
Η χρωματική αντίθεση παίζει τεράστιο ρόλο στην απομάκρυνση του CTA ή του κουμπιού σας. Αυτό πρέπει να είναι αυτονόητο, αλλά όταν ο χρήστης απομακρύνει την σελίδα προορισμού ή το άρθρο σας, ένα CTA με διαφορετικό χρώμα από τη σελίδα θα τραβήξει την προσοχή τους.
Αυτό το ακούγεται καλό, αλλά για να το δούμε σε δράση θα πρέπει να ρίξουμε μια ματιά σε ορισμένες εταιρείες που χρησιμοποιούν αντίθεση χρώματος προς όφελός τους.
Ομάδα εβδομάδας είναι μακράν ένα από τα καλύτερα παραδείγματα που μπορώ να σας δώσω. Όπως μπορείτε να δείτε στην παραπάνω εικόνα, αν και τα σχέδια είναι διαφορετικά χρώματα, η αντίθεση μεταξύ του κουμπιού τυρκουάζ και της υπόλοιπης σελίδας κάνει ακόμα μια καταπληκτική δουλειά που τραβάει την προσοχή σας στο CTA.
Το ίδιο συμβαίνει στη σελίδα εγγραφής τους. Παρόλο που η σελίδα είναι πλούσια σε χρώματα και μοτίβα, η προσοχή του χρήστη επαναπροσανατολίζεται στο κέντρο της σελίδας.
Ταξιδιωτικός Σύμβουλος κάνει ωραία δουλειά να χρησιμοποιεί αντίθεση χρώματα και λευκό χώρο για να κατευθύνει τα μάτια κάθε χρήστη στις πιο σημαντικές πτυχές των αποτελεσμάτων αναζήτησης. Το μείγμα του πράσινου και του κίτρινου είναι ευχάριστο στο μάτι και κράτησαν το κλασικό μπλε χρώμα υπερσύνδεσης για να διευκολύνουν τους ανθρώπους να γνωρίζουν πού να κάνουν κλικ για να μάθουν περισσότερα. Ακόμη καλύτερα, επέλεξαν ένα τολμηρό κίτρινο με μαύρο κείμενο για το κουμπί "εμφάνιση τιμών", το οποίο ξεχωρίζει τόσο πολύ που οι άνθρωποι είναι σχεδόν βέβαιο ότι θα ασχοληθούν με αυτήν την παρότρυνση για δράση.
Ένα άλλο χαρακτηριστικό παράδειγμα για το πώς μπορείτε να χρησιμοποιήσετε αντίθεση χρώματα προς όφελός σας μπορεί να βρεθεί στο CheeseSurvivalKit.com . Η εναλλαγή μεταξύ ανοιχτού και αρνητικού χώρου με την επιλογή του λευκού και του γκρι τραβάει το μάτι μέσα. Κορυφή αυτού του συνδυασμού με μια πασπαλίτσα του κόκκινου βοηθά να εξασφαλιστεί ότι οι επισκέπτες της ιστοσελίδας θα είναι οπτικά ενδιαφέρονται αρκετά για να κολλήσει γύρω.
Τι πρέπει να γνωρίζει κάθε σχεδιαστής
Κατά προσέγγιση 8 τοις εκατό των ανδρών σε όλο τον κόσμο υποφέρουν από κάποια μορφή χρωματικής τύφλωσης. Αυτή η κατάσταση είναι πολύ πιο σπάνια στις γυναίκες, αλλά 1 στους 17 ανθρώπους με τύφλωση είναι γυναίκα. Συνολικά, το 4,5% του παγκόσμιου πληθυσμού δεν βλέπει όλα τα χρώματα όπως κάνει ο υπόλοιπος κόσμος.
Αυτό μπορεί να φαίνεται σαν ένα μικρό ποσοστό που δεν θα ικανοποιούσε τις ανάγκες τους. Ωστόσο, η πραγματικότητα είναι ότι μόνο στο Ηνωμένο Βασίλειο, 2,7 εκατομμύρια άνθρωποι είναι έγχρωμοι. Αυτό είναι κάτι που οι σχεδιαστές πρέπει πραγματικά να εξετάσουν, ειδικά αν δημιουργούν κάτι που απευθύνεται σε άνδρες.
Κόκκινη / πράσινη τύφλωση είναι η πιο κοινή έκδοση της χρωματικής τύφλωσης. Αυτό σημαίνει ότι τα κόκκινα και πράσινα στοιχεία οποιουδήποτε χρώματος δεν θα έχουν την πραγματική τους εμφάνιση σε αυτά τα άτομα. Για παράδειγμα, ένα άτομο με κόκκινη / πράσινη τύφλωση θα αντιληφθεί μοβ ως μπλε. Αυτό συμβαίνει επειδή δεν μπορείτε να δείτε τον κόκκινο τόνο που σας βοηθά να διαφοροποιήσετε πορφυρό από μπλε.
Όπως μπορείτε να φανταστείτε, αυτό καθιστά ακόμη πιο δύσκολη τη διαδικασία επιλογής της τέλειας αντίθεσης χρώματος. Εάν επιλέγετε πράσινο ως βασικό χρώμα φόντου ή ακόμα και ως χρώμα γραμματοσειράς, το 4,5% του κοινού που επιθυμείτε να βλέπει μπορεί να μην είναι σε θέση να δει με ακρίβεια τα πάντα. Μπορεί να μην είναι σε θέση να διαβάσουν τις λέξεις πολύ καλά ανάλογα με την απόχρωση που επιλέξατε και πόσο σοβαρή είναι η τύφλωσή τους.
Η κατώτατη γραμμή
Τελικά, η αντίθεση χρώματος θα πρέπει να κάνει τα δύο στοιχεία να ξεχωρίζουν, αλλά κυρίως το πιο σημαντικό στοιχείο. Με άλλα λόγια, εάν τοποθετείτε κείμενο σε ένα πολύχρωμο φόντο ή εικόνα, βεβαιωθείτε ότι οι λέξεις είναι εύκολο να τις δείτε και να τις διαβάσετε. Κρατήστε στο μυαλό σας το κοινό και προσπαθήστε να αποφύγετε τους χρωματικούς συνδυασμούς που θα καθιστούσαν το τελικό αποτέλεσμα δύσκολο για τα άτομα με χρωματική τύφλωση.