Με @ jonathanzwhite

Σχεδιασμός σε χρώμα

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

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

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

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

Επιλέγοντας μια παλέτα χρωμάτων

Αρκετά μύγα για μια παλέτα χρωμάτων

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

Προσδιορίστε τον σκοπό

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

Ρωτήστε τον εαυτό σας τις ακόλουθες ερωτήσεις:

  • Ποιο είναι το μήνυμα που θέλετε να μεταφέρετε με το σχέδιό σας;
  • Ποιος είναι ο σκοπός του σχεδιασμού σας; Για να είναι ενημερωτικό; Να πείσει?
  • Τι συναισθήματα θέλετε να σας προκαλεί το σχέδιο;

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

Προσδιορίστε το κοινό σας

Ποιο είναι το κοινό σας και πώς επηρεάζει αυτό το σχέδιό σας;

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

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

Κινέζικο κόκκινο φάκελο

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

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

Αναθεώρηση της θεωρίας χρώματος

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

Ένα καλό αστάρι είναι η Θεωρία Χρωμάτων από τη Σχολή Σχεδιασμού και η Θεωρία Χρωμάτων 101 από το Hubspot. Μπορείτε να διαβάσετε σχετικά με μια ενδιαφέρουσα εφαρμογή της θεωρίας χρώματος στο γιατί είναι μπλε το Facebook; Η επιστήμη πίσω από τα χρώματα στο μάρκετινγκ.

Βρείτε έμπνευση

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

Ο συνηθισμένος ύποπτος για έμπνευση παλέτας χρωμάτων είναι τοποθεσίες όπως το Dribbble και το Behance. Αν θέλετε να βρείτε έγχρωμη έμπνευση για ένα συγκεκριμένο στυλ σχεδίου όπως το σχεδιασμό υλικού, μπορείτε να χρησιμοποιήσετε μια τοποθεσία όπως το MaterialUI. Το ισοδύναμο επίπεδου σχεδίου μπορεί να βρεθεί στο FlatUIColors.

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

Οι σχεδιαστές εσωτερικών χώρων χρησιμοποιούν χρώμα για να φέρουν ζωντανά τους χώρους

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

Ο σχεδιασμός του σετ είναι μια μεγάλη πηγή έμπνευσης

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

Έγχρωμη έμπνευση είναι παντού, συμπεριλαμβανομένης της καθημερινής σας ζωής

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

Δημιουργία συστήματος σχεδιασμού

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

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

Το σύστημα σχεδιασμού του MashCreative

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

Όταν επιλέγετε μια παλέτα χρωμάτων για το σχέδιό σας, είναι καλύτερο να τηρείτε την αρχή KISS (Κρατήστε την απλή, ηλίθια). Όσο λιγότερα είναι τα χρώματα, τόσο το καλύτερο. Για τα περισσότερα συστήματα σχεδιασμού, η ακόλουθη δομή είναι μια καλή αρχή:

  • Ιστορικό
  • Πρωτεύουσα προφορά
  • Δευτερεύουσα έμφαση
  • Σφάλμα χρώματος
  • Χρώμα επιτυχίας

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

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

Δημιουργία καταστάσεων

Επιλέξτε μια παλέτα χρωμάτων

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

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

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

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

  • Ποια χρώματα είναι προσβάσιμα;
  • Ποια χρώματα έχουν οπτικό αντίκτυπο και τραβούν το μάτι σας;
  • Χρειάζεστε ένα ελαφρύ ή σκούρο χρώμα; Τι ώρα της ημέρας θα χρησιμοποιήσουν οι χρήστες το προϊόν σας;
  • Ποια διάθεση θέλετε να μεταφέρει το σχέδιό σας; Μήπως κάποια παλέτα χρωμάτων έχετε κάνει καλύτερα από τους άλλους;

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

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

Για παράδειγμα, εδώ είναι η χρωματική παλέτα της Invision.

Μια γεωμετρική αναπαράσταση μπορεί να φανεί κάτι τέτοιο.

Εφαρμόζοντας παλέτες χρωμάτων

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

Τα χρώματα της επωνυμίας της Airbnb

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

Το Kazan, το τυρκουάζ χρώμα, χρησιμοποιείται για να πιάσει και να εμπλακεί στο μάτι σας. Παρατηρήστε πώς συμπληρώνει το πρωτεύον χρώμα.

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

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

Ξεκινήστε χωρίς χρώμα και προσθέστε αργά από εκεί

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

Τύλιξε

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

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

Θα ήθελα πολύ να μάθω πώς εργάζεστε με το χρώμα. Ποια είναι η διαδικασία σας; Μη διστάσετε να αφήσετε μια σημείωση ή ένα Tweet σε με.

P.S. Εάν σας άρεσε αυτό το άρθρο, θα σήμαινε πολλά αν χτυπήσετε το κουμπί συνιστώμενου ή μοιραστείτε με φίλους.