Page color matching principle
First let's first understand the basic knowledge of some colors:
1. Color is due to refraction of light.
2. Red, yellow, blue is three original colors, and other colors can be used in these three colors.
The color expression in the web-html language is represented by the value of these three colors.
For example: red is a representation of Color (255, 0, 0) hexadecimal (FF0000)
White is (ffffff), "BGColor = # ffffff" we often see is a background color is white.
3. Colors are divided into two categories: color and color.
Non-color refers to black, white, gray system colors.
Color refers to all colors other than non-colored.
4. Any color has the properties of saturation and transparency, and the change in attributes produces different tone, so at least millions of colors can be produced.
What is the color or non-color? According to a professional research institution, it shows that the color of the color is 3.5 times black and white. That is, in general, the color page is more attractive than a complete black and white page. Our usual practice is: Main content text with non-colored (black), border, background, picture color. This page is not monotonous, and the main content will not be spent.
● Non-color matching
Black and white is the most basic and simpler matching, white word black, and white words are very clear. Gray is universal color, can be matched with any color, can also help two opposite colors harmonious transitions. If you can't find a suitable color, try the gray, the effect is absolutely worse.
● Color match
Color thousands of measant, color match is our focus of our research. We still need further learning of some colors.
One. Color ring.
We will press "Red -> Yellow -> Green -> Blue -> Red" Overgradation, you can get a color ring.
The two ends of the color loop are warm and cold, which is a medium color. (As shown below)
Red. Orange. Orange. Huang. Yellow Green. Green. Green. Blue Green. Blue - Blue Purple. Purple. Purple Red. Red
| ___________ | | ___________________ |
| | | | | |
Neutral neutrality
Two. The psychological feeling of colors. Different colors will give different psychological feelings of the browser.
Red - is a kind of exciting color. The irritation effect can make people have impulse, angry, enthusiasm, and vitality.
Green --- is in the middle of the color of the cold and warm, looks peaceful, quiet, healthy, safe.
It and golden, light white matching can produce an elegant and comfortable atmosphere.
Orange --- is also a kind of exciting color, with a light, happy, warm, warm, fashionable.
Yellow --- has happiness, hope, wisdom, and brisk personality, which is the highest.
Blue --- is the most cool, fresh, professional color.
It and white mix, can reflect a soft, elegant, romantic atmosphere (color color of the sky :)
White --- is white, bright, pure, clean.
Black --- has deep, mysterious, silent, sorrow, depression feelings.
Gray --- has dollar, ordinary, gentle, modest, neutral and elegant feelings.
Each color is slightly changed in saturation and transparency. Take green as an example, yellow-green has youth, strong visual artistic conception, and blue and green looks quiet and covered.
Page color matching principle
Various color. The color of the web page is bright and easy to compete.
2. The uniqueness of the color. There is a different color that makes everyone impressed with you. (Reflections on the design of the standard color section of the second website CI) 3. Color suitability. That is to say, the color and your expression are suitable. If you reflect the flexibility of the female site with pink.
4. Lenovo of color. Different colors will produce different associations, blue think of sky, black thinking of black night, red thinking about happy events, choose color to associate with your web page.
Process of web color master
With the accumulation of web production experience, we use this trend: monochrome -> colorful -> Standard color -> monochrome. At first, the technology and knowledge can only make simple web pages, color single; after having certain basic and materials, I hope to make a beautiful page, the best picture you collect, the most satisfied color is on page But a long time, but I found that color messy, no personality and style; the third repositioning my own website, choosing to take my own color, the site is often successful; when the final design concept and technology reach the peak, It is natural to return to true, with a single color or even non-color, you can design a simple and beautiful site.
Web page color matching skills
The article is here, and anxious netizen wants to ask: "What color is used to look at it? Can you recommend several color schemes?" Don't worry, there is a little skill here, you can help you become a ton master :)
1. Use a color. Here is to first select a color, then adjust the transparency or saturation, (saying that it will deepen color or deepen color, generate new colors for web. Such a page looks a collar unity and has a sense of level.
2. Use two colors. First select a color, then select its contrast color (press Ctrl Shift i) in Photoshop. My home page is confirmed by blue and yellow. The whole page is colorful but does not spend slightly.
3. Use a color system. Simply put is to use a feeling of color, such as light blue, light yellow, light green; or earth yellow, soave, soil blue. Determine the color method, each person is different, I am in the photo of the foreground color box in Photoshop, select "Custom" in the picker window jumped out, and then select it in the "color library" :)
4. Use black and a color. For example, the big red font is fed as a black border feels very "jumping".
In web color, taboos:
1. Do not use all colors, and control it within three colors.
2. Background and foregoing comparisons are as large as possible, (absolutely do not use the pattern of patterns to make a background) to highlight the main text content.
Ok, Today, Alie will tell you here.
