24
Αύγουστος 2020

7 Κανόνες για τα color schemes των ιστοσελίδων

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

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

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

Τι είναι ένα χρωματικό σχέδιο (color scheme);

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

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

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

Γιατί είναι σημαντικά τα χρωματικά σχέδια;

Παρουσιάζουν την οπτική σας ταυτότητα

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

Κάνουν μια πρώτη εντύπωση

Ως δημιουργοί ιστοσελίδων, γνωρίζουμε ότι ενώ σχεδιάζουμε (και επανασχεδιάζουμε) τους ιστότοπούς μας στο πίσω μέρος του μυαλού μας, συχνά σκεφτόμαστε, ακόμη και αν υποσυνείδητα, «τι είδους πρώτη εντύπωση θα κάνει αυτός ο σχεδιασμός στον επισκέπτη μου;». Αυτό είναι ένα από τα κύρια πράγματα που σχετίζονται με τα χρώματα του ιστότοπου: οι πρώτες εντυπώσεις. Αυτό ισχύει στο βαθμό που σε μια έρευνα που πραγματοποιήθηκε το 2018, το 94% των ερωτηθέντων δήλωσε ότι οι πρώτες εντυπώσεις τους σε έναν ιστότοπο σχετίζονται με το χρώμα.

Δημιουργούν συναισθηματικές συνδέσεις

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

7 Κανόνες για τη δημιουργία χρωμάτων ιστότοπου

1. Γνωρίστε τον τροχό χρώματος

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

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

Κατά ειρωνικό τρόπο, παρόλο που οι τύποι σχέσεων μεταξύ χρωμάτων στον χρωματικό τροχό εμπίπτουν σε συγκεκριμένες «κατηγορίες» σχέσεων, υπάρχουν επίσης πολλές επιλογές για το πώς αυτά τα χρώματα μπορούν να συνδυαστούν μεταξύ τους και εκεί είναι που οι τύποι συνδυασμών χρωμάτων μπαίνουν στο παιχνίδι.

2. Κατανοήστε τους συνδυασμούς χρωμάτων

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

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

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

Αναλογικά: Χρώματα δίπλα-δίπλα

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

Συμπληρωματικό: Ελκυστικά αντίθετα

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

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

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

Triadic: Ομοιόμορφη απόσταση

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

3. Εξετάστε την Ψυχολογία των Χρωμάτων

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

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

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

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

4. Διεύθυνση Οπτικής Ιεραρχίας

Ως δημιουργοί Ιστού, η επένδυση στην οπτική ιεραρχία είναι ένα φυσικό βήμα στη ροή εργασιών σχεδιασμού. Πέρυσι, το blog Shutterstock δημοσίευσε ένα άρθρο με το όνομα “6 Κανόνες της οπτικής ιεραρχίας που θα σας βοηθήσουν να σχεδιάσετε καλύτερα”. Αυτοί οι κανόνες, εξηγούν, βασίζονται στον πρωταρχικό στόχο της τακτοποίησης στοιχείων σχεδίασης με βάση τη σημασία, η οποία «καθοδηγεί τον θεατή μέσω του σχεδιασμού και διασφαλίζει ότι το μήνυμα είναι σαφές και συνοπτικό».

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

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

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

5. Επικεντρωθείτε στη δυνατότητα δράσης, ιδιαίτερα στην δυνατότητα κλικ

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

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

6. Να έχετε κατά νου τον responsive σχεδιασμό

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

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

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

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

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

7. Αγκαλιάστε τα ουδέτερα χρώματα

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

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

Ακολουθώντας τους κανόνες

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

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

TOP

Inquiry