1. Application of grey

Add a little gray, you can easily achieve simple style on the web page. As a replacement for the ordinary white background, the number of pages adding light gray to the background is gradually increasing. The best thing about the gray background is that no matter how rich the colors are, pictures of warm or cold colors can be well displayed, and the use of gray around the brand colors or images can also leave a good impression. Also, it is good to use light black gray as the shadow on the plane color. No matter what color you choose to match with gray, you should remember that their job is to help users feel the color.

2. Asymmetrical design

Let's not use grids for layout. (Or at least try to adjust it to asymmetric left and right.) The background design does not need to completely align every element and pattern. In addition, he does not have to be a solid color or pattern. Combine the elements required for web design and balance them around left and right asymmetry. For example, in the above case of Nap Luxury GuestHouse, the picture is filled with the whole background picture, leaving only a little blank on the right side. Also in CMMNTY, text breaks the balance of blank space and forcibly shifts the user's attention to text. In the case of vase, on the super large commodity pattern, careful consideration of the placement of text makes the design very outstanding.

3. Combination of geometric pattern and full screen background

The design of full screen background image is one of the most popular background styles. It is most appropriate to focus the user's eyes with a large image. In most cases, a full-size image is used as the background of the home page, and text and navigation menus, CTA buttons or information will be arranged on the top of the image. If we want to achieve more interesting visual effects, we can use the technology of overlapping geometric patterns on the diagram. Designers can add a variety of simple styles and shapes. To do this well, remember that the purpose is to use geometric patterns. It would be better if the overlapping part of the geometric pattern in the line of sight could prompt the user to perform specific behavior. Adding color to a heavy background such as black or dark will play a great role in guiding the line of sight.

4. Overlapping bright colors

Overlap geometric patterns on the layer as the background, and use color elements to achieve the same effect. The choice of bright colors is very bold and unique for the background design. Through these colored backgrounds, the user is guided to the design team, adding visual effect concerns while creating a blank space, which can achieve the effect of getting more at one stroke.

5. Abstract effect and abstract art design

Sometimes the idea is impractical when doing background design. Let's try abstract design at that time. Color, shape and some small patterns are combined to show an interesting visual effect different from others. When doing web design, it is very important to have visual differences from other works. It is necessary to arouse users' interest to start a web page with the idea of "What is this?". If the design is similar to others, there is no reason for users to visit your website. Keep the beautiful design in mind. Combine attractive words and enjoy the fun of design. Dare to put into practice all the interesting ideas that others have not used before.

Does your website use an old, outdated background style? At that time, redesigning a more modern background style will make your website better.

Refer to these cases to make each design different. Try more creative styles.

information sources Shangpin China : Education website production