Application of similar color in Web page making

1. Warm colors are mainly made up of red tones, such as red, orange and yellow. Warm tones give people a feeling of warmth, comfort and vigor, so the visual effects can be highlighted in web design. When applying a similar color to a Web page, be aware of the size and position of the color block. For example, set three warm colors (r:120, g:40, b:15,r:160, g:90, b:40 and r:180, g:130, b:90), as shown in Figure 1-1.

Different brightness will have different effects on people's vision, color heavy will appear small area, the color will appear large area. The same area and shape of the three colors placed in the screen, as shown in Figure 1-2, the screen appears monotonous, boring, this too average placement in the web design is not desirable. Set the color of the heaviest brown for the main color, so the area is the largest, the middle color slightly smaller, light area is the smallest, as shown in Figure 1-3, the screen immediately appears rich.

Insert the color of the picture must be in harmony with the basic color, in the Photpshop CS to adjust the color of the inserted picture, all the colors of the cold tones should be warm brown and neutral.

2. Cold color green, blue, purple are cold colors, cold tones can give people crisp, tough feeling. For example, set two colors (r:50, g:80, b:110 and r:140, g:170, b:180), one deep, one slightly blue, one slightly green, although the color tendency slightly different, but the two colors together very harmonious, understand this color relationship, Can create a harmonious color collocation in the web design. Perform "image" → "Adjust" → "color balance" command, adjust the color of the picture to be imported, pay attention to maintain the color of the picture and the color of the harmony, grasp a good sense of propriety, as shown in Figure 1-4.

The final effect is shown in Figure 1-5. The navigation bar also uses light blue that is not high in purity. This harmonious cold tone will make people feel the technology and the future.