Visual design is to better express the message

In daily work, we often encounter some design is very "beautiful" pictures are not recognized by the user, the click rate is very low, this time we will secretly complain, but did not understand what exactly is the problem?

What is the difference between web design and graphic design, we subjectively add elements for the page whether there is a rule to follow, bloggers used to be a visual design rookie (now too), with their own personal experience to talk about the Web page Some experience in the design.

Let's take a look at a topic of banner below:

At first glance, the picture seems to be OK, but after scrutinizing, you will find that there is not a visual center in the whole picture. What exactly do you want to express in this picture? Take a look at the above elements: a woman, a model stand, a light, Showroom, clothes. Seems to express a lot, in fact, in addition to the designer I know this is the theme of clothing and accessories banner, others are confused.

Then we look at the banner of the same theme:

The "fashion apparel" in the center of the picture tells us that we are selling fashion clothes, and the picture elements tell us that we are selling clothes accessories, shoes, underwear, swimming caps and so on. This banner not only expresses the theme of clothes and accessories, but also tells us the complete range of our kind.

Through this example we will gradually understand the purpose of visual design: the essence of visual design is to better convey the information.

Communicate the manifestation of the message:

So how exactly can the demand information through the design of outstanding expression, there are a lot of learning, I will talk about their own understanding:

1. Product Style Before doing the design, we must first figure out who is the service object, each of the different groups of people's awareness, design style should also be adjusted according to the crowd's awareness, that simple point is to be based on the target The crowd determines the design style.

Now let us look at a group of banner:

The difference between the two is that fonts have changed, but the temperament conveyed is quite different. "Linkage" is a business product, but the banner of the font clearly can not express the business people clean style of doing things, the product will naturally reduce the sense of trust, lack of trust, the expression of the copy there is no sense.

Therefore, the design style to go to meet the preferences of visitors. For example, pink certainly can not be used in military sites, red can not be used as the main color of medical websites. & http: //www.aliyun.com/zixun/aggregation/37954.html "> nbsp; visual quality of the product is a kind of information expression.

2. Restore the authenticity of objects

What is the real object? Let's look at the picture below

The picture above is the iBooks interface. Beautiful content form, full of realism, using the familiar wooden bookshelf UI so that users feel in the experience of nature.

The interface of the product is the main way that the visitor is familiar with the product. When the interface of the product is close to the real world, the lower the learning cost of the user is, the ease of use of the product will be improved. Look at a group of solar theme banner:

Contrast two banner, put aside some detail of the scrutiny, the second picture to convey the message than the first one should be easy to understand, the designer can not subjectively represent the user's aesthetic cognitive ability, restore the true feelings of objects, rendering The most authentic product images, is a very direct way of expressing information.

3. Uniform norms

Design does not have a rigid evaluation criteria, it is precisely because this design will look brilliant. However, the design of the product user interface can not be equated with the design of posters. In pursuit of differentiation and expressiveness, we must take information as the main objective and improve the usability of the product.

I personally think that a good design is not to make people shine, but to allow users to have a familiar feeling of belonging to their own room and belonging, in the face of large amounts of information on the Internet page, 10243.html>> visual designer The duty is to let users find the information they need in the quickest way.

Since the development of the Internet, most users have their own habit of using directional thinking. How to conform the design of the user interface to the preference of the user needs to meet the mainstream visual norms or make a visual specification. Here are some examples of visual specifications: ① the unity of the elements

② the unity of the layout

Pictured above is www.Made-in-China.com login registration, the area of ​​clickable area is too much, in order to ensure the page's concise visual effects, Button does not maintain unity, but landing, registration, to find Back to the password, the guide is in the same area, which is a uniform industry standards, most users will be aware of the registration of the entrance near the landing port, so the registration port did not make Button but just made a simple link.

Source Address: http://www.54xiaomeng.com/?p=66