真人街机捕鱼

Your Position: Home > News > Anxiang Web Design

The importance of color matching in web design

Date: 2017-4-29 9:29:32 Popularity: label:
share to:
The first step, the problem of matching the background and graphics colors is not a simple one. This generation of designers has more color tools available than the previous generation. Nowadays, we can make good use of the rich colors that computers provide us. It seems not easy. Personally, since I am a designer, I often get lost in the world of color. Now I will share some of the experiences I have learned and mastered. I hope everyone can correct me. In the actual design of the elements to be paid attention to in color matching, we often consider the color matching and shape area treatment schemes related to the shape and texture according to the design purpose. This scheme is my color matching plan. When making a color scheme, we should consider the following points to highlight the visual effect. 1. Background color and graphic color When designing, we often encounter the formation of various shapes with several colors. As the background color, we tend to push it away, and as the color of graphics or text, we will pull it. near. This requires us to understand what is affected by the color matching relationship. Generally bright and vivid colors are more likely to have graphic effects than dull colors. Therefore, in order to obtain a clear graphic effect during color matching, the relationship between the graphic color and the background color must be considered first. The graphic color must have a certain contrast with the background color. In this way, we can clearly communicate what we want to express. The graphic color we want to highlight must be able to attract the viewer's main attention. If this is not the case, it will lead the crowd.


The second step, the overall color tone If we want to make our design full of life, robustness, coldness or warmth, coldness and other feelings are determined by the overall color tone. So how can we control the overall hue? Only the hue, brightness, purity relationship, and area relationship that make up the overall hue can be controlled. Only then can we control the overall tone of our design. First of all, the color that occupies a large area must be determined in the color matching center, and selecting different color matching schemes according to this color will result in different overall hue. Choose what we want. If we use the warm color series to make our overall tone, it will show a warm feeling, and vice versa. If you use warm colors and high-purity colors as the overall color, it will give people a fiery stimulus, while cold colors and low-purity colors will give you a cool and calm feeling. The colors with high lightness are beautiful and light, and the colors with low lightness are more solemn and solemn. Contrast hue and lightness are lively, while similar, same color systems feel robust. More hue will be gorgeous, at least it is elegant and fresh. The selection of the overall tone of the above points should be determined according to what we want to express.
The third step is the balance of color. The balance of color is the balance of the relationship of color strength, lightness, and lightness. These elements will feel the balance of color. Therefore, even if the color is the same, it will be determined to be a harmonious color or a non-harmonic color according to the shape and area of the figure. Generally, the color matching of similar colors is easier to balance. Pure color matching in complementary color relationship and similar brightness, such as red and blue-green color, will be dazzling due to excessively strong, and become an unharmonious color. However, if you reduce the area of a color or add white and black, change its lightness and chroma, and achieve a balance, you can make the harmony of this inconsistent color change. When the high purity and strong color is matched with the same lightness of turbidity or gray, if the area of the former is small, the area of the latter can be easily balanced. When the light and dark colors are arranged up and down, if the light color is above the dark color, it will appear stable. Conversely, if the dark color is on the bright color, it is dynamic.


The fourth step, when there is a key color in color matching, in order to compensate for the monotony of the tone, a certain color can be used as the focus, so that the overall color matching is balanced. When the overall color matching relationship is not clear and ambiguous, we need to highlight a key color to balance the color matching relationship. Pay attention to the following points when selecting the accent color: Accent colors should use more intense colors than other tones. The accent color should be selected in a tone that is comparable to the overall hue. The accent color should be used on a very small area. It cannot be used on a large area. The choice of accent colors must take into account the balance of color matching.
The fifth step, the rhythm of color matching produces the overall tone from the color configuration. And this arrangement relationship repeatedly appears in the overall tone to produce a rhythm. The rhythm of color is related to the discharge, shape, and texture of the color. Due to the gradual change of hue, brightness, and purity, there will be changes and regular, so the rhythm of the tone is produced. Repeat the changes of hue, light and shade, strength, etc. several times, which will produce a repeated rhythm. You can create a rhythm of movement by giving color to the jump and direction, and so on. We can master more rhythm effects through learning or training.
The sixth step is to reconcile the gradient colors. If two or more colors are not reconciled, insert a few colors with step changes in the middle to make them reconcile. Gradient of the color circle: Like the color circle, the hue gradient can be obtained by matching intermediate colors between red, yellow, green, blue, and purple hue. Gradient of lightness: The change from light to dark steps. Gradation of purity: a step change from pure to cloudy or black. According to the gradation of the combination of hue, lightness, and purity, various changes are treated as gradual changes to form a complex effect. These gradient colors are all harmonic.
The seventh step, the overall tone in color matching is the so-called unified tone, that is, for the overall unification of multi-color coordination, one color is used to govern the whole. Hue tone is to add the same hue to each color, so that the overall hue is unified in one color system. To achieve reconciliation. The lightness tone is white or black, so that the lightness of the overall tone is similar. This can also achieve reconciliation. The purity tone is added gray to make the purity of the overall hue similar.


