How the UI makes color matching cards

Source: Internet
Author: User

In the design, color has been the eternal topic of discussion, in a good UI design, the impact of visual force to occupy a large proportion.

For beginners of design, often worry about what color to use. They do the picture or the color used too much, appear too flashy and tacky or just use a hue, so that the picture is monotonous and no care.

Disorderly use of color and do not dare to use color to become a common problem for beginners, we can not be entangled in this issue. To the real world of color to learn, more to see the beautiful scenery of nature, and then summed up a set of their own color card for later use.

650) this.width=650; "Src=" Http://s4.51cto.com/wyfs02/M01/82/2C/wKiom1dNUM6iraFaAACxs1rEci4664.png-wh_500x0-wm_3 -wmp_4-s_1417549550.png "title=" UI Color "alt=" wkiom1dnum6irafaaacxs1reci4664.png-wh_50 "/>

Let's talk about the actual combat color technique

1. Main tone, the role of the main color in the screen is irreplaceable, the color and people's mood, today I am happy, I choose white, today I am not happy, I choose black.

2. Complementary tones, just as the flowers need to foil the green leaves, the complementary tone is like the green leaves of the flower, and the main color complement each other, the match will be more perfect.

3. The finishing touch, the finishing touches, is not superfluous, does well the color matching each detail, can create the more beautiful picture feeling.

4. Background color, BJ color and the main tone is a pair of partners, more like a pair of brothers, with good, the picture will be more beautiful.

Color Matching scheme:

1. Blue and White

2. Rainbow Candy color and black blend, dead a dreamy lively vivid color

3. Orange and blue blend, orange and blue contrast to harmonize.

4. Green and white blend, a natural, youthful color

5. Red and Black,


This article from "11662816" blog, declined reprint!

How the UI makes color matching cards

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.