Design theory: The application of color in interactive design

It may be said that color is a visual designer to consider the problem, the interaction can not consider the color. Yes, visual designers for color has a strong view and grasp, because of the importance of color design (people For information, the first is to start with color, followed by graphics, text), in the product design process, visual designers have the first right to judge.

The cognition of color, from the philosophical level to the scientific category, people found that the color of the psychological impact of people have their habitual curing, these perceptions are extended to the use of people for products. Thus, in the process of product interaction, color can be expressed in a broad way, thus clarifying the motives of human behavior.

Let's give some examples of life, the traffic lights are already clear about the perception of human behavior; hot and cold water pipes, red for hot water, blue for cold water .... These are based on the psychological cognition of the color of people to do the design, as to red is which red, blue is azure or cobalt blue, These are to be defined by different brands to the user, which is the visual designer to consider.

In the Internet product design, the same principle exists, the network originally defined the text color, blue for the link, black for the text, gray for the current not point or unimportant information, red to emphasize, warning role, the default link and underline.

Specifically, an example of improvement, the previous "My Taobao", the transaction reminder: "Buy: In the last three months, you have a total of 13 buy transactions, please go to the" bought baby "in the view. "The new edition is optimized by reducing the copy to:" Buy in the last three months (13). The whole clickable, the problem here is that the text is not like links, visual cues are not clear, users think that the black word can not point, all points behind the number, the number of small areas. Finally changed to "three-month buy (13)", Text with link color (again reduced copy). There is also a problem, the reminder, there is a need for immediate action reminders, such as: to confirm the receipt of goods. Also have a user to see can, do not need to operate immediately, such as: three months to buy. In this way, and made an adjustment, need the user immediately operation, the following number with orange, such as: to confirm receipt (9), do not need to operate immediately, the number or black. (emphasis on the use of warm color system to make people more attention, such as red, Taobao used to orange).

The above example of several changes, that is, through the color adjustment to enable users to complete the task faster, of course, we can improve the function of direct users to confirm the receipt of a baby.

In the color theory, hue corresponding to its characteristics relative to the feeling of fixed some, such as warm has a sense of expansion, closeness, urgency, cold color back feeling, cool feeling, contraction feeling, no color has objective, narrative, elegant and so on feeling.

Studies have shown that dark cars are more prone to car crashes than bright ones, because the dark-coloured car's sense of contraction makes the rear driver feel far away from the front car, and looks small, and the attention level decreases. Color all to the point of vital, but not so scary, hehe.