Color ratio in web design

Source: Internet
Author: User

This time, we will take a closer look at the "proportion" relationship after many colors are combined.

When we use colors, we cannot make all colors the same size. Of course, if you are in the row chromatography, that is the exception. When designing web pages or flat works, we mostly want to use colors as the primary colors and find colors as the secondary colors. However, in actual work, the primary and secondary nodes do not need to be divided, and it is unclear what the primary node and the secondary node are. What has been made, with messy colors and no primary or secondary knowledge!

People who want to learn design want to make good things, but they often do not want to do so. The works that come out of their hands cannot always meet their own requirements. The trade-off between the color ratio is always indecisive, and the result is often wrong judgment. In the end, how can we make beautiful colors. We can get some answers from the proportion arrangement! The following figure shows a screenshot of a foreign website. The website is of little color, white, black, and orange red. I don't need to say that everyone knows what colors are the most and what colors are the least!

The most white, followed by black, the least orange red, but have you found a problem? The most striking is not black and white, but orange. This at least proves that many colors are not necessarily eye-catching, and less colors are easy to attract attention.

It is also because black and white are non-color, so the orange red will appear more bright. We have noticed that the proportion here is about 70% in white, 22% in black, and 8% in Orange.

Here we can draw a conclusion: the more bright the color, the less useful the proportion must be a little less!

So what colors are bigger? We can take a look at the figure above and below, and you will surely have a more emotional understanding. The proportion of sub-colors and non-colors is a little higher. Highlight is not suitable for large areas, but it is best to appear in a very small proportion.

<

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.