about using colors on the home page

Source: Internet
Author: User
Tags add
The contrast between different colors can have different effects, when 2 kinds of colors together, these 2 colors to their own extremes, such as red and green contrast, red more red, green greener, black and white contrast, black more black, white more white. The effect of contrast is usually different because of the difference in human vision, When people look at a solid color for a long time, such as red, and then look around, the people around him will find the face green, because of the contrast between the red and the surrounding, the formation of the excitement of our vision! Color contrast can be affected by a number of factors, such as color area, time, brightness and so on.

There are many aspects to the contrast of color, hue contrast is one of them, when we use blue and deep blue contrast, the Nile will find dark blue with a little purple taste, and blue is a little green taste. A variety of pure color contrast will produce a distinct color effect, it is easy to bring people visual and psychological satisfaction!! ^-^

Here are some examples that are not necessarily correct for me to experiment with:

Red vs. Yellow: Red makes people think of the smell of roses, and yellow makes people think about the taste of lemon.

Green and purple contrast: very distinctive features, the sense of lively, natural. (Too much, I try not to finish!! ^-^ can only say a few of them, in fact, the contrast between the pure color gives people the most intense visual stimulation)

For example, red, yellow, blue 3 species is the most extreme color! These 3 kinds of contrast, that one color can not affect each other. Instead of pure color contrast the effect appears very soft, our common color is this contrast!

The contrast between colors also has a purity contrast, for example, yellow is a dazzling color, but the addition of Gray will lose its dazzling luster, usually can be mixed with black, white, gray to contrast the pure color, so as to reduce its purity. The contrast of purity will make the effect of color more definite.

There are many factors that can affect the color contrast effect, color size is one of the most important, if the 2 colors are the same size, then the contrast between the 2 colors is very strong, but when one of the size becomes different, the small color will become a big color supplement, its master will not notice the small color, And will feel the existence of large color. Color will make the contrast of color has a vivid effect, try to add a small red in a large green, you will notice that the red in the green foil is very eye-catching, this is the color of the size of the effect of contrast, in a large area of color foil, A small area of pure color will highlight special effects, but if you use a lighter color, you will not feel the existence of this color, as in the yellow to add light gray, you will not notice the light gray.

I don't know if you noticed, in different shapes, the same color will have a different effect, try on a square and a line with red, Nepal will find that the square can be more performance of red stable festive feeling, different shapes will make the same color produce different effects, personally think that the circle is best with blue, This gives a broad sense of the vast, triangular with yellow, triangular sharp sense and yellow harsh sense together. The shuttle is suggested with a barbed-blue, flat-edged quadrilateral with green ... These are just opinion, everyone can choose from, I just write different shapes above that use the same color will have different effects.

Also, the color of the location of the different, will also create a different color contrast, try to put two of the same size of color in different places, for example, before and after, you will see that the front of the color will give a deeper impression, then the color will make you feel darker, precisely because of the position of the different, resulting in the eye of the different visual.

I like to use the gradient tool in drawing, without it, feel that a variety of colors together will have a different effect, like the 1,2,3,4,5,6,7 of music changes, the same hue but the purity of different colors together will have a surprising effect, do not think that the gradient is very simple, it contains a color of the use of a heavy Want to use. I wonder if you've ever sung a song? It doesn't matter if ^-^ don't sing, does it always hum? I think there is a tone in the gradient of the color, like the spectrum in the song.

Dark color with high brightness contrast, will give a person clear, intense, very strong stimulation such as deep yellow to the thorn yellow. Dark medium with high brightness contrast, will give a person calm, stable, deep sense of feeling, such as red in the middle is a thorn. Neutral color and low altitude contrast, give a person vague, hazy, abstruse feeling, such as green grass in the middle is light gray. Pure color and high brightness of the contrast, give people the feeling of jumping and dancing, such as yellow and white pure color and low brightness contrast, give a person gentle, cheerful sense of fast, such as light blue and white solid color and dark contrast, give a tough, immutable feeling,

The above is just I try to come out of personal feeling, we might as well try!! ^-^

Color can usually affect people's psychology unconsciously, about people's moods. These are usually unknowingly produced, you can try to see the blue in the sunny days, you will feel full of hope, in the rain when the black, you will let your psychological calm. But it needs to be explained that the understanding of color is different for everyone, Everyone has their likes or dislikes of color, everyone will understand the different meaning, I just a general understanding, I write here is not necessarily suitable for all people, because the different levels of the decision on the color of different understanding, I just write my personal views!

