Principles and methods of color matching in web design

First, the color collocation principle

In the choice of Web page color, in addition to consider the characteristics of the site itself, but also follow certain art laws, so as to design a beautiful web page.

1. Color of the xianmingxing:

If the color of a website is bright, it is easy to attract attention, it will give visitors a refreshing feeling.

2. The uniqueness of color:

To have a distinctive color, the use of the Web page must have its own unique style, so as to give people a deep impression of visitors.

3. The artistry of color:

Website design is an art activity, so it must follow the art law. According to the principle of the content decision form, taking into account the characteristics of the website itself, boldly carries on the artistic innovation, designs the website which not only conforms to the website request, but also has the certain artistic characteristic.

4. The rationality of color collocation:

Color should be based on the subject to determine, different themes choose different colors. For example, with the blue embodiment of science and technology Web site professional, with pink embodies the tenderness of women and so on.

Two, the Web page color collocation method

Page color is very important, the color of the Web page is reasonable will directly affect the mood of visitors. Good color collocation will give visitors a strong visual impact, inappropriate color collocation will make visitors impetuous uneasy.

1. The same color collocation:

The same color collocation refers to the first selection of a color, and then adjust its transparency and saturation, the color will fade or deepen, and create new colors, such a page looks uniform, with a sense of hierarchy.

2. Adjacent color collocation:

Adjacent color refers to the color adjacent to the color ring, such as green and blue, red and yellow, which are adjacent to each other color. The use of adjacent color matching can be a Web page to avoid color clutter, easy to achieve a harmonious and unified page effect.

3. Contrasting color collocation:

In general, the color of the three primary colors (red, yellow, blue) can best reflect the difference between colors. The strong contrast of color has the visual attraction ability, can play several kinds of realization function. Contrast color can highlight the focus, resulting in strong visual effects. Through the rational use of contrasting colors, can make the site distinctive, focused. In the design, usually a color as the main hue, its contrasting color as embellishment, to play the role of the finishing touch.

4. Warm color collocation:

Warm color collocation refers to the use of red orange yellow set color matching. The use of this hue can create a stable, harmonious and enthusiastic atmosphere for the Web page.

5. Cool Color Matching:

Cool color collocation refers to the use of green, blue and purple color matching, this color matching for the web to create a quiet, cool and elegant atmosphere. Cool point color and white collocation will generally get a better visual effect.

6. Color mix with main color:

There is the main color of the mixed color collocation refers to a color as the main color, supplemented by other colors with other color mix and match, forming a colorful and not messy collocation effect.

7. Text and Web page background color contrast to highlight:

The color of the text is highlighted in contrast to the background color of the page, background depth, the color of the text should be shallow, with a dark background foil light-colored content (text or pictures); On the contrary, the background light, the color of the text will be deeper, with a light background foil dark content (text or pictures).