Γιατί ορισμένες μάρκες φαίνονται αμέσως αξιόπιστες ενώ άλλες μοιάζουν ερασιτεχνικές, ακόμα και με καλά προϊόντα; Ένα μέρος της απάντησης είναι η αντίθεση χρωμάτων. Δεν χρειάζεσαι πτυχίο σχεδιασμού για να βελτιωθείς. Χρειάζεσαι έναν σαφή ορισμό και μερικούς πρακτικούς ελέγχους.
Η αντίθεση χρωμάτων μετρά τη διαφορά φωτεινότητας ανάμεσα στο κείμενο και στο φόντο. Αυτό το κεφάλαιο εξηγεί τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς να το εφαρμόζεις χωρίς να χάνεσαι στην ορολογία. Θα δεις επίσης πώς ο κενός χώρος στον σχεδιασμό ταιριάζει στην ίδια εικόνα. Ας το δούμε βήμα βήμα.
Βασικές ιδέες πίσω από την αντίθεση χρωμάτων
Η αντίθεση χρωμάτων μετρά τη διαφορά φωτεινότητας ανάμεσα στο κείμενο και στο φόντο.
Η επαρκής αντίθεση κρατά το περιεχόμενο ευανάγνωστο για όλους τους επισκέπτες.
Ο κενός χώρος στον σχεδιασμό συνδυάζεται με την αντίθεση για να μειώσει τον οπτικό θόρυβο.
Βάζοντάς το σε εφαρμογή
Δοκίμασε το κείμενο σώματος, τους συνδέσμους και τα κουμπιά με έναν έλεγχο αντίθεσης πριν τη δημοσίευση.
Εξερεύνησε τα χρωματικά σχήματα και τα λάθη χρωμάτων σε ιστοσελίδες για να συνδέσεις αυτό το θέμα με την υπόλοιπη ενότητα.
Οι μικρές συνεπείς βελτιώσεις νικούν τους σπάνιους πλήρεις επανασχεδιασμούς όταν μαθαίνεις.
Πρακτική λίστα ελέγχου που μπορείς να χρησιμοποιήσεις σήμερα
Δοκίμασε το κείμενο σώματος, τους συνδέσμους και τα κουμπιά με έναν έλεγχο αντίθεσης πριν τη δημοσίευση.
Όταν εξετάζεις οποιαδήποτε σελίδα, ρώτα αν η αντίθεση χρωμάτων φαίνεται μέσα στην πρώτη κύλιση στο κινητό. Αν όχι, ξαναταξινόμησε τις ενότητες πριν γυαλίσεις τις λεπτομέρειες.
Φύλαξε στιγμιότυπα οθόνης πριν και μετά τις αλλαγές, ώστε να μαθαίνεις τι κίνησε την αντίθεση χρωμάτων στην ιστοσελίδα σου.
Μοιράσου αυτή τη λίστα με όποιον ενημερώνει την ιστοσελίδα σου, ώστε ο κενός χώρος στον σχεδιασμό να μένει συνεπής στις νέες σελίδες.
Διάλεξε έναν δείκτη να παρακολουθείς αυτόν τον μήνα, όπως ο χρόνος στη σελίδα ή οι έναρξες φόρμας, ώστε οι αλλαγές σχεδιασμού να συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται αυτό το θέμα με την ευρύτερη μάρκα σου
Οι οπτικές επιλογές σπάνια ζουν μόνο σε μία σελίδα. Ο κενός χώρος στον σχεδιασμό συνδυάζεται με την αντίθεση για να μειώσει τον οπτικό θόρυβο.
Οι αναρτήσεις σου στα social, τα email και τα έντυπα πρέπει να αντηχούν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς που χρησιμοποιείς στον ιστό.
Όταν οι οπτικές της μάρκας ξεφεύγουν, οι πελάτες νιώθουν μια διακριτική ασυμφωνία ακόμα κι αν δεν μπορούν να την εξηγήσουν.
Χρησιμοποίησε το τι είναι η θεωρία χρώματος για να συγκρίνεις σημειώσεις με ένα συγγενές κεφάλαιο αυτής της ενότητας.
Η επαρκής αντίθεση κρατά το περιεχόμενο ευανάγνωστο για όλους τους επισκέπτες.
Ερωτήσεις που οι άνθρωποι παραβλέπουν
Δευτερεύοντες όροι, όπως ο κενός χώρος στον σχεδιασμό και η θεωρία χρώματος, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με συνηθισμένα πρότυπα.
Ο κενός χώρος στον σχεδιασμό συνδυάζεται με την αντίθεση για να μειώσει τον οπτικό θόρυβο.
Γράψε μία αλλαγή πριν και μετά που θα δοκιμάσεις σε μια ζωντανή σελίδα αυτή την εβδομάδα. Οι μικρές μετρημένες αλλαγές νικούν τα αόριστα σχέδια.
Το να διδάξεις στην ομάδα σου ένα κοινό λεξιλόγιο γύρω από την αντίθεση χρωμάτων μειώνει τους κύκλους διορθώσεων με σχεδιαστές και γραφεία.
Εργαλεία που κάνουν πιο εύκολες τις οπτικές αλλαγές
Δεν χρειάζεσαι δικό σου κώδικα για να διορθώσεις πολλά προβλήματα διάταξης και στυλ. Ένας οπτικός επεξεργαστής σε αφήνει να ρυθμίσεις τα κενά, τα χρώματα και τις γραμματοσειρές ενώ βλέπεις προεπισκόπηση για κινητό και υπολογιστή.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδιάβασε τα χρωματικά σχήματα και τα λάθη χρωμάτων σε ιστοσελίδες, ώστε η ενότητα να μείνει συνδεδεμένη στο μυαλό σου.
Έχεις τώρα έναν χρήσιμο φακό για την αντίθεση χρωμάτων. Χρησιμοποίησέ τον όταν ελέγχεις την ιστοσελίδα σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με τα λάθη χρωμάτων σε ιστοσελίδες και το τι είναι η θεωρία χρώματος για να συνεχίσεις να χτίζεις ορμή σε αυτή την ενότητα.
Η εκμάθηση της αντίθεσης χρωμάτων είναι μια σταδιακή δεξιότητα. Ξαναδιάβασε αυτό το κεφάλαιο αφού κυκλοφορήσεις μία βελτίωση, ώστε οι ιδέες να περάσουν από την ανάγνωση στη συνήθεια. Οι μικρές επαναλαμβανόμενες εξετάσεις νικούν το να στριμώχνεις κάθε κανόνα ταυτόχρονα. Κράτα σημειώσεις για το τι δούλεψε στο κοινό σου, ώστε η επόμενη ενημέρωση να γίνει ταχύτερα.
Συχνές ερωτήσεις
Πόσο χρόνο παίρνει να βελτιώσεις την αντίθεση χρωμάτων;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν καθαρότερες σελίδες μέσα σε λίγες εστιασμένες συνεδρίες, μόλις εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα με την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για να δουλέψεις την αντίθεση χρωμάτων;
Ένας σχεδιαστής βοηθά σε σύνθετους επανασχεδιασμούς μάρκας, αλλά πολλές διορθώσεις γύρω από την αντίθεση χρωμάτων γίνονται μόνος σου, μόλις ξέρεις τι να ψάξεις. Χρησιμοποίησε τα χρωματικά σχήματα δίπλα σε αυτό το κεφάλαιο για συγγενή καθοδήγηση.
Μπορεί η WEMASY να σε βοηθήσει να εφαρμόσεις την αντίθεση χρωμάτων στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου.
Ποιο είναι το πιο συνηθισμένο λάθος με την αντίθεση χρωμάτων;
Οι άνθρωποι προσπαθούν να διορθώσουν τα πάντα ταυτόχρονα αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως η αναγνωσιμότητα ή η αντίθεση, και μετά δες τα λάθη χρωμάτων σε ιστοσελίδες για την επόμενη βελτίωση.
Πώς συνδέεται η αντίθεση χρωμάτων με το SEO;
Η σαφής οπτική ιεραρχία και η ευανάγνωστη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Συνδύασε τις διορθώσεις σχεδιασμού με στέρεα δομή περιεχομένου για τα καλύτερα αποτελέσματα.
Πού πρέπει να μάθεις στη συνέχεια μετά την αντίθεση χρωμάτων;
Συνέχισε με τα χρωματικά σχήματα και τα λάθη χρωμάτων σε ιστοσελίδες σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για τη μάρκα σου online.