Shulou(Shulou.com)06/02 Report--

How to understand web visual design? in view of this problem, this article introduces the corresponding analysis and answer in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible way.

Equilibrium of composition

1. In the case of non-equal shape and equal quantity, the composition is summarized and measured by "equilibrium". Equal to the equivalent balance of 50% of the composition of each station.

2. The elements of balance: balance, change and unity, light and shade, color, spatial level and so on.

The relationship of composition

Shape, position, area, direction, hierarchy

The law of composition

Balance / law

The basic characteristics of visual guidance: (follow the normal reading order)

First, color guidance

Second, shape guidance

Third, posture guidance

IV. Light and dark guidance

5. Instant capture

VI. Proportion

-- lovely dividing line--

You may feel that there is a lot of repetition. But if we don't make them independent. It is impossible for readers to understand in more detail. There may be something that is not very accurate or that I have not analyzed. I hope you can help me make it up.

The role of screen / visual guidance:

1. Guide the reading order. Although it is a normal reading order, it still has some changes.

2. Guide to the key points

3. Guide the distinction between the weight of the page and the distinction between content and function blocks.

4. Guide the understanding of design ideas.

5. Guide regional culture (such as Chinese / ENGLISH)

6. Guide, the specific content is mainly reflected in the navigation.

Curves, arcs, light and shadows

When beginners' understanding of posture guidance and shape guidance is not deep enough, be careful to use arcs.

-- prudent dividing line--

Curves and arcs can be applied softly as split pages. The effect is known to everyone and it is very good. But how to use it properly?

Follow all the above points. Know exactly what your arc does. Think a little bit about the setting of color and transparency, I think, this is not very difficult.

A starting point and an end point. Consider the size of the picture and how much you see at different resolutions. If there is no end point, then the visual extension and

How to express the guided association.

Think of the shape of the lotus leaf, the shape of the banana page, and the tail gas of the plane bending in the sky. In fact, the arc is right next to you.

What kind of arc makes people feel natural?

Light and shadow

We are not talking about movies here.

I don't know exactly. In short, this effect is very cool, very GOOD. I like it。

It still follows the theory of visual guidance and arc mentioned above.

After the deep or shallow or incomplete exposition of these things, a word "visual weight" popped up in my head.

At present, it is not possible to make an accurate definition or discussion of the word. But I think I can describe it.

1: law and order determine the level and weight of visual weight.

2: the harmony produced by contrast and unity can set off the balance of visual weight.

3: a jin of cotton and a jin of iron (intuition tells me it has something to do with this)

4: the reading habit is heavier at the beginning and end than in the middle. (on the basis of equal form and equal quantity. Such as a line of words)

5: texture and association.

This point is much easier to explain. The feeling of Baik Woo-Hwa cotton is unbearable, although it can give people a sense of suffocation and depression through hue.

But it is still much lighter than the texture of marble or steel. It mobilizes the readers' associative thinking. Then the concept of visual weight will be clearer.

6: under the same performance of 2D and 3D, the visual weight of 3D is heavier than that of 2D.

The answer to the question about how to understand web visual design is shared here. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel to learn more about it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.