Color apps for web design-color tones

Source: Internet
Author: User
Previously, we introduced the commonly used computer color modes RGB, HSB, and the three attributes of color, as well as the basic concepts and examples of commonly used color. This section introduces the application. Color.

The webpage page is always composed of various colors with a certain internal connection, forming a complete and unified overall trend of the screen color, called the tone. It can also be understood as the color status. Colors give people the feeling and atmosphere, which are the deciding factors that affect the color effect.

In order to make the overall picture of the web page show a stable and coordinated feeling, in order to fully grasp its laws for better analysis and learning, we divide the primary and secondary positions of visual roles into the following concepts, in order to make it easier to take the initiative in the design of web pages.

■ Dominant tone
The main color and general trend of the page color. Other colors cannot exceed the visual area of the main color. (The background White is not necessarily determined by the visual area, but can be determined by the page's needs .)

■ Secondary tones
Secondary colors are the secondary colors for the visual area of the primary color. They are the secondary colors that enable the primary color, support the primary color, and enable the fusion of the primary color effect.

■ Eye color

Highlight the theme effect by adding a strong color in a small range to make the page more vivid and vivid.

■ Background color
It sets off the overall tone, coordinates and controls the overall effect.


→ Color page example:Http://www.robinssondivision.com



This section:

The color role of a page distinguishes the primary-secondary relationship and achieves the ultimate goal based on the area.

When different colors use the same area, this page is easy to show a dull and monotonous feeling, without changes in local details. When a page uses too many colors and the area size is too trivial, the page is easy to show fancy, the primary and secondary sides do not have the overall feeling.

When designing a color scheme for a page, the primary and secondary needs of the subject content should be met. Each color has its own functional roles-the most widely used, least, and not many, in addition to the appropriate arrangement of temperature and cooling, the reasonable change of purity brightness, follow this principle, the web page color can be handy.

In the next section, we will introduce in detail the comparison methods and effects of various colors.



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.