The color system of commercial products

Commercial products have such a number of characteristics: 1. Information is large; 2. functional modules; 3. User role diversification; 4. The level of operator is uneven.

In general, graphics and colors are the first elements to guide users. In a business system, graphics are not to be abused.

So how to use color to guide the user to obtain information is a key point in the system design.

Here's an example: the system tells you where you're going, where you want to go, what's there?

Reasonable color applications have the same effect:

-Where are you?

-which are operable

-What are the important information

-What is the information that is helpful to you

-What is the relationship between information

Then we can divide the whole color into two main categories, the body color and hint color

Body color

1. Main visual color: determines your overall visual style. Usually, a cool color, and others are grayscale auxiliary colors. The advantage of this is to reduce the effect of color on the information subject, and the application of grey system will be very good to foil the presentation of the graph and the information level expression;

2. Operable color: It is very important to make the operable items obvious. There are links, buttons and regions in several forms, we have all the action items or areas are defined as blue, including the button is also a cold hue, links away from the nasty underline, so that information recognition more clearly;

3. Activation color: can also be called the current color, used to affirm the relationship between the current information and its related information, commonly used in the tab tag, navigation, tree menu, where we do not have a strict color definition (if it is better to unify), follow the principle of color consistency.

Hint Color

This color application tends to standard, according to the degree of information to distinguish the good, this kind of color usually with the status of color with the application, such as the advertising system commonly used material status

Success Tip: This is relatively simple, give users the normal operation of feedback and incentives;

function, operation and help tips: Also called help color, so that users form a unified understanding, quickly locate or identify the information;

Warning Color: We define a level two warning color, a category of warning or error, the other belongs to the warning, need to pay attention and correction

Reasonable color system can reduce the user's learning costs, complete simple and effective information guide!

Article Source: ued.baidu.com/?p=627 reprint Please indicate the source link.