The eighth step is to divide the two colors in terms of color matching. If the two colors are in opposition to each other, they are contrasted, which has an excessively strong effect and becomes an unharmonious color. In order to adjust them, they are divided into other colors, that is, divided. The color used for division is called a division color. Due to the purpose of segmentation, there are not many colors that can be used for segmentation. The most commonly used are white, gray, and black. Gold and silver also have the effect of division. But in our computer, it is difficult to call these two colors with weight, so these two colors are rarely used in the computer. But it can be used in printing. It is also possible to use other colors for segmentation, but you should choose a brightness that is significantly different from the original color, and you should also consider hue and purity.
The above are some of the problems and basic methods we noticed when matching colors. I think there are more color issues that I haven't covered here. Such as: color feelings, color shapes, color taste, color distance, color music, and so on.
Red: passion, romance, flame, violence, aggression. Red represents a stop signal in many cultures and is used to warn or prohibit certain actions.
Purple: Creation, Mystery, Loyalty, Mystery, Rare. Purple is associated with death in some cultures.
Blue: Loyal, Safe, Conservative, Tranquil, Indifferent, Sad.
Green: natural, stable, growing, jealous. In North American culture, green stands for "OK", which is related to environmental awareness, and is often linked to financial matters.
Yellow: bright, brilliant, diseased, weak.
Black: power, sophistication, modernity, death, morbidity, evil.
White: purity, innocence, cleanliness, truth, peace, coldness, and poverty. White also represents the color of death in Chinese culture. Opening a website and giving users a first impression is neither the rich content of the website nor the reasonable layout of the website, but the color of the website. The visual effect of color on people is very obvious. The success of a website design depends to some extent on the use and matching of color by the designer. Because web design is a kind of graphic effect design, in addition to the three-dimensional graphics and animation effects, the impact of color on the floor plan is the strongest, it is easy to leave a deep impression on users. Therefore, when designing web pages, we must attach great importance to the color mix.

First, the basics of color The colors are colorful and ever-changing. The white light we usually see can be seen on the ribbon after analysis. In fact, it includes seven colors: red, orange, yellow, green, cyan, blue, and purple. Natural transitions between colors. Among them, red, yellow, and blue are the three primary colors, and the three primary colors can be obtained by mixing different proportions. Colors are divided into warm and cold colors. Cold colors (such as blue) give people a feeling of quietness and coldness, while warm colors (such as red) give people a feeling of warmth and fieryness. The clever use of warm and cold colors can make a website produce unexpected results.
Color also has a certain relationship with people's psychological feelings and emotions. Using this can form their own unique color effects when designing web pages, leaving viewers with a deep impression. In general, the feeling of various colors is:
Red represents enthusiasm, liveliness, liveliness, warmth, happiness, auspicious orange represents light, gorgeous, excited, sweet, happy yellow represents bright, happy, noble, hope green represents freshness, calm, peace, softness, ease, youthful blue represents far-reaching , Eternal, quiet, sane, honest, cold purple represents elegance, nobility, charm, pride white represents purity, innocence, simplicity, sacred, bright gray represents depression, negative, modesty, ordinary, silent, mean, lonely black represents lofty and solid The principles of color matching are serious, robust, robust, and color matching. Color matching is not only a technical task, but also a very artistic task. Therefore, when designing a web page, designers must follow the characteristics of the website itself and follow Certain artistic rules, so as to design a website with bright colors and unique personality.
Opening a website and giving users a first impression is neither the rich content of the website nor the reasonable layout of the website, but the color of the website. The visual effect of color on people is very obvious. The success of a website design depends to some extent on the use and matching of color by the designer. Because web design is a kind of graphic effect design, in addition to the three-dimensional graphics and animation effects, the impact of color on the floor plan is the strongest, it is easy to leave a deep impression on users. Therefore, when designing web pages, we must attach great importance to the color mix.

