How to use color in web design

Source: Internet
Author: User

A good web design will bring users a deep memory, easy to use and easy to use experience. From the layout of web design, information level, pictures, colors and other visual aspects of the application, directly affect the user's initial sense of the site, and in these content, color scheme is critical, the site's overall positioning, style of adjustment needs through color, to the user to bring sensory stimulation, thus generating resonance.

From the direction of color research, color is divided into hue, saturation, lightness three aspects, the use of color is the relationship between the pure color, and their combination of the effect. We can from the current many examples of network applications, to find the use of color some of the broad color relationship and color scheme, through these color relationship, can be used as a practical work to learn the color of the guide.

Monochrome: Use a hue of different saturation and brightness

Approximate color: Use adjacent tones in a color plate

Complementary color: Use the opposite hue in the color plate

Split complementary color: use a hue and two adjacent tones with its complementary complement

Three separations: Use the isometric three tones in the color plate

Double complementary color: use two tones and their complementary colors

Approximate complementary color: use two complementary tones and one color similar hue

Middle color: Use color with no chroma

Highlight color: Highlight a high saturation hue in a color without hue

Warm colors: Use the color of the warm tones in the color plate

Cool colors: Use the color of cold tones in a color plate

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.