On the composition and auxiliary of color

For a long time, a lot of people have been asking me questions about color matching and color control, in fact, I do not feel the color of their own use of how good, just according to their own way to match the color of their own comfort, here, I wrote just a little bit of their own experience in the design process, and some of their own insights.

Color is a very subtle thing, and their unique expressiveness can be used to generate a kind of stimulation of the human brain in a certain form of the object of the resonance, showing the presentation of new ideas and attitudes towards life, expand our creative imagination space, endowed the creation of new uncertainty.

In fact, in a specific design draft sample, form of organization, color composition, etc. are to obtain a whole visual effect, in this we put aside his form organization does not talk, first simple analysis of the next design draft sample on how to form a unified and harmonious whole.

<1> in a specific design of the main color and auxiliary color, the main color in the visual Impact Center point, is the focus of the entire screen, its brightness, size, saturation directly affect the form of auxiliary color and the overall visual effects. and auxiliary color in the overall picture should play a balance between the impact of the main color and reduce its visual fatigue to the viewer, the effect of a certain amount of visual dispersion, called a quantitative means, in a successful work, in the overall shape of the organization to determine, The specific function and existence of the auxiliary color have been determined. For example: The day before yesterday I designed a poster for a personal website

Explanation: In this picture, the specific morphological organization I have chosen is the imbalance, focus on the left, in the color I chose to contrast the strong orange and blue, auxiliary color In addition to these two colors also used silver and black, in the left side of the two big color in that small part of the Black played a role in the transition, Balance the strong contrast between the two, and then, the use of the overall design of the text elements, will be used to assist color in the text, and then seek the overall unity of the picture, due to the imbalance in the proportion of the Organization, in order to seek the overall sense of balance, in the use of small color block at the same time, coupled with a silver-gray Thus balancing the whole sense of weightlessness. Here I emphasize that, in two or more contrasting colors, the dominant color, you have to find a color that balances the relationship between them, such as black, gray, white, and so on, but you need to pay attention to their brightness, contrast and specific occupy space than the size of the column, based on the selection of your auxiliary color, Also must pay attention to the overall picture color unification and the color balance feeling, do not let the main color proportion between the serious imbalance, this will have the negative influence to the overall effect. To be good at the unity of the whole picture through the auxiliary elements in the morphological organization, the color auxiliary point is created to disperse the visual fatigue and stimulation that the main hue produces to the viewer.

<2> for each color, there are the same colors of the argument, and the same color because of its intensity, the saturation of different, to build a ladder-like chart, so that we in the process of design will encounter difficult to pick the color of the problem, because the same color, in the trade-offs have a subtle feeling, Although the same color is the same but the effect is very big difference. You can see the difference between them from the two pictures below. (Because of the urgency of writing just to get the picture, but I think we can still find out the difference from the map)

Explanation: The difference between them is only 1 of the difference between light and shade, in this I would like to say, when you encounter this color problem, as much as possible to try to adjust their contrast between the light and shade, often can be imagined not to match the effect, and do not look at the full use of, and color process, try to extract the transition between them color, This transition color is often the best auxiliary color. At the same time, we must consider the good shape organization to the color collocation request and the influence.

<3> the auxiliary effect of black, grey and white, in color, no matter what color transition between them can play a good transition, but black, white play is mostly intermittent transition, gray can be better to achieve a smooth transition between colors, but they are often not the best transition color, While using them as auxiliary colors, do not overlook the effect of their excessive stability on the whole picture. The use of black and white at the same time, because of their characteristics so that they in visual discrimination than other colors more easily become the center of vision.

<4> about the way to color, to create a good work, you must be with lust, and in the color of this step, the most crucial one is to take color, every designer knows that color is the first message of visual acceptance, a good work, The time spent in color matching is the longest link in the process of creating a work. Here I write the two kinds of color methods that I often use.

No.1: When considering the colors to use, such as yellow, in fact, each color is a separate colour, as I have previously lifted the color ladder-like chart, 1 of light and shade, he produced a significant difference in color. Back to the Yellow line on the front for example, basically the color that I just started to choose is #fce100, and then with some proper regulation, you can almost get the color you want, of course it takes time to adjust. In fact, each color, I take the most bright but not stimulating people's vision, dark but can make people's vision to calm color, as little as possible to stimulate their own visual color values, this color in the process of the whole can let you better grasp the feeling of color.

(Appendix I. Some Notes on the way in which mode one is regulated, in the adjustment process, by #fce100 this color value to the mixed red system of regulation is, above the color block, covering a layer of black block, by adjusting its visibility or layer properties, in the adjustment of the properties of the layer, You can also adjust the size of the black block to find the color value you want. The same way to make yellow brighter or lighter is to add white color blocks and adjust transparency. ）

No.2: Take the page security color, the same yellow as an example, I generally take the color value is #ffcc33, or #ff6600 in fact, the Web page security color has the advantage is that it produces less stimulation of the visual, but the adjustment is relatively difficult, the selection of the general tone, in the adjustment of its color, Try to modify the G and B values in RGB as much as possible. This fine-tuning allows you to find a better color scheme. Of course it's tiring. Figures:

<5> about color Matching

In fact, simple color matching, nothing more than color contrast, color support, color balance and color mixing, can be in a simple explanation in the process of practice is also very difficult.

The following color spectrum is the color exercise I used to do, color, but there should be no messy, dazzling feeling, and said it, in the following exercise, I most want to express is a color in a strong contrast to the color produced by the visual balance and color between the complementary effect of the interaction. In the diagram below, one of the most obvious is the position of the same color in the diagram, and because of the same color of the visual traction, in this work can also be said to be visual interference, do not let the visual focus on a fixed color block, in order to reduce the single color on the visual stimulation, while the color tones of the difference between the light and shade is not very large, and the color block and the color block interspersed with white lines as excessive, in the color block of those translucent white block, lines, and the right and graphic color block in the appropriate white, resulting in a certain visual dispersion effect, and the original brightest white also show no glare, although white is still the center of Vision, Especially the one that is white in the color block.