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