Designer share tips: Avoid using black

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

One of the most important things I've learned in writing is to avoid using black.

Mrs. Z, my childhood art teacher, had warned me when I was in high school, and then I heard a lot of similar suggestions at the Rhode Island Design College, which may have been a bit strange at first, but that's a good suggestion. The problem is that we often see dark objects and assume it is black. In fact, in reality, we can hardly find some pure black objects, the road is not black, your office chair is not black, the sparrow on the telephone poles is not black, and even the font on the Web page is not black.

The shadow is not black.

In high school, I spent a lot of my spare time in the studio with other art lovers. "Halo" in analog reality. Mrs. Z keeps showing us the works of different artists. There's a book by Wayne Thiebaud. She often shows it to us again and again, Mrs. Z will be excited to point out the characteristics between the bright primary color and its shadow, and remind us that the shadow in the picture is blue.

I may have seen that book 10 times, Thiebaud (he is a famous local painter in San Francisco) is a good example of the shadow is not black.

The shadows he painted were the most plump parts of the painting, and the paper looked beautiful, still in reality. You might think, these are paintings, not real. Well, here's what we'll show you.

I've been thinking about one thing, in art class, Mrs. Z has a blue light bulb to prove it. She fitted a light bulb, fastened it to a high stool, and pulled out a pure white ball from her studio full of pure white objects, placing the ball on a pure white pedestal.

He turned on the white light first, and the shadow looked black. Then turn on the blue light, and find the Shadow is orange, theoretically, add any color to black (except white) is still black. The blue light turns the shadow into orange, which means the shadow is not black.

I was stunned, now when I walk in the streets of San Francisco, I will be very aware of the surrounding saturation of the shadow, here is a picture of my street (yes, with the filter ...), the first time to think of the thibaud of the painting, the corner are chestnut color.

In the picture you can imagine that the darkest part is not #000000, but #130f30 (19% brightness and 69% saturation).

But Black still covers everything.

When you put pure black in a carefully selected set of colors, Black will cover all other colors. Because it makes people feel unnatural, the light on everyday black objects is often reflected back, which means that it is not black, but dark gray, and light is also colored, even if it is not dark gray and should be other darker colors.

A large number of applications on the daily use of black is actually also gray, Twitter sidebar, the upper text input box, the background of the new photo and calendar Plug-ins. Even in the boot section of Twitter, try Gray so that it doesn't rob other places of Hue.

Here is a practical example: Dribbble has a very good feature, the user can choose shoes according to color, if there is pure black (#000000) or True Color (#292724), few users will choose the former, this brightness or concept is not related, is a human instinct.

Saturation is also important.

You can not always choose pure black #000000, when you use the gray, add a little other color to let it appear more relaxed writing, can add how many colors depending on the color of the light and shade ratio, path on the image of the dark saturation reached 63%, and light gray but only need 3%.

I used to use him as a regular guide to color the palette of Segmant.io, I put a small amount of yellow orange into the gray, saturation from 2% of light gray gradually increased to 22% of dark gray, Photoshop palette color formed an arc.

Don't bother me, let's look at Facebook's interactive interface, why mobile Facebook looks so beautiful because all of the gray is fully integrated into Facebook's theme blue.

It's a long way to go.

Miss Z first warned me to use a black background in high school, others have warned me in succession, but I have spent a lot of time correcting and defending myself with my own theory, even though I often make mistakes when I use gray.

The fundamental reason is that when you use #000000 in a palette and ask yourself if you need to use pure black, you'd better go with a more natural color, and if you think it's too risky, try to avoid the color on the left side of the palette.