The color book written for everyone to see 1: The Basics of Design Color Matching book notes

I. The basis of all the principles: not more than three colors

1, know the color: CMYK is the mode commonly used in printing; RGB is the color computer monitors, color televisions and other equipment use mode; however, both CMYK or RGB, is the way the computer to determine the color. But the HSB mode is based on the visual cells of the human eye, that is, the colors seen by the eye. h (hues) indicates hue, S (saturation) indicates saturation, B (brightness) indicates brightness. In HSB mode, the values of S and B are all percentages, except for H, which is the angle, i.e., the angle at which the hue is located on the hue ring

2, adjacent colors, contrast colors, spacing colors

2.1 Adjacent colors: colors next to a certain color, such as purple next to blue and magenta, are considered to be the neighboring colors of violet (separated by about 30 ° - 90 ° or so on the hue ring)

2.2 contrasting colors: in the hue ring, the color that is on the opposite side of the formation of contrasting colors (about 120 ° apart on the hue ring)

2.3 spacing colors: in the middle of adjacent and contrasting different colors with another color, used for the role of fusion, you can make the color scheme appear smooth

3, no more than three colors with the matching of the color scheme refers to the matching of no more than three color phases. Color is not the more the better, but the less the better. The standard of measurement is still to correctly convey the connotation as a prerequisite. (Embellishment color should not be included)

4, the color ring adjacent to the three color collocation, each other equidistant from the three color collocation (large differences, high recognition, advertising design often appear), split complementary color collocation

Second, the heart to have a number: what is the main color, auxiliary color, embellishment color

1, the main color can determine the entire style of the work, to ensure that the correct communication of the information. Each color has a very deep cultural precipitation, when a color becomes the protagonist, it can determine the cultural direction of the work.

2. Auxiliary colors make the picture rich and wonderful, and make the main color more beautiful. Auxiliary color can be a color or several colors. The auxiliary object may be a color (the main color), or an image penetrating feelings (the main image, the main image, etc.)

3, the same kind of color to make the picture softer, the contrasting color to teach a strong, spaced out color between the two. According to the protagonist and the form of the different, choose the appropriate auxiliary colors.

4, the function of the accent color is usually reflected in the details, most of which are scattered, and the area is relatively small. The characteristics of the accent color are: the number of occurrences is relatively high; the color is very jumpy; cause readability (guided reading); and other colors with a greater contrast.

5, the main color is to determine the tendency of the style of the work; auxiliary color is to make the work more perfect or richer; accent color has the functionality to guide the reading, but also decorative and auxiliary.

Third, the understanding of color collection: images, patterns, text and charts as a color

1, color is not an independent color block, the key is how to correctly understand the "color collection" in the color tendency.

2, the color information in the image (case) is generally complex. The analysis method is very simple: that is, squinting, defocused image, leaving a color impression, what color is a large area, this color is the main color of the image.

3. Extracting colors from an image is the easiest way to match.

4, as long as the text is no longer colorless, the text as a graphic object can be. At this point, the text has exceeded the connotation of the original bearing information, they are used as visual symbols, play a role in disseminating cultural extensions.

Fourth, when you are not sure: black, white, gray is born to reconcile the color

1, when you obviously feel that one of the color power is too strong, too weak, will need to adjust. For a certain purpose, the color hue, purity, brightness and area should be adjusted to achieve harmony and unity of the color collection.

2, the area of reconciliation: through the increase or decrease in area, to achieve the purpose of reconciliation

3, embellishments tone and tone: the isolated colors, penetrate each other to form a pattern of the process.

4, intermixing and reconciliation: sometimes we have selected two colors, but found that they are difficult to blend together. At this point you can use intermixing and blending. You have me, I have you. This third color contains the characteristics of the first two colors.

5, isolation and reconciliation: when the picture used in the color is too strong or color ambiguity (picture more), you can use black, white, gray, gold, silver, or the same color line, the image of the various regions of the outline, so that they are both interrelated and isolated from each other, and to achieve uniformity and reconciliation.

6, order and harmony: the colors are organized to form a gradual, structured or equal difference, rhythmic picture effect.

7, the same harmony: the same hue, brightness, saturation and

8, black, white, gray is colorless. White as a background color is often ignored; gray as a secondary color, often play a vital role; black is more important, any complex color relationships, as long as the black, all of a sudden stabilized.

Fifth, your bottom line is: similar tones or contrasting tones

1 There is no idea when you start from the color tone. You just need to think back to what the design needs are this time and smooth out the keywords. Then start from the color tone, find the color should have a direction, in the general direction, and then touch in detail.

2, when the tone is unified for the effect of high brightness (low saturation), whether you choose a contrasting color or analogous color, it will look harmonious (pay attention to the sense of power of the color. Two colors are strong when the power, even if not contrasting color effect will be obvious)

Six, the use of keywords to choose the main color, understand our color emotions

1, human emotions attached to color: understand the difference between figurative and abstract colors

2, the emotions of the color

Red

Positive: positive, energetic, open, Passion, art, festivity, strength, femininity, life

Negative: mature, dangerous, bloody, solidified, sensible, revolutionary, intense, feudal, death

Orange

Positive: ? Sunny, cheerful, family, warm, memory, relaxation, everyday, activity, comfort

Negative: mysterious, fantasy, elegant, funky, sensible, cool, old-fashioned

