What are the principles of web page color design?

In the color design of the web page, the principle of unity combined with change means that in the process of specific design, we must first focus on the unity of the entire page, without unity can not well reflect the sense of order. The following web page color design principles, I hope to help you.

One, the principle of combining unity and change

In the web page color design, the principle of combining unity and change refers to the process of specific design, the first focus on the unity of the entire page, there is no unity can not be well reflected in the sense of order, there is no order on the web page can not talk about the beauty of the web page color, so to achieve the beauty of the web page, it is necessary to focus on the entire page color first! So, in order to realize the beauty of web page color, we should first focus on the whole page color unity and coordination. However, it should be noted that in a page is not the more unified the better, if too unified, it may make the whole page color combination looks too monotonous, boring and boring, lack of freshness. Therefore, in the design of the web page, under the premise of guaranteeing unity, pay attention to color changes, but this change in the combination of the entire color should be in a secondary position, play a role in regulating and embellishing, if too many changes, often make the whole page looks cluttered, but interfere with the expression of the theme. In the color design of the page, unity and change is specifically through the color of the hue, brightness and purity of the changes to achieve. But in the specific color design process, the principle of unity and change is not static, but in the unity of the premise, in the local design to make appropriate adjustments, so that some of the design reflects the classical flavor, some of the design shows the traditional style, while some are more to show the modern flavor and breath. Therefore, as long as the proportionality between unity and change, you can achieve unity in the change, the change shows a sense of order.

Two, the principle of color balance

The web page of color in the design process, pay special attention to the balance of colors, that is, the specific participation in the composition of color combinations of colors, graphics and many other elements in the picture structure to achieve a balanced state of force when the formation of the color relationship. Color balance can be divided into symmetrical balance and equilibrium balance.

1. Symmetrical balance

Symmetrical color balance refers to the axis of the web page as the center, through the juxtaposition of color elements on both sides of the repeated processing, in order to achieve the effect of harmony and unity, and at the same time show the static characteristics of the color relationship. Symmetrical balance has absolute symmetry and relative symmetry. Absolute symmetry refers to the color on both sides of the central axis makes the picture appear formal and dull, hard and mechanical, therefore, appropriate treatment is extremely important. Relative color elements should be completely consistent, with generous, stable artistic interest, but if not properly handled, it will be symmetrical balance is the color elements on both sides of the central axis can be basically the same, that is, as long as the position of the small part of the symmetrical balance of the slight change in the method, the use of symmetrical compositional format, take the change of the content of the way, to achieve the relative symmetry of the whole page. In fact, not only in the page color design of the relative symmetry of the balance of the design is not very important, but also in real life, this design is often used, for example, the design of the couplets of traditional Chinese culture, using this symmetrical mode, that is, the upper and lower couplets whether the number of words, fonts, or the meaning of the words are similar or relative. Such a processing mode reflects the principle of relative symmetry of color matching with great unity and small changes.

2, balanced balance

Balanced balance refers to the web page color design, although not using the axis of the left and right or up and down symmetrical balance mode, but in the color collocation can be achieved visually and psychologically balanced relationship, that is, through the organic combination of various elements of the color modeling to achieve the visual weight of the balance of the stable form of expression. Balanced balance relative to symmetrical balance is more lively, rich in variability, but also more sense of movement. Designers often use the color hue, brightness and purity changes in the process, especially with the help of the designer's own psychological perception of color, experience the color itself, forward and backward, cold and ambiguous, etc., to achieve the balance of colors through a reasonable combination. For example, in the specific design process, even if the same size of the black and white two graphics, black appears heavy, while the white appears light, the former occupies a small area, the latter occupies a relatively large area, therefore, to balance the visual gravity of the two, we must narrow the black or zoom in on the white, and to balance the visual size of the two, we must zoom in on the black or zoom out on the white.

In short, the balance of the page color design can not simply rely on the number of calculations can be resolved or completed, the key lies in the designer's personal feelings as well as artistic training, the main thing is that the designer can be in their own feelings and the user's feelings of the bridge between the bridge, that is, the designer feels is exactly what the user feels, so that the color design of the intention to be considered to achieve.