Use images to create a sense of scene and enhance the user ’s real experience. In recent years, the design of pictures as backgrounds to fill the entire screen has become more and more extensive. Once only fashion websites or photography sites would rely on impactful images. Almost any type of website is likely to use this large picture as a background, especially corporate branding, product introductions, and so on.
In the process of designing a web page, a large number of pictures are used, and most of the pictures found are of very different styles and no brand sense. So how do you find suitable and correct pictures?
How to correctly apply pictures to organize some experience summary for your reference:
1. Refining keywords to find pictures First you need to refine the keywords of the product characteristics, and find the appropriate pictures through the form of keywords.
The picture above is the Google Cloud Disk official website banner background. It is a picture looking outwards from an airplane. It is not difficult to find that the slogan "Use anytime and anywhere" is used to express the cloud disk in this analogous method. Files can be used at any time and any place. . Putting it in perspective, if we design the google cloud disk official website, first extract the keywords: anytime, anywhere, automatic synchronization, large space, etc., and use the most prominent features and representative keywords to find the right picture.
The picture above is the MobileFirst product of IBM, which mainly provides integrated services for user mobile applications from creation to maintenance to provide more convenient services for users. Then the keywords are extracted according to the project: mobile phones, users, this website uses a The picture of Zhang Ren holding the mobile phone for use is to highlight the business characteristics of the project.
The pictures above are the pictures used on Apple ’s official website and the research radio technology company Qualcomm ’s website. They are also used to refine the selection of pictures through keywords extracted from product features.
2. Picture branding What is picture branding? Use the keywords to find the pictures for deep processing, so that the pictures used in the project are a complete set, uniform style, such as the picture's hue, color saturation, and unique style can be adjusted, etc. Here are a few examples.
The pictures taken from the official Google Drive website are not difficult to find in terms of hue and color saturation. They are characterized by low saturation, deep color, and image noise. The colors are novel and distinctive, and the style is obvious. Unity.
The picture above is a series of pictures on the official website of the SAP company. As the world's largest B2B company, it provides solutions for other companies of all walks of life and different sizes, just as it uses pictures from different industry scenes: rich colors, but the colors are not too bright. All the pictures they use have these characteristics.
The brand promotion pictures of Qualcomm's website are impressive, the brand features are unique, and the colors are combined with warm and cold colors, and gradient effects are superimposed on the pictures. Although there are not many types of colors, they can have strong style and brand. The unity of people makes people have a deeper memory of brand recognition.
Project Practice Last year, several Tencent Cloud project revisions were made to try new style explorations, and large pictures were used as the background for typesetting. Considering the long-term development of the product during the design process, after research, it was found that the unified style of the picture plays a very important role in the promotion of the product brand. After several polishings, the implementation plan was quickly arranged. The page images of the new version of Tencent Cloud Online have achieved a unified style.
Summarize the design style of the large picture as the background. Although this design method is very powerful to capture the user's attention, it is very important to accurately apply the picture to achieve a greater experience. If you master it, understand the project background and use The key word method is to find a more suitable picture. In addition, it is also necessary to pay attention to the user's impression of the product. The branding of the picture is particularly important. The effect of designing the pictures used in the product into a unified set of styles is inestimable. .