As we all know, each color gives the user a different visual experience. Now people depend on mobile phones, you can see the development prospect of mobile apps, so today I will talk to you about how to carry out the layout and typesetting design of mobile APP interface through different color collocation. Mobile terminal UI interface is usually need to select the main color, standard color, dot clear color. What they stand for:

Although the main color determines the color of the picture style, it is often not used in a large area. Usually in the navigation bar/part of the button /icon/ special page and other places, will be a little clear, setting the role of. Unified main colors can also let users find the brand sense of ownership, such as NetEase red/Tencent blue/Beijing Donghong/Ali Orange and so on.

Standard color: refers to the color specification of the entire mobile interface, determining the color of text/line segments/ICONS/backgrounds, etc.

Dot color: usually used in header text, buttons, ICONS, etc., usually to emphasize and guide reading.

Common mobile TERMINAL UI color matching design schemes are as follows:

1. Color matching rules for adjacent colors :(adjacent colors on the hue ring)

In other words: select several neighboring colors on the hue ring to match the design.

2. Color matching rules for the same color system

Mainly refers to the same color scheme (color consistency, different saturation) color scheme:

The main color and point clear color are in a unified hue, to the user a consistent feeling.

Some of the most common APP interface design works on Chase wave: all use this color combination.

The third is the bright color scheme

The main color with relatively calm color, point clear color with a highlight color, drive the page atmosphere, emphasize the key role.

For example, the beautiful APP interface design of chaser network is as follows:

The fourth kind is neutral color matching color rule

Use a few neuter colour to be fundamental key collocation, weaken interference. This approach is the most common on mobile.

By black, white and by black and white harmonic of various shades of gray series, known as no color, also known as neutral colors. Neutral colors do not belong to cool colors or warm colors. Black, white and grey are the three most common neutral colors.

The fifth is the law of gradient color and solid color matching

This bold color scheme is also a bellwether to watch for 2017. It is also a trend in mobile APP design in 2017. Learning to use color more boldly can be a good choice.

The above is xiaobian with you to exchange learning five kinds of mobile terminal UI interface design color collocation design scheme.

Five colors commonly used in APP interface

Source address: blog.silucg.com/UI/sj/5793…. (Please keep sharing)