First, the basics of color The colors are colorful and ever-changing. The white light we usually see can be seen on the ribbon after analysis. In fact, it includes seven colors: red, orange, yellow, green, cyan, blue, and purple. Natural transitions between colors. Among them, red, yellow, and blue are the three primary colors, and the three primary colors can be obtained by mixing different proportions. Colors are divided into warm and cold colors. Cold colors (such as blue) give people a feeling of quietness and coldness, while warm colors (such as red) give people a feeling of warmth and fieryness. The clever use of warm and cold colors can make a website produce unexpected results.
Color also has a certain relationship with people's psychological feelings and emotions. Using this can form their own unique color effects when designing web pages, leaving viewers with a deep impression. In general, the feeling of various colors is:
Red represents enthusiasm, liveliness, liveliness, warmth, happiness, auspicious orange represents light, gorgeous, excited, sweet, happy yellow represents bright, happy, noble, hope green represents freshness, calm, peace, softness, ease, youthful blue represents profound , Eternal, quiet, sane, honest, cold purple represents elegance, nobility, charm, pride white represents purity, innocence, simplicity, sacred, bright gray represents depression, negative, modesty, ordinary, silent, mean, lonely black represents lofty and solid The principles of color matching are serious, robust, robust, and color matching. Color matching is not only a technical task, but also a very artistic task. Therefore, when designing a web page, designers must follow the characteristics of the website itself and follow Certain artistic rules, so as to design a website with bright colors and unique personality.
. Distinctive characteristics. The color of a website must have its own unique style, so that it can look distinctive and leave a deep impression on the visitors.
2. Reasonable web design Although it belongs to the category of graphic design, it is different from other graphic design. It follows the laws of art and also considers the physiological characteristics of people. The color matching must be reasonable, giving a harmonious and pleasant Feeling, avoid using a single color with high purity, which easily causes visual fatigue.
3. Paying attention to artistic website design is also an art activity, so it must follow the laws of art. While taking into account the characteristics of the website itself, in accordance with the principle of determining the form of the content, boldly carry out artistic innovation, and design that meets the requirements of the website and has certain Artistic website.
Third, the color matching issues 1. Use monochrome Although the website design should avoid using a single color, so as to avoid the monotonous feeling, but by adjusting the color saturation and transparency can also produce changes, so that the website avoid monotony.
2. Using adjacent colors The so-called adjacent colors are colors that are adjacent to each other on the color band, such as green and blue, and red and yellow are adjacent colors to each other. Adopting adjacent colors to design webpages can prevent webpages from being cluttered and easy to achieve harmonious and unified pages.

3. Use contrasting colors. Contrasting colors can highlight the key points and produce a strong visual effect. By properly using contrasting colors, you can make the website distinctive and prominent. When designing, one color is generally used as the main color tone, and the contrast color as the embellishment can play the finishing touch.
4. Use of black Black is a special color. If it is used properly and the design is reasonable, it often produces a strong artistic effect. Black is generally used as a background color and used with other purity colors.
5. Use of background color The background color is generally plain and elegant. Avoid using pictures with complex patterns and high-purity colors as the background color. At the same time, the background color must be in contrast with the color of the text.
6. Amount of color Generally, beginners often use a variety of colors when designing web pages, making the web pages very "flowery", lacking unity and coordination, and seemingly fancy on the surface, but lacking inherent beauty. In fact, the more colors the website uses, the better. It is generally controlled within three colors, and changes are made by adjusting various attributes of the colors.
0
0
0
0
0
0
0
0
Name
Verification Code
Can't see clearly, change another Already Comment information, click to view comments
Comments from users
Next: No information