coloring scheme

#1: Tri-Color Matching

This is the most basic method and the most balanced color scheme, using complementary bright colors. On the color wheel, select three colors separated by 120 degrees from each other as the background, content and navigation colors.

#2: Combining Colors (Split Complementary)

This color scheme is relatively difficult, and you need to pass a certain amount of testing and exploration to get it. If paired well, the effect is amazing. As shown in the figure, this color scheme is to choose two pairs of contrasting colors adjacent to each other on the color wheel.

#3: Approximate Color Matching

The core of this color matching is to select consecutive adjacent complementary colors. If you want to use this to please users, you must be careful when choosing. This color matching method can highlight the vitality of colors, but because they complement each other, the contrast between colors and effects will not be as strong, but will be more exaggerated.

So, when you start thinking about the psychological properties of color, try to measure the entire color scheme as a whole, rather than picking a color for one part in the hope that it will work in harmony with the other parts.

Take a look at the page below and think about it, what message does it convey to the user?

1. Background Color - A dark background makes the entire page look classic, refined, composed, formal and sufficiently "corporate". When you're designing a website, the feeling of "excellence" always gives a good look and feel. Formal and corporate attributes usually keep visitors from viewing the site with a playful mindset, and can bring a certain sense of trust.

2. Button color - The designer used a strong contrasting red color on this CTA button (call to action button), which is eye-catching and very attractive to users to click. Relatively speaking, the white-edged ghost button has a significantly lower priority than the red CTA button. Button color The button color is logical in the overall color scheme, and the position is clear.

3. Text color - The white text forms a clear contrast with the black background color, which is also very harmonious from the perspective of the overall color scheme. In addition, the line icons that match the text also use the same white color, using a highly consistent color scheme, and the exposed text suggests that the user needs to scroll down.

In general, the whole design scheme is not bad, the black and white matching is quite satisfactory, and after adding red, it looks lively. Since the use of red is quite obvious, a little embellishment will not appear too much, all of which make the entire color scheme stand out. Make the entire colorway stand out.