Yellow

Positive: sunny, light-hearted, humorous, cheerful, bustling, joyful, toddlerish, open-minded, open-minded

Negative: noisy, cheap, unreliable, weak, unsound, juvenile

Negative: loud, cheap, unreliable, weak, unsound, juvenile<

Green

Positive: nature, life, safe, fresh, delicate, rustic, idyllic, spring, peaceful, wild

Negative: earthy, rustic, overly light, military, noble, unfashionable

Blue

Positive: sensible, cool, intellectual, fair, precise, meticulous, oceanic, rigorous, businesslike, formulaic

Negative: ? Lonely, lonely, gloomy, strict, uninteresting, sad, high-tech, harsh

Purple

Positive: special, graceful, elegant, noble, expensive, feminine, stately, sacred, sophisticated, high-class, insightful

Negative: useless, unkind, distant, pretentious, unrelaxed, mysterious, fantastical, icy, overly fashionable, unrealistic

Pink

Positive: ? Soft, feminine, elegant, sweet, upscale, spring, refreshing, sweet, cartoonish

Negative: ? Soft, feminine, superficial, foppish, pretentious, useless, childish, toddler

White

Positive: Peaceful, empty, neat, clean, intellectual, plain, light, pure, open, medical

Negative: Void, impoverished, few, spoiled, bland, cold, spacey, static, uninteresting

Gray

Positive: ? Elegant, artistic, understated, plain, vintage, traditional, high class, formal, cozy

Negative: conservative, depressing, boring, uninteresting, irritating, sharp

Black

Positive: mysterious, sultry, powerful, weighty, stately, serious, formal, luxurious, high class

Negative: stressful, masculine, violent, lonely, silent, unaffectionate, criminal Horror, darkness, heaviness, uncleanness

Any color can be warmed by adding yellow, or cooled by adding blue

VII. Use key words to choose the tone

Keynote (on the basis of solid color, add white, or add black)

Pure color

Positive, energetic, openness, strength, directness, health, children, enthusiasm, summer, thick

Low-grade, vulgar, superficial, fancy, hot, intense

Pure primary color (should be large) + low saturation secondary color

Multiple solid color combinations

Bright colors (solid + white)

Calm, bright, refreshing, relaxed, young, simple, comfortable, sunny, innocent, clear, clean, open

No depth, fickle, light, weak, no position, cheap, childish

Bright colors with a sense of openness

With complementary colors there is also bright flamboyance

Pale colors (bright + white, i.e., solid + white + white)

Slender, feminine, toddler, naive and romantic, soft, gentle, muted, light, fairytale-like, dreamy

Weak, unreliable, without Opinionated, useless, negative, aloof, cold

Claustrophobic (solid + gray)

Superior, mature, stable, meaningful, rustic, rustic, classy, calm, expensive, modern

Dull, old, conservative, negative, cloudy, useless, impractical

Mature and elegant

Not enough openness, consider using complementary colors to save

Pale (pale + black, i.e. solid color + white + white + black)

Urban, feminine, elegant, mature, adult, elegant, classy, refined

Weak, negative, uninspired, apathetic, lonely, impractical

Elegant and slow, urban burnout

Dark (solid color + black)

Strong, practical and businesslike, Serious, simple, solid, classy, deep, male, traditional

Too dark, overly gloomy, older, intimidating, harsh, dirty

Business style

Similar color combinations will be introspective

VIII. breakthrough form: extract color - analysis of color - practical application

1, after extracting the color of the picture, to make the color more inclined. Adjusted color, joined the initiative to create, in order to be called a beautiful color.

2. Details to the whole, from local color analysis to the color structure summary.

Nine, break through the opposing color feelings: from one end to the other

Steady: turbid tones, dark tones

Bright: bright tones, light turbid color

Plain: light turbid color is mainly paired with bright colors

Gorgeous: pure colors, dark and turbid 5, passion: pure colors plus complementary color matching, more than three shades of hue, assisted by dark colors, black

p> Plain: bright colors, white

Early childhood: pale tones predominantly, bright tones auxiliary

Twilight: turbid, dark (reflecting the family, bright, pale turbid)

Men: dark primary tones, followed by turbid

Women: teenage girls -pink, magenta, and violet; after 20 years of age -bright colors, light turbidity; after 30 years old-dark and turbid colors, with dark red, fuchsia and dark purple as the common colors

Elegant: light turbid colors, seasoned with bright and turbid colors

Lively: solid colors, bright colors, using complementary color combinations

Business: grey, orange, blue and white

Casual: light colors, bright colors, using complementary color combinations

Business: grey, orange, blue and white

Business: grey, orange, blue, white

Business: grey, orange, blue, white

Casual: light and cloudy colors, bright colors

Simple: grey

Sophisticated: cloudy colors

And finally, here's my "color card":

Rename your color - red /blog/ design/1372

Renaming your color - the red chapter design/1372

Rename your colors - orange /blog/design/1374

Rename your colors - yellow /blog/design/ 1376

Rename your colors - yellow /blog/design/ 1376

The color card is a color card for you. 1376

Rename your color - green /blog/design/1378

Rename your color - blue /blog/design/1380

Rename your color - blue /blog/design/1380

Rename your color - blue /blog/design/1380

Rename Your Color - Purple /blog/design/1384