Color on People's visual, psychological has a great impact, here first for example, if you see red, yellow 2 color is not a kind of warm and feeling? If you look at the blue, Green 2 color is not a kind of cold feeling? In fact, the color itself is not with any meaning, but the person's psychological illusion divides them into the cold warm 2 colors, everybody often is affected by the color in the daily life, for example in the summer, if you have all the lights in the home to turn off, replaces the curtain with the dark green, does not have the sunlight, here the Nepal will feel very cool psychologically!

These are not the real temperature, it is only the color that affects people's psychology produced by the illusion, the same color brightness will also affect the psychological, dark will make people feel heavy, light will make people feel light. The purity of color will also affect people's psychology, light will make people feel soft, pure will make people feel tough.

The combination of different colors and contrast, mixing can also make people's psychological impact, such as green grass + yellow, and lavender is easy to cause memories of childhood (personal cranky, and you have nothing to do with!! ^-^)

A variety of colors will be given to it with a specific meaning, I also have a set, now speak to the people Hong ^ ^

Red: Strong, festive color, it is easy to make people have a feeling of excitement, is a kind of majestic spirit of yellow: The highest brightness color, give people feel is very warm warm feeling, brilliant!   Try to join the light red or lavender!  Green: Beautiful, elegant, give people feel generous, tolerant. Blue: Eternal, broad, we can look at the sky!  ^ ^ gives people a sense of calm, reason. Purple: Small mm are commonly used this color, give a person mysterious, oppressive feeling. It's a strange color.

Black, white: These 2 kinds of colors I sometimes feel very strange, they at different times give people the feeling is different, black sometimes gives people the feeling of silence, emptiness, but sometimes also gives a solemn and solemn feeling, white is the same, sometimes give people endless hope feeling, but sometimes also give a feeling of fear and sadness, specifically to see with that The color of the seed is matched with a piece.

There are some different colors of purity, my own favorite, such as Gray Green will give people Lenovo to the fog of the forest, sky blue will make people happy, red light will give a feeling of upward. It's just a matter of personal understanding, and you can try it yourself.

Again, the color itself does not have any meaning, and some people just fu with it, there is no need to emphasize the idea of their own to impose on other people's understanding above!! ^ ^ !!

Just do the Web friends may be more accustomed to using some beautiful pictures to do their own web page background, however, if you look more at large business websites, you will find that they use more white, blue, yellow or other colors to make the Web page elegant, warm and lively, and more importantly, This approach allows viewers to greatly accelerate the loading speed of the Web page, with the rich content of the site, so that the entire site more attractive.

So how to match the color to make your homepage more colorful? We often encounter the problem is mainly the background color and font color collocation problem: To achieve neither appear to be inflexible, but not too bright and caused by too strong visual effects of stimulation. Generally speaking, the ordinary background should be softer, some, light some, with black words, read natural, fluent. In order to pursue eye-catching visual effects (such as headings), you can use darker colors, and then match the contrasting fonts such as white, yellow or blue words. In fact, the background color and the reasonable collocation of the font is better than the picture, because the background picture is too fancy, a kind of not quiet feeling. But the pure color gives the person to feel better, especially after seeing the picture many later!

The following is my days to make a Web page on the background and font collocation accumulated experience, these colors can do the body background, but also to do the title background, and then with different colors of the font, there are relatively good results. Hope to be helpful to everyone.

Bgcolor= "#f1fafa"//Do the background color of the text is good, elegant.
Bgcolor= "#e8ffe8"//The background color of the title is good, with the above color collocation is very coordinated.
These two colors can be matched with black words or font color= "#800080" bgcolor= "#e8e8ff"//Do the background color of the text is good, the font with black better.
Bgcolor= "#8080c0"//upper with yellow white font better
Bgcolor= "#e8d098"///on with blue or bluish fonts
Bgcolor= "#efefda"//On with light blue or red font better
Bgcolor= "#f2f1d7"//with black words elegant, red words eye-catching bgcolor= "#336699"//with white text to do the title better look

Bgcolor= "#6699cc" and bgcolor= "#479ac7" and bgcolor= "#66cccc" and bgcolor= "#00b271" and bgcolor= "#b45b3e" with white letters are better read/to do title

Bgcolor= "#fbf8ea" and bgcolor= "#d5f3f4" and bgcolor= "#d7fff0" and bgcolor= "#f0dad2" and bgcolor= "#ddf3ff" with black words are better read/ Generally do the text above the color scheme is relatively elegant.

Light green bottom black words, or white bottom blue words are very eye-catching, but the former highlight the background, the latter highlight the future. White eye-catching red background, darker background with yellow word has effect.

This article only reminds of a role, we can play on the basis of imagination, with a more innovative color, to make more beautiful pages.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.