Ένας από τους πιο σημαντικούς παράγοντες για τη δημιουργία ενός μοναδικού και αναγνωρίσιμου σχεδίου είναι το χρώμα. Η σωστή επιλογή χρωματικού συνδυασμού μπορεί να καθορίσει την επιτυχία ή την αποτυχία μιας ιστοσελίδας. Όταν ένας επισκέπτης ρίχνει την πρώτη του ματιά σε μια ιστοσελίδα, τα χρώματα που επιλέγετε του στέλνουν ένα άμεσο μήνυμα για αυτήν τη σελίδα. Ευτυχώς, υπάρχουν πολλά εργαλεία που θα σας βοηθήσουν να επιλέξετε το σωστό συνδυασμό χρωμάτων. Εδώ είναι πέντε από τα καλύτερα.
1. Ψύκτη
Ο Kuler από την Adobe έχει αναγνωριστεί εδώ και καιρό ως ο καλύτερος βοηθός για έναν επαγγελματία σχεδιαστή ιστοσελίδων. Σε αντίθεση με τους ανταγωνιστές, υπάρχει μια μεγάλη κοινότητα εδώ και μπορείτε να μοιραστείτε παλέτες που έχετε δημιουργήσει ή να πάρετε τους συνδυασμούς χρωμάτων άλλων ανθρώπων και να τους τροποποιήσετε ώστε να ταιριάζουν στις ανάγκες σας. Για να επικοινωνήσετε στην κοινότητα, πρέπει να εγγραφείτε και να αποκτήσετε ένα αναγνωριστικό Adobe. Τα χρώματα στο Kuler αντιπροσωπεύονται σε μια ποικιλία μορφών, συμπεριλαμβανομένων των RGB, CMYK, LAB και HSV.
Η έμπνευση μπορεί να προκύψει υπό την επίδραση της πιο απροσδόκητης περίστασης. Για παράδειγμα, μπορεί να συναντήσετε μια όμορφη φωτογραφία με ελκυστικό συνδυασμό χρωμάτων. Αυτή η γεννήτρια χρωματικής παλέτας δημιουργήθηκε μόνο για την επεξεργασία τέτοιων φωτογραφιών. Ανεβάστε αρχεία σε μορφές JPG ή PNG και λάβετε μια λεπτομερή διάταξη των βασικών χρωμάτων. Ανεξάρτητα από την αντίδραση που προσπαθείτε να προκαλέσετε στους επισκέπτες σας, μια γεννήτρια χρωματικής παλέτας μπορεί να σας βοηθήσει να δημιουργήσετε μια μοναδική εμφάνιση για κάθε ιστότοπο.
Τα μεμονωμένα χρώματα δεν κρέμονται ποτέ στο κενό και κάθε απόχρωση έχει αντίκτυπο στο περιβάλλον της. Το εργαλείο Contrast-A ακολουθεί μια εξαιρετικά τεχνική προσέγγιση στη διαμόρφωση της παλέτας, παρέχοντας λεπτομερείς πληροφορίες σχετικά με την αναλογία φωτεινότητας και τις διαφορές στη φωτεινότητα και το χρώμα. Αυτό είναι το τέλειο εργαλείο εάν θέλετε να δημιουργήσετε έναν μινιμαλιστικό ιστότοπο με λίγα χρώματα που συμπληρώνουν το ένα το άλλο.
Αυτό το δημοφιλές πρόσθετο Firefox σάς επιτρέπει να προσδιορίσετε την έννοια των μεμονωμένων χρωμάτων απευθείας στο πρόγραμμα περιήγησης και να μετρήσετε τη διαφορά μεταξύ τους. Υπάρχει ένα "πρόγραμμα περιήγησης συνδυασμού χρωμάτων" για την επιλογή μεμονωμένων χρωμάτων από προεπιλεγμένα σύνολα. Εύκολο στη χρήση και εξαιρετικά πλούσιο σε δυνατότητες, το πρόσθετο ColorZilla είναι σαν το ελβετικό μαχαίρι των επεκτάσεων προγράμματος περιήγησης για σχεδιαστές ιστοσελίδων και καλλιτέχνες.
Σε αντίθεση με τις περισσότερες άλλες γεννήτριες συνδυασμών χρωμάτων "χρωματικού τροχού", η Colorotate εμφανίζει την παλέτα σε έναν τρισδιάστατο κώνο. Όπως και ο Kuler, οι χρήστες μπορούν να αποθηκεύσουν και να επεξεργαστούν τους συνδυασμούς χρωμάτων τους, καθώς και να δουν παλέτες που έχουν κατασκευαστεί από άλλους σχεδιαστές. Το εργαλείο είναι ενσωματωμένο με δημοφιλή προγράμματα σχεδίασης Adobe Fireworks και Photoshop.
Όταν πρόκειται για αποτελεσματικό σχεδιασμό ιστοσελίδων, μιλάμε για εύχρηστες διεπαφές χρήστη και διατάξεις, αλλά οι χρωματικοί συνδυασμοί έχουν εξίσου μεγάλη σημασία, αν όχι περισσότερο. Τα εργαλεία που αναφέρονται εδώ θα πρέπει να σας οδηγήσουν στη σωστή κατεύθυνση για να επιλέξετε μια υπέροχη παλέτα χρωμάτων για τον ιστότοπό σας με την πρώτη προσπάθεια. Υπάρχουν άλλα χρήσιμα εργαλεία που μπορείτε να βρείτε στο Διαδίκτυο, αλλά αυτά είναι αυτά με τα οποία μπορείτε να ξεκινήσετε για να βρείτε το τέλειο οπλοστάσιο που ταιριάζει στο προσωπικό σας στυλ. Καλή τύχη και καλή σχεδίαση!
Η επιλογή μιας παλέτας χρωμάτων είναι πάντα μια δύσκολη δουλειά, είτε πρόκειται για τον σχεδιασμό ενός ιστότοπου είτε μιας εφαρμογής για κινητά. Δεν πρέπει να επιλέγετε χρώματα απρόσεκτα, γιατί μια καλά επιλεγμένη παλέτα καθορίζει το στυλ για ολόκληρο τον ιστότοπο.
Κάθε φορά που αναπτύσσεται ένα νέο σχέδιο ιστοσελίδων, αφιερώνεται πολύς χρόνος στην επιλογή διαφορετικών χρωματικών συνδυασμών. Τα εναλλακτικά εργαλεία παλέτας χρωμάτων μπορούν να σας εξοικονομήσουν χρόνο στο μέλλον.
Υπάρχει ένας μεγάλος αριθμός εφαρμογών για την επιλογή μιας παλέτας χρωμάτων, αλλά σε αυτήν τη λίστα επιλέξαμε εργαλεία που διαφέρουν ελαφρώς από τα τυπικά προγράμματα.
Ένας ιστότοπος με αυτονόητο όνομα, όπου συλλέγονται πληροφορίες για το χρώμα και παρουσιάζονται λεπτομερώς. Μοιάζει περισσότερο με εργαλείο προγραμματιστή, όπου υπάρχουν προσθαφαιρέσεις, η δημιουργία διαβαθμίσεων είναι διαθέσιμη με ακριβή ένδειξη του χρωματικού κώδικα σε όλους τους πιθανούς χρωματικούς χώρους. Αυτή η προσέγγιση είναι βολική για όσους έχουν ελεύθερο χρόνο, καθώς και μια ανεξήγητη αγάπη για τους υπολογισμούς.
Φιλική και ζεστή υπηρεσία «λάμπας» που σας ευχαριστεί από το πρώτο λεπτό της συνάντησης σας. Η λογική του ιστότοπου είναι ότι επιλέγετε «ένα χρώμα» και η υπηρεσία προσφέρει κατάλληλες λύσεις για αυτό: μια κλίση, μια σειρά από τις πιο σκούρες και ανοιχτόχρωμες αποχρώσεις, ελαφρώς σίγαση ή φωτεινές αποχρώσεις του επιλεγμένου χρώματος.
Σε αντίθεση με προηγούμενες υπηρεσίες, αυτός ο ιστότοπος παρουσιάζει έτοιμες, επιλεγμένες παλέτες που δείχνουν πώς αλληλεπιδρούν τα χρώματα μεταξύ τους στις συνημμένες φωτογραφίες. Κοιτάζοντας τα κύματα της θάλασσας ή τα λουλούδια, εκπλαγείτε με το πόσο πλούσια είναι η φύση στη δημιουργική της ώθηση και πόσο φτωχές είναι οι γνώσεις μας για το χρώμα. Συνολικά, αυτή είναι μια πολύτιμη πηγή για όσους μόλις αρχίζουν να κατανοούν τους χρωματικούς συνδυασμούς και που αγαπούν τις όμορφες εικόνες.
Όπως περιγράφει ο συγγραφέας τον πόρο του: "Έφτιαξα τον ιστότοπο 0to255 για να απλοποιήσω τη δουλειά μου." Οι σχεδιαστές ιστοσελίδων και άτομα με παρόμοια επαγγέλματα εργάζονται με λουλούδια καθημερινά. Όταν επιλέγετε το σωστό, χρειάζονται τις διάφορες αποχρώσεις του και χρησιμοποιώντας αυτήν την υπηρεσία μπορείτε εύκολα να εξοικονομήσετε χρόνο χωρίς να επιβαρύνεστε με την επεξεργασία του δεκαεξαδικού κώδικα.
Μια λύση για όσους τους αρέσει να βρίσκουν χρώματα στις εικόνες. Απλώς ανεβάστε μια εικόνα και η υπηρεσία θα εμφανίσει μια παλέτα βασικών χρωμάτων με δεκαεξαδικό κωδικό.
Ποιος μπορεί να χρειαστεί μια εφαρμογή για την επιλογή λύσεων χρώματος για ένα tablet; Πιθανώς για όσους όχι μόνο εργάζονται με το χρώμα, αλλά ζουν με αυτό, ή για άτομα με ικανότητα συναισθησίας. Ο ιστότοπος προσφέρει παρόμοια, αλλά ελαφρώς μειωμένη λειτουργικότητα διεπαφής, σχεδιασμένη για tablet. Δυστυχώς, ο ιστότοπος έχει κάποιες ελλείψεις, για παράδειγμα, το φάσμα 3D, το οποίο είναι χαρακτηριστικό του ιστότοπου, αποδεικνύεται άβολο στη χρήση.
Στις αμερικανικές τηλεοπτικές σειρές, λένε συχνά τη φράση «Μόνο αν ήσουν ο τελευταίος άνθρωπος στη γη», στην περίπτωσή μας, «Αν δεν έχεις κανένα πρόγραμμα επεξεργασίας γραφικών στο χέρι». Ξηρό, συνήθως χωρίς ενδιαφέρον. Δεν υπάρχει γοητεία ή επιθυμία αλληλεπίδρασης σε αυτό, προφανώς, το προϊόν δεν έχει αναπτυχθεί για μεγάλο χρονικό διάστημα.
Είναι δύσκολο να αποκαλέσουμε αυτόν τον ιστότοπο απλό, επειδή οι δημιουργοί έχουν συμπεριλάβει όλα όσα θα μπορούσαν να χρειαστούν όταν εργάζεστε με χρώμα. Διαθέτει τα πάντα: μεγάλη ποικιλία από συλλογές, κανάλια, τάσεις, διάφορα είδη εργαλείων για τη δημιουργία μοτίβων, αναζήτηση χρωμάτων ανά εικόνα. Γενικά ό,τι επιθυμεί η καρδιά σου.
Συνοψίζω:
Παρά την ποικιλία των υπηρεσιών για την επιλογή χρωμάτων, το Adobe Kuler, κατά τη γνώμη των συντακτών μας, μπορεί να ονομαστεί το καλύτερο, κρίνοντας από τη δυνατότητα επιλογής συνδυασμών χρωμάτων.
Ένα από τα κύρια πλεονεκτήματα αυτού του μίκτη χρωμάτων είναι η δυνατότητα αποθήκευσης των επιλογών σας, προβολής επιλεγμένων χρωμάτων σε πλήρη οθόνη, καθώς και κοινής χρήσης των ευρημάτων σας και εξέτασης άλλων. Και για όσους δεν θέλουν πλέον να αποχωριστούν αυτήν την υπηρεσία ούτε για ένα λεπτό, υπάρχει μια προσθήκη για το Photoshop που σας επιτρέπει να χρησιμοποιείτε το πρόγραμμα χωρίς να φύγετε από το πρόγραμμα επεξεργασίας.
Ένας σχεδιαστής στην ψηφιακή εποχή, φυσικά, δεν χρειάζεται να περιορίζεται από τα χρώματα που μπορούν να ληφθούν από χρώματα, μελάνια ή άλλες χρωστικές, αν και υπάρχουν επίσης πολλά να μάθουμε από την προσέγγιση του χρώματος στα έργα τέχνης. Το ανθρώπινο μάτι μπορεί να διακρίνει εκατομμύρια διαφορετικές αποχρώσεις, αλλά μερικές φορές ακόμη και ο συνδυασμός δύο χρωμάτων μπορεί να είναι δύσκολος.
Καταπληκτικές ιδιότητες χρώματος
Αυτό συμβαίνει γιατί η επιλογή των αποχρώσεων για το σχέδιο είναι πολύ υποκειμενική και απαιτεί ορισμένες γνώσεις. Τι πρέπει λοιπόν να κάνουν οι σχεδιαστές αν θέλουν να συνθέσουν μια όμορφη χρωματική παλέτα που μπορεί να κάνει έναν πελάτη χαρούμενο; Είτε σας αρέσει είτε όχι, οι καλύτεροι χρωματικοί συνδυασμοί ξεπερνούν τις προσωπικές προτιμήσεις, καθώς έχουν την εκπληκτική ικανότητα να επηρεάζουν τη διάθεση, το συναίσθημα και την αντίληψη, να αποκτούν πολιτισμικό και προσωπικό νόημα και να προσελκύουν την προσοχή - τόσο συνειδητά όσο και υποσυνείδητα.
Η πρόκληση για τους σχεδιαστές και τους εμπόρους είναι να εξισορροπήσουν τις πολύπλοκες λειτουργίες των αποχρώσεων για να δημιουργήσουν μια ελκυστική και εντυπωσιακή παλέτα συνδυασμών χρωμάτων. Εδώ είναι χρήσιμη μια βασική κατανόηση της θεωρίας των χρωμάτων. Μπορεί να σας βοηθήσει να κατανοήσετε ποιοι τόνοι συνεργάζονται καλά (ή όχι) και τι αποτέλεσμα θα δημιουργήσουν διαφορετικοί συνδυασμοί σε ένα δεδομένο σχέδιο.
ένα χρωματικό σχέδιο
Στο σχολείο, τα παιδιά μελετούν αυτό το θέμα στα μαθήματα τέχνης, επομένως όλοι είναι πιθανώς εξοικειωμένοι με την απογυμνωμένη μορφή του: κόκκινο, κίτρινο και μπλε βασικούς τόνους. Ο παραδοσιακός χρωματικός τροχός αποτελείται από 12 τόνους και χρησιμοποιείται συχνά από καλλιτέχνες. Αυτός είναι ένας απλός οπτικός τρόπος για να κατανοήσετε τις σχέσεις χρωμάτων.
Η κύρια εργασία που εκτελεί ο χρωματικός τροχός είναι ο συνδυασμός χρωμάτων. Η ανάμειξη της βάσης ή των βασικών αποχρώσεων (κίτρινο, μπλε και κόκκινο) σχηματίζει δευτερεύουσες αποχρώσεις: πράσινο, μωβ και πορτοκαλί. Ο συνδυασμός τους με τον κύριο τόνο σάς επιτρέπει να αποκτήσετε το τρίτο επίπεδο του κύκλου - τριτογενή χρώματα. Αυτά περιλαμβάνουν κόκκινο-πορτοκαλί, πράσινο-μπλε, μπλε-ιώδες και ιώδες-κόκκινο. Οι πρωτεύοντες και οι δευτερεύοντες τόνοι αποτελούν μέρος του ορατού φάσματος ή των χρωμάτων του ουράνιου τόξου. Είναι εύκολο να θυμάστε τη σειρά τους χρησιμοποιώντας τη μνημονική φράση «Κάθε κυνηγός θέλει να ξέρει πού κάθεται ο φασιανός»: κόκκινο, πορτοκαλί, κίτρινο, πράσινο, γαλάζιο, μπλε και μωβ.
Αυτός ο τρόπος κατανόησης του χρώματος είναι γνωστός ως το αφαιρετικό μοντέλο, το οποίο περιλαμβάνει την ανάμειξη χρωστικών ουσιών όπως τα χρώματα ή τα μελάνια, και χρησιμοποιείται τόσο στον παραδοσιακό τροχό χρωμάτων όσο και στο σύστημα CMYK που χρησιμοποιείται στον εξοπλισμό εκτύπωσης. Διαφέρει από το μοντέλο πρόσθετου, το οποίο περιλαμβάνει ανάμειξη φωτός διαφορετικών συχνοτήτων (για παράδειγμα, σε οθόνη υπολογιστή ή τηλεόρασης) που αποτελείται από ένα διαφορετικό σύνολο κόκκινου, πράσινου, μπλε (RGB).
Οι επεξεργαστές γραφικών χρησιμοποιούν διαφορετική έκδοση του χρωματικού κύκλου. Οποιαδήποτε απόχρωση μπορεί να επιλεγεί χρησιμοποιώντας τον δεκαεξαδικό κωδικό της.
Ορολογία
Πριν από τη σύνταξη παλετών, πρέπει να καταλάβετε την ορολογία που θα σας βοηθήσει να κατανοήσετε τους διαφορετικούς τύπους αποχρώσεων:
- Η απόχρωση είναι συνώνυμο του χρώματος και παραδοσιακά αναφέρεται σε ένα από τα 12 χρώματα.
- φωτεινότητα: ο βαθμός απόστασης ενός χρωματικού τόνου από το μαύρο.
- ελαφρότητα: εγγύτητα του τόνου στο λευκό.
- κορεσμός - η ένταση ή η καθαρότητα ενός χρώματος (όσο πιο κοντά μια απόχρωση πλησιάζει το γκρι, τόσο λιγότερο κορεσμένο είναι).
Οι καλύτεροι συνδυασμοί χρωμάτων
Από τον χρωματικό κύκλο, μπορούμε να αναγνωρίσουμε μια σειρά από κλασικές παλέτες που χρησιμοποιήθηκαν από καλλιτέχνες ανά τους αιώνες. Για τις περισσότερες σχεδιαστικές αποφάσεις, ένα κυρίαρχο χρώμα θα πρέπει να ξεχωρίσει από αυτά τα σχήματα - από την ποσότητα χρήσης του ή από την επιλογή του από άλλους τόνους - έναν ή περισσότερους τόνους:
1. Μονόχρωμο σχήμα: η χρήση διαφορετικής φωτεινότητας, φωτεινότητας ή κορεσμού τόνων του ίδιου χρώματος στην περιοχή από ανοιχτό έως σκούρο. Ένα παράδειγμα επιτυχημένου μονόχρωμου συνδυασμού είναι το κόκκινο με το ασπρόμαυρο. Αυτό το σχέδιο παρέχει λεπτό και συντηρητικό σχεδιασμό. Το μπλε και το λευκό είναι ένας κλασικός συνδυασμός κινέζικης πορσελάνης από τον 9ο αιώνα. και γαλλικά υφάσματα του 18ου αιώνα.
2. Παρόμοια που βρίσκονται δίπλα-δίπλα στον τροχό χρωμάτων. Είναι καθολικό και εύκολο στη χρήση κατά την ανάπτυξη έργων. Ένα παράδειγμα θα ήταν ο συνδυασμός μωβ και μπλε-βιολετί.
3. Συμπληρωματικό σχήμα: χρησιμοποιεί τόνους που βρίσκονται στα απέναντι άκρα του τροχού χρώματος. Για παράδειγμα, μπλε και πορτοκαλί, κόκκινο και πράσινο. Τα συμπληρωματικά χρώματα έχουν υψηλή ένταση και αντίθεση, αλλά είναι δύσκολο να εφαρμοστούν αρμονικά και ισορροπημένα στην καθαρή τους μορφή, καθώς μπορούν εύκολα να συγκρουστούν σε ένα σχέδιο.
4. Σχήμα διαχωρισμού-συμπληρωματικού: οποιοσδήποτε τόνος στον τροχό χρωμάτων συν δύο χρώματα που οριοθετούν το συμπλήρωμά του. Για παράδειγμα, κίτρινο με πράσινο και κόκκινο-ιώδες. Αυτό το σχήμα έχει επίσης ισχυρή οπτική αντίθεση, αν και ασθενέστερη από την προηγούμενη. Παρέχει τους καλύτερους συνδυασμούς χρωμάτων για αρχάριους σχεδιασμού, καθώς είναι δύσκολο να τα μπερδέψετε.
5. Τριαδικό σχήμα: κάθε τρεις τόνοι ομοιόμορφα κατανεμημένοι στον τροχό χρώματος. Παρέχει αρκετά φωτεινούς συνδυασμούς, ακόμα κι αν οι τόνοι είναι ανοιχτοί και αποκορεσμένοι. Για επιτυχή χρήση, είναι απαραίτητο να επιτευχθεί πλήρης ισορροπία - ένα χρώμα πρέπει να γίνει κυρίαρχο και τα άλλα δύο πρέπει να είναι τόνοι.
6. Τετράδικο, ή διπλό συμπληρωματικό: αποτελείται από δύο συμπληρωματικά ζεύγη. Αυτό το σχέδιο είναι εξαιρετικά ελκυστικό, αλλά είναι πιο δύσκολο στη χρήση από ένα ζευγάρι συμπληρωματικών χρωμάτων, καθώς περισσότεροι τόνοι είναι πιο δύσκολο να εξισορροπηθούν. Όταν χρησιμοποιείτε αυτό το σχήμα, θα πρέπει να επιλέξετε ένα χρώμα ως κυρίαρχο χρώμα και να προσαρμόσετε τον κορεσμό, τη φωτεινότητα και την ελαφρότητα της απόχρωσης ορισμένων ή όλων των τόνων, έτσι ώστε να παρέχουν τους καλύτερους χρωματικούς συνδυασμούς σε διάφορα μέρη του σχεδίου.
Εμπνευση
Εκτός από τους συνδυασμούς τροχών χρωμάτων, η φύση προσφέρει πολλές έτοιμες λύσεις για αρμονικούς χρωματικούς συνδυασμούς.
Οι επιλογές για το συνδυασμό χρωμάτων περιλαμβάνουν τη θερμοκρασία τους (ζεστό ή ψυχρό), τον κορεσμό (τα φωτεινά χρώματα συχνά φαίνονται νεανικά ενώ τα ανοιχτά φαίνονται vintage), τη διάθεση (φωτεινό και χαρούμενο, σκούρο και σοβαρό), το θέμα (τοποθεσία, εποχή, διακοπές) και άλλα ποιότητες.
Μια άλλη εξαιρετική τεχνική για την εύρεση χρώματος είναι η αναζήτηση έμπνευσης σε διαφορετικές ιστορικές περιόδους και καλλιτεχνικά κινήματα: τα ζεστά, ανοιχτά χρώματα των ιμπρεσιονιστών. φωτεινοί, απροσδόκητοι συνδυασμοί μετα-ιμπρεσιονιστών. απαλά, γήινα αρ νουβό χρώματα. φωτεινές, τολμηρές αποχρώσεις της ποπ αρτ.
Ψυχολογία του χρώματος
Το χρώμα μας περιβάλλει. Είτε το συνειδητοποιούμε είτε όχι, παίζει μεγάλο ρόλο στην καθημερινότητά μας. Έχετε δει μια πορτοκαλί ή κίτρινη πινακίδα στο δρόμο σήμερα; Τράβηξε την προσοχή για έναν λόγο. Το χρώμα έχει μια καταπληκτική σχέση με τις διαθέσεις και τα συναισθήματά μας.
Αλλά δεν βιώνουν όλοι το χρώμα με τον ίδιο τρόπο. Το νόημα και ο συμβολισμός που συνδέουμε με διαφορετικούς τόνους εξαρτάται σε μεγάλο βαθμό από την επιρροή των πολιτισμικών και κοινωνικών ομάδων στις οποίες ανήκουμε. Εδώ είναι μερικές κοινές έννοιες που σχετίζονται με τα βασικά χρώματα στη δυτική κουλτούρα.
το κόκκινο
Αυτό το χρώμα μεταφέρει πολλές διαφορετικές ιδέες ανάλογα με το πλαίσιο. Σε συνδυασμό με τη φωτιά, μπορεί να συμβολίζει τη ζεστασιά ή τον κίνδυνο. Επειδή το κόκκινο είναι το χρώμα του αίματος, θεωρείται ενεργητικός, ζωηρός τόνος και ως εκ τούτου συνδέεται με θέματα της καρδιάς και μερικές φορές με τη βία.
Εναλλακτικές έννοιες: Σε ορισμένους ανατολικούς πολιτισμούς, το κόκκινο συμβολίζει την καλή τύχη και την ευημερία και είναι το χρώμα που φορούν οι νύφες την ημέρα του γάμου τους. Σε όλο τον κόσμο, το κόκκινο συνδέεται με διάφορα πολιτικά κινήματα και συμβολίζει την επανάσταση.
Στην επωνυμία: συχνά υποδηλώνει δύναμη, αυτοπεποίθηση και δύναμη και είναι ιδιαίτερα ορατή.
Πορτοκάλι
Επίσης το χρώμα της φωτιάς, το πορτοκαλί συνδυάζει τη ζεστασιά του κόκκινου με τη χαρά του κίτρινου και συμβολίζει τη δραστηριότητα, την ενέργεια και την αισιοδοξία. Συνδέεται επίσης με τη συγκομιδή ή το φθινόπωρο.
Εναλλακτικές έννοιες: Στην Ινδία, το σαφράν, το οποίο έχει μια κιτρινωπή απόχρωση έως το πορτοκαλί, θεωρείται ιερό. Στην Ιαπωνία, το χρώμα συμβολίζει την αγάπη.
Στο branding: συχνά αντιπροσωπεύει τη νεολαία και τη δημιουργικότητα. Ο χρυσός, που είναι επίσης μια απόχρωση του πορτοκαλί ή του κίτρινου, συμβολίζει την πολυτέλεια και την υψηλή ποιότητα.
Κίτρινος
Ως χρώμα του ήλιου, συμβολίζει συχνά την ευτυχία, τη χαρά, τη φιλικότητα και τη φρεσκάδα της άνοιξης. Επιπλέον, σε ορισμένα περιβάλλοντα μπορεί να μεταδώσει ένα προειδοποιητικό σήμα ή να προειδοποιήσει για προσοχή. Ορισμένες παραλλαγές (ειδικά οι αποκορεσμένες και οι πρασινωπές) φαίνονται άρρωστες ή δυσάρεστες, κάτι που δεν προκαλεί έκπληξη, καθώς ιστορικά το κίτρινο συνδέεται μερικές φορές με ασθένειες και καραντίνα.
Εναλλακτικές έννοιες: Σε ορισμένους ανατολικούς και ασιατικούς πολιτισμούς, το κίτρινο συνδέεται με υψηλή γέννηση ή κατάσταση. Σε ορισμένα μέρη της Αφρικής και της Λατινικής Αμερικής, αυτός ο τόνος είναι το παραδοσιακό χρώμα του πένθους.
Στην επωνυμία: Ένας καθαρός ή λαμπερός κίτρινος τόνος προσελκύει την προσοχή, αλλά μπορεί να είναι ανησυχητικός ή ακόμα και δύσκολος ο ορατός (όπως λευκό κείμενο σε έντονο κίτρινο φόντο ή το αντίστροφο) εάν χρησιμοποιείται απρόσεκτα.
Πράσινος
Είναι το χρώμα της φύσης, της βλάστησης και της ανάπτυξης. Συχνά συμβολίζει την υγεία, τη φρεσκάδα ή τις φυσικές ιδιότητες. Το σκούρο πράσινο μπορεί να αντιπροσωπεύει πλούτο και σταθερότητα.
Εναλλακτικές έννοιες: Μεταξύ των ισλαμικών πολιτισμών, το πράσινο είναι ένα ιερό χρώμα. Συνδέεται επίσης με την Ιρλανδία, την Ημέρα του Αγίου Πατρικίου και το τυχερό τετράφυλλο τριφύλλι.
Στην επωνυμία: Οι μάρκες ή τα προϊόντα που διατίθενται στο εμπόριο ως «πράσινα» (φυσικά, υγιεινά, φιλικά προς το περιβάλλον, βιολογικά, κ.λπ.) χρησιμοποιούν συχνά φυσικά χρώματα όπως το πράσινο και το καφέ.
Μπλε
Το χρώμα της θάλασσας και του ουρανού, συμβολίζει συχνά την ειρήνη και την αγνότητα. Σε αντίθεση με τους πιο ενεργητικούς και ζεστούς τόνους, το μπλε εκλαμβάνεται ως ηρεμιστικό. Σε ορισμένες περιπτώσεις μπορεί να αντιπροσωπεύει θλίψη ή κατάθλιψη.
Εναλλακτικές έννοιες: Στους πολιτισμούς της Μέσης Ανατολής, το μπλε παραδοσιακά προστατεύει από το κακό. Λόγω της σχέσης του με τον ουρανό, σε πολλούς πολιτισμούς το χρώμα συμβολίζει την αθανασία και την πνευματικότητα.
Στο branding: Το μπλε χρησιμοποιείται ευρέως και είναι ένα από τα πιο ευέλικτα χρώματα. Συνήθως συμβολίζει την αξιοπιστία, την ασφάλεια και τη σταθερότητα. Ο τόνος είναι ιδιαίτερα δημοφιλής σε εταιρικά πλαίσια, καθώς θεωρείται ότι έχει σοβαρές, συντηρητικές και επαγγελματικές ιδιότητες.
Βιολέτα
Παραδοσιακά συνδέεται με την αρχοντιά, το μεγαλείο ή την τιμή. Έτσι, έχει πνευματική, μυστικιστική ή θρησκευτική χροιά.
Εναλλακτικές έννοιες: Σε πολλούς πολιτισμούς σε όλο τον κόσμο, ο συνδυασμός του μωβ συμβολίζει την αρχοντιά ή τον πλούτο, ωστόσο στην Ταϊλάνδη και σε μέρη της Νότιας Αμερικής συνδέεται με το πένθος.
Στο branding: οι σκούρες αποχρώσεις του μωβ είναι συχνά σύμβολο πολυτέλειας, ενώ οι πιο ανοιχτές και φωτεινότερες αποχρώσεις είναι δημοφιλείς στις γυναίκες και τα παιδιά.
Μαύρος
Όπως το κόκκινο, αυτό το χρώμα έχει πολλές (μερικές φορές αντικρουόμενες) έννοιες. Μπορεί να αντιπροσωπεύει τη δύναμη, την πολυτέλεια, την πολυπλοκότητα και την αποκλειστικότητα. Από την άλλη, το μαύρο συμβολίζει τον θάνατο, το κακό ή το μυστήριο. Στα ρούχα, είναι σύμβολο επισημότητας ή πένθους και θλίψης (όπως παραδοσιακά το πένθος φοριέται στις κηδείες).
Εναλλακτικές έννοιες: Σε ορισμένες χώρες της Ασίας και της Λατινικής Αμερικής, το μαύρο θεωρείται ανδρικό χρώμα. Στην Αίγυπτο σημαίνει αναγέννηση. Σε πολλούς πολιτισμούς, το χρώμα συνδέεται με τη μαγεία, τη δεισιδαιμονία ή την κακή τύχη, καθώς και με το ανεξήγητο ή άγνωστο.
Στο branding: Το μαύρο χρησιμοποιείται τόσο ευρέως που έχει σχεδόν γίνει ουδέτερο, αν και μπορεί να συμβολίζει τα παραπάνω ανάλογα με το πλαίσιο. Πολλά σχέδια είναι απλά ασπρόμαυρα (είτε σκόπιμα είτε απλά για εξοικονόμηση στην έγχρωμη εκτύπωση).
άσπρο
Ως το χρώμα του φωτός και του χιονιού, το λευκό συχνά συμβολίζει την αγνότητα, την αθωότητα, την καλοσύνη ή την τελειότητα (που παραδοσιακά φοριούνται από τις νύφες), αλλά επίσης σημαίνει αυστηρότητα ή στειρότητα.
Εναλλακτικές έννοιες: Στην Κίνα, το λευκό είναι το χρώμα του πένθους. Σε πολλούς πολιτισμούς σημαίνει ειρήνη - η λευκή σημαία είναι ένα παγκόσμιο σύμβολο της εκεχειρίας ή της παράδοσης.
Στο branding: το λευκό συχνά επικοινωνεί με την απλότητα, την αγνότητα ή τον νεωτερισμό. Οι σχεδιαστές που αναζητούν μια μινιμαλιστική αισθητική χρησιμοποιούν συχνά πολύ λευκό.
Χρώμα στο σχέδιο
Η επιλογή ενός συνδυασμού χρωμάτων είναι κάτι περισσότερο από την επιλογή δύο ή τριών αποχρώσεων και τη διανομή τους σε ίσες αναλογίες σε όλο το σχέδιο. Η αποτελεσματική χρήση τους έχει να κάνει πολύ με την ισορροπία και όσο περισσότερους τόνους χρησιμοποιείτε, τόσο πιο δύσκολο είναι να το πετύχετε.
Ο ευκολότερος τρόπος για να εφαρμόσετε αυτήν την ιδέα είναι να διαιρέσετε τα επιλεγμένα χρώματα σε κυρίαρχα και χρώματα έμφασης. Ο κυρίαρχος τόνος θα είναι ο πιο ορατός και χρησιμοποιημένος τόνος στο σχέδιο, ενώ ένας ή περισσότεροι τόνοι θα τον συμπληρώσουν και θα τον εξισορροπήσουν. Δίνοντας προσοχή στην αλληλεπίδραση των χρωμάτων - παρουσία ή απουσία αντίθεσης, πώς φαίνονται οι γειτονικοί τόνοι, τι διάθεση δημιουργεί ο συνδυασμός χρωμάτων και αποχρώσεων κ.λπ. - θα σας βοηθήσει να επιλέξετε με ακρίβεια την ιδανική παλέτα για σχεδιαστικούς σκοπούς.
Ο γενικά αποδεκτός κανόνας για τη χρήση μιας βασικής παλέτας τριών χρωμάτων είναι ο κανόνας 60-30-10. Αυτή η προσέγγιση χρησιμοποιείται συχνά στην εσωτερική διακόσμηση, αλλά μπορεί επίσης να χρησιμοποιηθεί αποτελεσματικά για σχεδιασμό ιστού ή εκτύπωσης. Αρκεί να αφιερώσετε το 60% στο κυρίαρχο χρώμα και να δώσετε το υπόλοιπο 30% και 10% στους δύο τόνους. Ένα καλό παράδειγμα για να εξηγήσουμε αυτόν τον κανόνα είναι ένα ανδρικό κοστούμι: το σακάκι και το παντελόνι αντιπροσωπεύουν το 60% του χρώματος του ενδύματος, το πουκάμισο παίρνει το 30% και η γραβάτα το υπόλοιπο 10%. Όλα μαζί παρέχουν μια ισορροπημένη, κομψή εμφάνιση.
Ένας άλλος τρόπος για να διατηρήσετε την παλέτα σας απλή και ισορροπημένη είναι να χρησιμοποιήσετε φωτεινότητα και φωτεινότητα (ή πιο ανοιχτόχρωμες και πιο σκούρες εκδοχές της απόχρωσης που έχετε επιλέξει). Με αυτόν τον τρόπο μπορείτε να επεκτείνετε την επιλογή χρώματος χωρίς να επιβαρύνετε το σχέδιο.
και το branding
Η αναγνώριση της μάρκας εξαρτάται σε μεγάλο βαθμό από το χρώμα. Απλώς σκεφτείτε την Coca-Cola, το Facebook ή τα Starbucks και είναι εύκολο να θυμάστε τους τόνους με τους οποίους συνδέονται αυτές οι μάρκες.
Μια μελέτη που διεξήχθη στο Πανεπιστήμιο του Winnipeg διαπίστωσε ότι οι αρχικές κρίσεις των ανθρώπων για τα προϊόντα βασίζονται σε μεγάλο βαθμό στο χρώμα (60-90% της αξιολόγησης). Αυτό σημαίνει ότι ο τόνος στο σχεδιασμό δεν είναι απλώς μια καλλιτεχνική επιλογή, αλλά και μια κρίσιμη επιχειρηματική απόφαση που επηρεάζει τα πάντα, από το πώς αντιλαμβάνονται οι καταναλωτές μια επωνυμία μέχρι τον τρόπο πώλησης των προϊόντων.
Ωστόσο, όταν επιλέγετε ένα συνδυασμό χρωμάτων για ένα λογότυπο, δεν είναι απαραίτητο να τηρείτε τις παραδόσεις, τους συμβολισμούς ή τα στερεότυπα. Δεν υπάρχουν αδιάκριτοι ή γρήγοροι κανόνες εδώ. Αυτό που είναι πιο σημαντικό είναι πώς χρησιμοποιείται ο τόνος στη σχεδίαση και εναρμονίζεται με το πλαίσιο και τον χαρακτήρα της μάρκας στην αγορά.
RGB εναντίον CMYK
Όταν εργάζεστε σε ένα έντυπο έργο, η οθόνη του υπολογιστή σας δεν μπορεί να εμφανίσει τα χρώματα όπως θα εμφανίζονται στο χαρτί. Αυτό που βλέπετε δεν είναι αυτό που λαμβάνετε επειδή οι ψηφιακές οθόνες και οι εκτυπωτές χρησιμοποιούν δύο διαφορετικά συστήματα: RGB και CMYK. Το πρώτο αναφέρεται στα μικρά σημεία κόκκινου, πράσινου και μπλε φωτός που συνδυάζονται για να σχηματίσουν ορατά χρώματα στην οθόνη. το δεύτερο σημαίνει κυανό, ματζέντα, κίτρινο και μαύρο τόνους για τη δημιουργία έγχρωμων εκτυπώσεων. Επειδή το RGB χρησιμοποιεί ευρύτερο φάσμα από το CMYK, ορισμένοι σχεδιαστές αρχικά δημιουργούν ένα σχέδιο εκτύπωσης σε RGB για να διατηρήσουν περισσότερες επιλογές χρώματος και να μετατρέψουν το τελικό σχέδιο σε CMYK πριν από την εκτύπωση.
Για αυτόν τον λόγο, χρειάζονται ένα εργαλείο που να παρέχει συνέπεια χρώματος και στα δύο συστήματα - για παράδειγμα, όταν σχεδιάζουν ένα λογότυπο για έναν ιστότοπο και το εκτυπώνουν σε μια επαγγελματική κάρτα. Ένα τέτοιο σύστημα είναι το Pantone Matching System (PMS). Εδώ, οι τόνοι μπορούν να αντιστοιχιστούν στον ιστό και την εκτύπωση (και σε διαφορετικούς τύπους τυπωμένων επιφανειών) για να διασφαλιστεί μια συνεπής εμφάνιση.
Χρώμα: κατανοήστε, εξερευνήστε και αγαπήστε το!
Οι σχεδιαστές ειδικεύονται στη μελέτη της θεωρίας των χρωμάτων, της ψυχολογίας ή της νευροεπιστήμης - πολύπλοκα θέματα που βρίσκονται στη διασταύρωση της τέχνης και της επιστήμης. Αλλά αυτό είναι μέρος του τι κάνει αυτό το επάγγελμα τόσο ενδιαφέρον και ένα τόσο αποτελεσματικό εργαλείο στην αγορά. Αν και αυτός ο οδηγός περιγράφει μόνο τα βασικά, ελπίζουμε ότι θα σας βοηθήσει να κάνετε πιο ενημερωμένες και πιο αποτελεσματικές επιλογές χρωμάτων για προσωπικά ή επαγγελματικά έργα.
Τα χρώματα παίζουν τεράστιο ρόλο στο σχεδιασμό ιστοσελίδων. Για να επιλέξετε σωστά έναν συνδυασμό χρωμάτων για έναν ιστότοπο, υπάρχουν ειδικές υπηρεσίες. Είμαι βέβαιος ότι κάθε σχεδιαστής ιστοσελίδων έχει τουλάχιστον ένα από αυτά στους σελιδοδείκτες του.
Μερικές φορές κάθεσαι και σκέφτεσαι ποια απόχρωση του μπλε να επιλέξεις ως κύρια για το site, λίγο πιο ανοιχτό ή λίγο πιο φωτεινό, ή ίσως πιο σκούρο... Και πρέπει ακόμα να επιλέξεις επιπλέον για αυτό. Μπορείτε, φυσικά, να το κάνετε με το μάτι, αλλά είναι καλύτερο να χρησιμοποιήσετε μία από τις ειδικές υπηρεσίες.
Δεν θα μιλήσω για τη θεωρία χρωμάτων (αυτές είναι πάρα πολλές πληροφορίες), αλλά απλώς θα δημοσιεύσω εδώ τις υπηρεσίες που έχω στους σελιδοδείκτες μου και τις οποίες χρησιμοποιώ.
Είμαι πολλά χρόνια φίλος με αυτό το όργανο. Το πιο βολικό εργαλείο για την επιλογή χρωμάτων (κατά τη γνώμη μου). Έχει πολλά πρόσθετα χαρακτηριστικά. Για παράδειγμα, μπορείτε να δείτε ένα παράδειγμα ανοιχτής και σκοτεινής σελίδας με επιλεγμένα χρώματα.
Είναι δυνατό να αξιολογήσετε πώς τα άτομα με αχρωματοψία και άλλα προβλήματα όρασης θα δουν το χρωματικό σας σχέδιο. Μπορείτε να επιλέξετε ασφαλή χρώματα στο διαδίκτυο.
Το Adobe Kuler είναι το δεύτερο διαδικτυακό εργαλείο που χρησιμοποιώ αρκετά συχνά. Η επιλογή των χρωμάτων είναι σχεδόν η ίδια με την προηγούμενη τοποθεσία, αλλά δεν είναι αυτός ο λόγος που μου αρέσει. Εκτός από τη δημιουργία συνδυασμών χρωμάτων μόνοι σας, μπορείτε να δείτε και να χρησιμοποιήσετε σχέδια που έχουν δημιουργήσει άλλα άτομα.
Για να το κάνετε αυτό, κάντε κλικ στο κουμπί στο επάνω αριστερό μενού "Παρακολούθηση". Και μια γκαλερί με κάθε είδους χρωματικούς συνδυασμούς θα ανοίξει μπροστά σας.
Αυτό το εργαλείο είναι λίγο παρόμοιο με το Colorscheme, αλλά έχει λιγότερες λειτουργίες, αλλά μπορείτε να δείτε πώς θα μοιάζουν τα μπλοκ χρώματος.
Δεν χρησιμοποιώ σχεδόν καθόλου αυτόν τον ιστότοπο, αλλά επειδή τον έχω στους σελιδοδείκτες μου, αποφάσισα να τον προσθέσω κι εγώ.
Οι παρακάτω δύο ιστότοποι δημιουργούν μια παλέτα από την εικόνα που επιλέγετε. Είναι μαγικό :)
Επιλέγετε οποιαδήποτε εικόνα της οποίας τα χρώματα σας αρέσουν, η υπηρεσία την αναλύει και σας δίνει μια χρωματική παλέτα. Η μόνη διαφορά μεταξύ αυτών των δύο τοποθεσιών είναι ο τρόπος με τον οποίο παρέχουν την εικόνα.
Αυτός ο ιστότοπος χρειάζεται Κατεβάστεεικόνα από τον υπολογιστή σας.
Ένα πολύ βολικό εργαλείο για την επιλογή χρώματος. Βασίζεται στην αρχή "Μου αρέσει - Δεν μου αρέσει".
Όπως υποδηλώνει το όνομα, εδώ μπορείτε να επιλέξετε χρώματα για το μοντέρνο πλέον επίπεδο σχέδιο. Η τοποθεσία είναι ενδιαφέρουσα γιατί μόλις επιλέξετε μια παλέτα, μπορείτε να την κατεβάσετε για Corel και Photoshop.
Μια άλλη τάση της μόδας είναι ο σχεδιασμός υλικών. Αυτός ο ιστότοπος σάς βοηθά να επιλέξετε συνδυασμούς χρωμάτων για το UI (διεπαφή χρήστη). Επιπλέον, ο ιστότοπος διαθέτει ένα μεγάλο σύνολο εικονιδίων.
Το χρώμα είναι ένα από τα πιο σημαντικά στοιχεία στη δουλειά ενός σχεδιαστή. Ωστόσο, ως έννοια, μπορεί να είναι αρκετά δύσκολο να κατακτήσετε: λόγω των πολλών συνδυασμών παλετών, είναι συχνά δύσκολο να αποφασίσετε πώς να σχεδιάσετε καλύτερα τη διεπαφή ιστοσελίδων και εφαρμογών. Έχουμε δημοσιεύσει στο παρελθόν κριτικές για εργαλεία επιλογής και . Και σήμερα θέλουμε να επεκτείνουμε το θέμα δημοσιεύοντας μια μετάφραση του άρθρου Essential Color Tools for UX Designers του Nick Babich στο ιστολόγιο.
Η σημείωση περιέχει μια λίστα με τις καλύτερες υπηρεσίες επιλογής χρωμάτων για ιστότοπους και σχεδιασμό UX που θα σας βοηθήσουν να εξοικονομήσετε πολύ χρόνο. Μέσα από αυτά τα έργα θα μάθετε:
- από πού να αντλήσετε έμπνευση.
- πώς να δημιουργήσετε τη δική σας παλέτα.
- πώς να κάνετε το σχέδιο προσιτό σε άτομα με προβλήματα όρασης χρώματος.
1. Ψάχνετε για έμπνευση
Χρώματα της φύσης
Σχεδιάστε από τον κόσμο γύρω σας. Το μόνο που χρειάζεται να κάνετε είναι απλώς να κοιτάξετε γύρω σας. Μοντέρνα ρούχα, εξώφυλλα βιβλίων, εσωτερική διακόσμηση... υπάρχουν τόσα καταπληκτικά πράγματα γύρω σου. Αλλά οι καλύτεροι χρωματικοί συνδυασμοί είναι τα χρώματα της φύσης. Καταγράψτε μια όμορφη στιγμή και δοκιμάστε να δημιουργήσετε τη δική σας επιλογή με βάση μια συγκεκριμένη εικόνα.
Οι καλύτεροι χρωματικοί συνδυασμοί βρίσκονται στη φύση. Μπορείτε να πάρετε έναν συνδυασμό χρωμάτων από οποιαδήποτε φωτογραφία
Συμπεριφορά
Σε αυτή τη δημοφιλή υπηρεσία θα βρείτε ενδιαφέροντα έργα που περιλαμβάνονται στα καλύτερα διαδικτυακά χαρτοφυλάκια πραγματικών επαγγελματιών στον τομέα τους. Αυτός ο ιστότοπος είναι επίσης μια μεγάλη πηγή έμπνευσης. Για να δείτε νέα αξιόλογα παραδείγματα έργων, απλώς επιλέξτε το χρώμα που θέλετε.
Χρώματα Ντρίμπλας
Το Dribbble είναι ένα από τα καλύτερα που θα σας φανούν χρήσιμα κατά τη δημιουργία μιας διεπαφής χρήστη. Εάν θέλετε να καταλάβετε οπτικά πώς έχουν χρησιμοποιήσει οι άλλοι ένα συγκεκριμένο χρώμα, μεταβείτε στη διεύθυνση dribbble.com/colors και εισαγάγετε την τιμή που θέλετε.
Όταν επιλέγετε ένα χρώμα για έναν ιστότοπο, εδώ μπορείτε να ορίσετε το ελάχιστο ποσοστό του - πείραμα, για παράδειγμα, δοκιμάστε να ορίσετε το 30% μπλε.
Δοκιμάστε να ορίσετε ένα ελάχιστο ποσοστό συγκεκριμένου χρώματος στο Dribbble
Σχεδιαστική έμπνευση
Το Designspiration είναι ένα χρήσιμο εργαλείο κυρίως για όσους έχουν ήδη ιδέες για συνδυασμούς χρωμάτων και θέλουν να δουν παραδείγματα τέτοιων συνδυασμών. Επιλέξτε από 1 έως 5 επιλογές και θα βρείτε εικόνες που ταιριάζουν με τις καθορισμένες παραμέτρους.
Στο Designspiration θα βρείτε διαφορετικά παραδείγματα συνδυασμών χρωμάτων
Tineye Multicolr
Χρησιμοποιώντας την υπηρεσία αντιστοίχισης χρώματος Tineye Multicolr, μπορείτε να προσδιορίσετε το επιθυμητό γάμμα της εικόνας και ακόμη και να ορίσετε το ποσοστό καθενός από αυτά (αναλογία). Ο ιστότοπος είναι ενσωματωμένος με μια βάση δεδομένων με 20 εκατομμύρια φωτογραφίες Creative Commons από το Flickr. Αυτός είναι σίγουρα ένας από τους πιο γρήγορους τρόπους για να βρείτε την τέλεια παλέτα.
Colorzilla
Το ColorZilla είναι μια επέκταση για εγκατάσταση σε προγράμματα περιήγησης Chrome και Mozilla Firefox. Περιλαμβάνει εργαλεία όπως το σταγονόμετρο, την περιήγηση παλέτας, τη δημιουργία και άλλα.
Η επέκταση ColorZilla είναι διαθέσιμη σε Chrome και Firefox
Shutterstock Spectrum
Ένας από τους καλύτερους τρόπους για να φανταστείτε πώς θα μοιάζει ένας συνδυασμός χρωμάτων είναι να κοιτάξετε τις αντίστοιχες εικόνες. Οι περισσότερες λύσεις που προσφέρουν επιλογές χρωμάτων για σχέδια ιστοτόπων περιλαμβάνουν αυτήν τη δυνατότητα, αλλά το Shutterstock Spectrum έχει μια απίστευτα φιλική προς το χρήστη διεπαφή και προεπισκόπηση που μπορεί πραγματικά να είναι χρήσιμη.
Επιπλέον, δεν θα χρειαστείτε συνδρομή, καθώς μια προκαταρκτική αξιολόγηση της εικόνας θα είναι αρκετά αρκετή (παρόλο που έχει ένα "υδατογράφημα").
W3Schools
Πρόσφατα το ιστολόγιο εξέτασε μια επιλογή από το W3Schools. Υπάρχουν πολλές πληροφορίες που συλλέγονται εκεί για το θέμα, ξεκινώντας από τα ονόματά τους/κώδικες αποχρώσεων, τη θεωρία του συνδυασμού παλετών και τελειώνοντας με μια περιγραφή διαφορετικών μορφών: HEX, RGB, CMYK, HWB κ.λπ. Θα βρείτε επίσης απλά γεννήτριες, μετατροπείς και παρόμοιες «μίνι-υπηρεσίες». Συνολικά, ενδιαφέρον για παρακολούθηση.
2. Δημιουργήστε μια χρωματική παλέτα
Εργαλείο χρώματος σχεδιασμού υλικού
Το Material Design Color Tool σάς επιτρέπει να δημιουργείτε, να μοιράζεστε συνδυασμούς χρωμάτων και να προβάλλετε μια πρόχειρη διεπαφή χρήστη για τις επιλογές σας. Μία από τις χρήσιμες λειτουργίες του είναι η μέτρηση του επιπέδου προσβασιμότητας οποιουδήποτε συνδυασμού χρωμάτων.
Χρώματα
Το Coolors είναι ένας ιστότοπος για τη δημιουργία μιας παλέτας πολλών χρωμάτων. Απλώς καρφιτσώστε ένα συγκεκριμένο χρώμα και πατήστε το πλήκτρο διαστήματος. Το εργαλείο είναι επίσης καλό γιατί θα λάβετε περισσότερα από ένα αποτελέσματα, αλλά μπορείτε να δημιουργήσετε πολλές επιλογές αλλάζοντας μόνο τα αρχικά δεδομένα.
Χρωματικός συνδυασμός στα Coolors με βάση τη φωτογραφία
Adobe Color CC
Η υπηρεσία αντιστοίχισης χρωμάτων Adobe Color CC (πρώην Kuler) είναι πλέον αρκετά δημοφιλής. Διατίθεται ελεύθερα στο Διαδίκτυο, αλλά υπάρχει και έκδοση desector. Με αυτήν την εφαρμογή web θα φτιάξετε τη δική σας παλέτα χρησιμοποιώντας τον τροχό χρωμάτων:
Ή μπορείτε να πάρετε ένα συγκεκριμένο αποτέλεσμα από την τελική εικόνα:
Επιλογή χρωμάτων για έναν ιστότοπο με βάση μια εικόνα
Υπάρχουν εκατοντάδες έτοιμοι συνδυασμοί εδώ, αναζητήστε τους στην ενότητα "Ρολόι":
Εάν χρησιμοποιείτε την έκδοση για επιτραπέζιους υπολογιστές, μπορείτε να εξαγάγετε το σύστημα χρωμάτων που δημιουργήσατε σε InDesign, Photoshop και Illustrator με ένα κλικ.
Paletton
Συχνά συγκρίνεται με το προηγούμενο Adobe Color CC καθώς τα σχέδια είναι πολύ παρόμοια. Η μόνη διαφορά είναι ότι στο Paletton δεν περιορίζεστε σε πέντε παραμέτρους, αλλά μπορείτε να πειραματιστείτε με πρόσθετους ήχους διεπαφής.
Επιπλέον, μπορείτε να δείτε. Μαζί με άλλους, η εφαρμογή σάς επιτρέπει να εργάζεστε οπουδήποτε, χρησιμοποιώντας απλά το smartphone σας. Εκτός από τις άμεσες εργασίες δημιουργίας/εξαγωγής παλετών χρωμάτων, εδώ μπορείτε να επιλέξετε συγκεκριμένα χρώματα από εικόνες ή να χρησιμοποιήσετε βασικές επιλογές.
3. Κάνοντας την παλέτα προσβάσιμη
Στις μέρες μας, οι διαταραχές της έγχρωμης όρασης είναι πολύ πιο συχνές από ό,τι φανταζόμαστε. Περίπου 285 εκατομμύρια άνθρωποι στον κόσμο αντιμετωπίζουν προβλήματα όρασης. Θα πρέπει πάντα να ελέγχετε εάν αυτό που επιλέγετε είναι διαθέσιμο σε τέτοιους χρήστες.
Έλεγχος χρωματικής αντίθεσης WebAIM
Μερικοί τόνοι πάνε καλά μεταξύ τους, ενώ άλλοι είναι ακριβώς το αντίθετο. Ένας τεράστιος αριθμός έργων αποτυγχάνει στο τεστ A/A, και αυτό είναι γεγονός. Είναι πολύ σημαντικό να ελέγξετε την οπτική σχεδίαση της διεπαφής και την αντίθεση των τόνων, ειδικά εάν υπάρχει πολύ κείμενο στη σελίδα. Για αυτούς τους σκοπούς, χρησιμοποιήστε το όταν επιλέγετε χρώματα ιστότοπου.
Το WebAIM Color Contrast Checker είναι ένα διαδικτυακό εργαλείο που ελέγχει τους χρωματικούς κώδικες σε δεκαεξαδικές τιμές.
Χρώματα
Έχουμε ήδη αναφέρει αυτήν την υπηρεσία παραπάνω. Μεταξύ άλλων, το Coolors θα σας βοηθήσει επίσης να ελέγξετε την παλέτα που επινοήσατε για αχρωματοψία.
Τύπος αχρωματοψίας στο διάγραμμα
Αντί για Κανονική λειτουργία, επιλέξτε τον τύπο του προβλήματος όρασης που θέλετε να προσομοιώσετε. Ως αποτέλεσμα, θα καταλάβετε ακριβώς πώς θα δει το σχέδιό σας ένα άτομο που δεν μπορεί να διακρίνει ορισμένα χρώματα.
Έτσι βλέπει μια παλέτα ένα άτομο με πρωτονομία
NoCoffee Vision Simulator για Chrome
Χρησιμοποιώντας τον ιστότοπο NoCoffee Vision Simulator, μπορείτε να δείτε πώς τα άτομα με αχρωματοψία ή χαμηλή όραση θα αντιλαμβάνονται ορισμένες ιστοσελίδες. Για παράδειγμα, εάν καθορίσετε την παράμετρο "Achromatopsia" στην ενότητα "Color Deficiency", θα δείτε την ιστοσελίδα με γκρι χρώμα.
Έτσι μοιάζει ένα έργο του CNN για ένα άτομο με δευτερανωπία.
συμπέρασμα
Όλες οι υπηρεσίες αντιστοίχισης χρωμάτων και σχεδιασμού UX που αναφέρονται στο άρθρο σίγουρα θα σας βοηθήσουν στην αναζήτησή σας για μια ενδιαφέρουσα και αποτελεσματική παλέτα. Αλλά να θυμάστε: ο καλύτερος τρόπος για να μάθετε πώς να δημιουργείτε εκπληκτικές παλέτες είναι να εξασκηθείτε και να πειραματιστείτε πολύ.