Using the skills of artistic design

Pictures play an increasingly important role in the page. The following are the skills I shared in using art pictures. Welcome to read!

The first eye-catching picture

Rotating the first picture on the screen is a popular web design technology at present. Designers create an immersive experience by covering visual images, which is very consistent with the information acquisition method of human vision priority. Therefore, a beautiful first picture is an important means to catch users' attention. A good first picture can let users know what they can get from this website.

Pictures on the page are often the first factor to attract users.

The first picture is a perfect container for storing information.

Tips:

It is best to use only high-definition pictures in the first picture. There is nothing worse than a low fidelity or even a distorted picture. If you want to use the first picture, the quality of the picture represents everything.

If you want to cover the picture with text to make the first picture, please make sure that the visual subject in the picture can be easily recognized and understood by the user, and at the same time have enough contrast with the text content.

Show in the natural environment

Displaying products according to the environment and usage scenarios is a common skill of e-commerce websites. The actual data also shows that the conversion rate of such pictures is very high.

For example, the GorillaPod in the picture below puts the product in the actual use scenario, giving users a real experience.

The flexible tripod is the focus of the whole picture. The design of the first picture is very creative, and the transmission of information and content is quite efficient.

The first picture on the website of Julianne Bicycle also puts the product into the usage scene.

Compared with color pictures, black-and-white pictures cannot attract visitors with striking colors, and black-and-white pictures rely more on the content itself for visual communication.

Modern black-and-white photography emphasizes artistry, and many photographers think such pictures and photography are more pure.

But why are black and white photos and pictures so sought after? Quite simply, colors will distract the audience.

The existence of color makes it easier for users to ignore the composition and details of the photo itself, and users' attention may be drawn to other places, thus ignoring key elements such as CTA buttons.

Tips:

If you use black and white pictures as the background, you can give the CTA button a striking color to attract users' attention.

Color superposition

The color superposition value mentioned here is to superimpose a translucent color layer on the screen, which can usually make the screen more in line with the needs of brand color or visual design.

Superimposed colors can make pictures more likely to cause emotional reactions of users.

Color superposition enhances the appeal of the picture.

Even on a black-and-white background, color superposition can enhance its appeal, but choose the right color.

Tips:

When you use a single color as an overlay, control the transparency of the color. The color with low transparency will make the background picture difficult to recognize. To make the effect more subtle, we must control this degree.

Text composition

Carefully designed typography can enhance your brand personality. When these typesetting and pictures are matched together, the sense of form and expressiveness of the whole design will be obviously improved.

The style of the text and the information it contains, and the content of the picture echo and interpret each other, which is the best collocation.

Under the same interface, there are both confrontation and cooperation between pictures and texts.

Tips:

Formal typesetting is a very good visual element, but it should not usurp the role of the host. If it is too conspicuous, it will reduce the presence of the picture as a visual element.

Always keep in mind the problem of readability. Too fancy fonts and typesetting designs may cause problems of color contrast and recognition.

Formal font and typesetting design does not mean complexity, sometimes it can be simple, and using simple and easy-to-read fonts can also bring excellent results.

Asymmetric layout

Asymmetric layout itself is also a popular design technology. Many web designers especially like this interesting layout.

This layout is very suitable for guiding the user's vision, because the page has light and heavy contrast, so it can guide the user's eyes to browse the page content step by step in a logical way.

The visual weight of words and pictures is different. You can put them in a symmetrical position on the page, and the asymmetry of visual weight is formed. Structural symmetry makes the page balanced enough, while visual differences make the page look uneven and interesting.

;