Website design should pay attention to the color level sense

Source: Internet
Author: User

All this time I've been saying that design needs to be layered, that there may be many types of layers, such as the level of color, or the level of the elements. When a design lacks a sense of hierarchy, the page shows nothing but two possibilities, one is monotonous, the other is fancy. In design, we often fall into a preference for a certain color or effect, and this situation will make our design lack of long-term vitality. And our own aesthetic will be limited to the attachment of this preference to affect our progress. And this paranoia often leads to a lack of hierarchy in our design.

So where does the sense of hierarchy usually appear? In the previous written "Color Solution" series in the first article on the level of color, in that article is described with "black, white, gray" to analyze the level of color. We are in the design of the time may use a color to make the entire site, the results found that the single color to make the effect of our site become very monotonous, very rustic. Sometimes as much as the use of color is the same rustic, the use of the site's colors do not have a sense of hierarchy, there is no contrast. are in similar shades of gray, so the site looks dusty. Of course, we can also use a high contrast pure color block to do the design, (South Korea's website has a lot of this technique) This method has the place of flattering, because relatively simple, but also relatively easy to be copied. But such a design lacks vitality, as a kind of craze, also a bit like fast food, who can copy. No need for any culture as a base mat. Of course, this is not to say that this method is really useless, this can only as a means of application, not as a panacea everywhere to make.

Light in words is bound to be felt. So let's take a look at this picture:



We see that IBM's design color is not much, but the level of sense is there. He has black, light blue, white, black and light blue contrast between the more eye-catching. And we found that black is pure, and light blue is the kind of highlight. This strong contrast has a certain appeal to people's vision. And the black and white grey are all three. The proportion of the three is not equal. And we are in the design of the time will usually use some gray color similar to put together, and the saturation is not high, so the final works can only be disgraced. Such a site I will not find examples, to find who is not happy. Including myself, of course. Oh, we can go to my work set to look for, there must be that kind of disgraced things.

In addition, we can see IBM this new design than the original design more three-dimensional, this is what I said above the element level. This sense of hierarchy opened the viewer's visual depth, making our pages no longer flat. Although it is not the effect of 3D, but I believe that the effect of 2D will inevitably become a new trend in web design. Through the 2D simulation of visual three-dimensional, will make web design more tension, content is more abundant.

And in the pure color block layout among the brightly colored pictures more eye-catching. This is also a visual level, can be said to be complex and simple contrast! Design is not a certain rule, there are many factors involved. Design good and bad, the important thing is that the designers of the world's understanding of how broad. So designers can not only patronize to strengthen their own production skills, but also to constantly accumulate their own cultural knowledge. Constantly increase their thickness, so as to design more wonderful works. I would like to work together!

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.