Online there are a lot of people introduced some color matching tools and good-looking color cards, but after getting the tools and color cards, we still can’t use, how to do!



Today to a real combat dry goods, see how to get the color card application.


The main points are as follows:
1. Prioritize
2. Blend in no color
3. Echo


First I use this tool (which I don’t usually use) :
http://www.peise.net/


Get a color card that you don’t know how to look:






Now let’s start with this color card.


1. Prioritize

For starters, it’s best to use only one primary color and all other secondary colors at first. If you have no primary colors, it’s easy to mess with them:




What I usually do is use the main color as the background color directly, so that the main color proportion is maximized:




At this point, if we feel that the background is too thin, we can add some details, such as pulling a small gradient:




Then add some texture:




So the main color is here firmly occupied.


2. Blend in no color

We will find that color is not only used in many works, but also some non-color, such as black, white, gray, flesh color, etc., which can neutralize color to a certain extent and enrich layers.


I also often mix black, white and grey in color because it’s less error-prone.


For example, we add a small image on the main color background, and use a white ball to occupy the space. White means no color:




Is it very stable? Absolutely infallible.


This is a method I often use in icon design:




Isn’t that very clever!


3. Echo

We just drew a white ball, and then we can add some details, take out my most commonly used glasses, and add a small mouth:




What color for the eyes? I forgot the auxiliary color just now, kaka + :




It just came out!


Then it’s about adding details and embellishing elements. For example, let’s add some random spheres:





Continue to fill in the color.


Here are the color echoes THAT I always emphasize, and these embellishment elements can continue to use auxiliary colors, that is, the color on the glasses:




Form before and after echo, this will be more integrated, integration.


At this point, a simple small screen came out, we add some small copy, roughly the effect is as follows:



O!


conclusion

I think that the use of color, is not necessarily the same copy color value in the past, we can according to the specific situation to fine-tune, add some small gradient, for example, or which color do you think not good-looking, that appropriate adjustments, are completely ok, don’t be limited by the original color card, it is probably one of our reference.


This talk of three points: 1. To have primary and secondary, 2. Into no color, 3.


It’s better than anything!
Point a praise, more strong!

More dry goods welcome to pay attention to the public number: Caixin design shop