Color – the powerful tool in the designer’s hands. It attracts your look, causes emotion and gives information. To give a general idea to you how color in widely quoted research, “The Impact of Color on Marketing” is important, researchers found out what for some products, 90% of quick decisions for the score of a product, people do based on color. Therefore effective use of color is extremely important for design. But inventing of different color combinations is also difficult. Every color has an own value, and there is the infinite number of shades.
This article is written to serve as the guide who will help you to select color palettes for the projects. Having a little practised you learn to select a color palette at the intuitive level as the real PRO!
Balance of a color palette
Sometimes the color palette is a result of sudden inspiration, but for frequent, it is a derivative of systematic approach.
Determination of the purpose design of the project
Before beginning the project it is worth defining the purpose of your design what emotions it shall cause in people around. Good design shall balance the colors combined in it, for the correct submission of its purpose.
Wonder the following questions:
- What message you want to transmit through your design?
- What purpose of your design? To be the informative? Pushing to action?
- What emotions you want that your design caused about users?
The purpose of your design shall define a color palette of the project.
Define the audience
Who your audience and how it affects your design?
People perceive colors differently. Color this psychological a phenomenon which arises in the course of observation. Colors have different effects on people on the basis of their personal preference, cultural education and life experience. In fact, to understand how people will react to your design, you shall define the audience.
While some color values are universal for a certain audience, others such aren’t. Green universally is suitable for the nature as it is color of vegetation. However color such as red it is interpreted in a different way through cultures. In the Western world, red it is connected to fire, violence and war. It is also connected to love and passion. However the countries such as China connect red to prosperity and happiness.
Search of inspiration for the designer…
It is sometimes difficult to visualize the correct color palette for your design. It is normal, even great artists steal the ideas. Or better to say that they take inspiration from other artists, so to speak are INSPIRED by OTHERS CREATIVITY.
Dribbble and Behance – two excellent places for search of inspiration. If you want to find inspiration for a certain style of design as Material Design, you can use the website with guides from Google Material UI. The equivalent of Flat Design can be found in FlatUIColors. If you find projects from your subject, then you will be able precisely to mark for themselves some interesting receptions, forms, and, above all a combination of flowers.
Designers use color to manipulate with perception of space and objects…
If you want something interesting, then you look for inspiration in design of other cultures. For example, the Korean musical videos clips are known for their colourful and effective color palettes. Each structure can be an inspiration source. It isn’t mandatory to you to go to Korea to find the inspiration. It everywhere, including your everyday life. Next time going outside, stop and look around, it is sure you can make out earlier not noticeable details of the world around. When you find something that inspires you, create a color palette for it. You can use the pipette tool in the favourite program for design to use a color palette and to make changes if necessary.
In case of a choice of a color palette for the project, it is better to adhere to a KISS principle – Keep it simple, stupid (Save its simple, silly). The less color, the better. For the majority of systems of the project the following structure – a good start:
- Main details
- Secondary details
- Color of an error of action
- Color of successful action
Primary color – color which you most often use for important buttons and accents. For many companies it – also color of their logo.
Secondary color – color which you use to differentiate secondary actions from the mains. For example, main and secondary buttons. Colors of an error or successful execution, usually red and green, transfer project statuses. For example, successful sending message or notification message on its error.
CHOICE OF COLOUR OF THE PALETTE
Now, when you are armed with inspiration and a rough sketch of the project, it is a high time to select a color palette.
For primary color of a palette we recommend to place colors nearby, in the same way as artists do for a palette with colors.
Be not afraid to experiment with colors.
In case of specification of options of a color palette return to the first two points where we identified the purpose and audience of your project and wonder the following questions:
- What colors are available?
- What colors exert visual impact and attracts your look?
- You need the diagram of light or dark color? In what time of day people will use your product?
- What mood you want that your project transferred?
As we already mentioned in the last section, flowers will have different roles in your project. It means that every color different weight in your system has palettes. For example, your background colors will be used more often than accent colors.
As an example, here a color palette for the project 4Gamblers:
Application of color palettes
To give to you a general idea how to apply colors to develop systems, let’s look at the picture above. Primary color 4Gamblers white and gold. Blue serves as secondary color and it is used in background pictures of the website.
Colors of a brand 4Gamblers
For the majority of pages 4Gamblers uses white color as a background. All standard pages of the blog, the homepage and some internal have white background color on which the text and color pictures settles down black color. But all key pages are executed in dark tones, for frequent in black color, and on it the text is displayed by the mains of color of a brand. Gold color for titles, and white for the literal text.
Due to contrast of flowers in this palette the attention on important details against a dark background is retained.
Think of visual hierarchy in the project. Consider what components of the project you want to select and appropriate appropriate color. Besides, consider use of different shades of the colors for effect in case of induction and the clicked status.
Color this field for experiments and iteration. If you want to work better with a color, then it is necessary simply to work more. Think of color as about addition. If you already worked out structure and functionality of a prototype, then you can experiment so many color palettes how many you want.
The study how to work with flowers, is very useful for designers. As you invent a color palette, you has an opportunity to visualize combinations of colors for the project even before launching Photoshop, Corel or any other tool of the designer.
We would like to know how you work with color. What your process? Don’t hesitate to leave comments to article.
P.S. If you liked this article, it would mean to us much if you share this post with friends in social nets.
If you want more, you can subscribe for our Twitter where we write any short notes about projects, development of a frontend, design, SEO and other…