In many design fields and business services, whether the audience or the designers themselves, people

More and more people begin to care about the most intuitive visual feelings, while visual design is more and more

Commercial services have also received some attention, but many designers for visual design cognition is still not

In the state of ambiguity, let alone how to do a good visual design or a good work, its

Because of the wide range of visual design, the content and forms involved are also more diverse, for

In terms of design, all fields have certain visual design; This article will be from the visual design

Category about how to do a good job in the field of design visual design control;

Visual design is the expression means and result of the subjective form of eye function. In a nutshell

Visual representation of text messages, typography, color schemes and final results

Starting from the audience, the elements contained in the picture are artificially integrated in a reasonable and orderly way, so that

The presentation of sensory results with strong purpose and subjectivity also serves people’s visual senses.

That is to say, all the screen designs that can be presented in static and dynamic ways can be called vision

Design, most of the work we see is the result of visual design services;

Through two cases with the same content, it can be seen that there is no problem with the form, arrangement, color and other information of the case on the left, but the overall visual effect of the picture is not very sensible, and the color is too jumping, which makes the picture feel like neither fish nor fish. While the case on the right is to add texture, the arrangement of text information and some elements of the appropriate adjustment, it can be seen that although the case on the left has a certain reasonable order, but in terms of the final visual effect of the right is obviously better than the left; And visual design is to this seemingly insignificant details for comfortable and beautiful integration;

It can be seen from the two groups of cases that, under the condition of the same arrangement and color, the figure in the case on the left is not

There is a visual impact of any processing and normal text formatting, lower right

Expository text also has no meaning, resulting in a slightly weaker overall visual effect and poor reading; And on the right

In this case, proper form processing is done so that the text is readable and the bottom right corner is changed

A visual representation of a comma, as well as the whole picture where descriptive text is recognizable

Visual effects provide a good means of expression;

In the age of information explosion, people’s acceptance of written information is far less than the communication ability of graphics. Effective communication of information in visual design is the most fundamental task, especially the necessary text information in the screen needs designers to achieve the purpose of effective communication of information through certain visual expression means. The graphic visual symbol of the text is a good expression of this purpose;

When highlighting the purpose to ensure the effective transmission of information, but also let the audience like the enjoyment of beautiful paintings, especially in the creative addition must pay attention to the problem of the identification of text information, at the same time to ensure that the information can be clearly conveyed can be appropriately weakened, as far as possible not to cause visual obstacles to the audience aversion;

Visual design is to purposefully convey the information in the picture succinctly and elegantly. At the same time, it also makes the information to be expressed more strongly to the visual perception of the audience through creative expression techniques.

While ensuring the effective transmission of information, in order to highlight the visual effect for the purpose of the screen using different design methods of the table means, so that the elements achieve harmony and unity, so that the visual perception of the whole screen more pleasant;

The reason why many designers do bad visual design or screen visual effect is poor, most of them are

Not good at using geometry or controlling geometry, especially in the layout

Formal expression and text arrangement, appropriate addition of geometric graphics can be a good enhancement of the picture

The visual beauty, break the rigid impression;

Left:

Case is where the word normal join slope geometry and the slash the way also is familiar visual symbols, other place with not too much of an issue, and the main text using the disordered arrangement form of visual areas, but the overall look is not beautiful, and easy to cause the viewer to read and reading order problem, Does not play the role of the essence of visual design, is limited to the layout of the conventional arrangement;

Right:

On the basis of this text on the visual areas through the line geometry links, to cut the words again at the same time, make the line and natural be in harmony are an organic whole, not only have the effect of reading guide, but also make the whole picture of the visual effect is more beautiful, in addition to the appropriate background again add modification of deformation geometry in build a kind of atmosphere at the same time, More prominent role of visual design;

The processing of details has always been a platitude in design, but also designers should pay attention to

Problem, and here we are talking about details in addition to the usual details, if to do

Product to add the corresponding details, so that the work has a higher sense of quality, but also by the visual design

Small see big design means performance;

Left:

The whole picture is orderly placed in the normal form, and the overall picture looks good, but it is worth noting that in this case, most designers will stay here, and adding details is to keep trying without affecting the overall effect, so as to make it have a sense of quality of detail. At the same time, it is necessary to have certain visual perception and visual control ability for the subtle changes of the whole picture.

Right:

Add corresponding details to the text and the main body of the picture, so as to ensure the overall visual effect and make it more with a certain sense of quality, which is also the reflection of the multi-faceted thinking and thoughts of the picture. And this sense of quality is the visual perception gradually shown from small to large through the means of design. In the information can be effectively transmitted at the same time let the picture to achieve the purpose we want to make the audience feel your heart;

In visual design, many designers do not know which direction to start from, even if they have good ideas

I don’t know which direction to go, so here are four directions that can go indefinitely

At the same time, visual design can be based on the main body of the picture to be transferred to a certain aspect of the appropriate

The line focuses on extension and prominence, but other aspects should also be coordinated with it;

Font as an important carrier of information, its impact on visual design in addition to font library font selection, font

Choreography also includes font design, can be said to be more details of a direction, but also easy to neglect

One of the reasons is that, in many cases, it’s not the font itself, it’s the designer’s inability to do it

The temperament of the font and the temperament of the picture are well combined, even if there are subtle differences

Has a significant impact on final visual perception;

Create a new canvas and place the found material into the picture, in this case we need to first

Analyze the character’s temperament, try to capture the overall temperament for the back at this time

There is a general direction for font selection, text layout and effect processing;

Left:

First of all, the character material is properly depicted. Here, the contrast of the character is adjusted to make it look more texturing, and the highlight of the character is highlighted. This step is also a problem that most designers tend to ignore.

Right:

Text of the overall carried out in accordance with the magazine style layout, the character moves down at the same time, in order to make sure the face can not obscured, headline use boldface type fonts, and small text use the font of song typeface type, make the two different types of fonts in stark contrast, Chinese titles join a small middle English highlights creative;

After determining the basic renderings, the text is selected as the most suitable font for women to display, through the two renderings can be very obvious to see the difference; Although the text on the left side is more suitable for women, it will look thin in terms of overall visual effect.

Typography is also crucial to visual impact in visual design, whether it’s a web page or a website,

Whether it is e-commerce or UI design, good layout layout can not only promote the effective transmission of information

At the same time, it can also create a comfortable user experience for the audience; Use convenience as far as possible when dividing the layout

The way in which reading is arranged;

Create a new canvas and put the material found into the canvas, and then process the material appropriately to achieve the desired effect. The shape of the material itself leaves a good layout space with us, but it also needs to adjust its position appropriately to achieve the best idealization.

Left:

First character to the color, the overall move to left foot to the left edge, and then adjust the overall contrast, again to add noise at the same time, make its have the simple sense, more is to remove the transition traces of colour, the overall picture vision has been formed basically, and then consider the division of the overall layout for word placement;

Right:

To the golden section divides the body text information placed on the position of the Angle, take the corresponding proportion, and proper arrangements to coordinate frame to the text itself, add a small text is to balance the images and symmetry, let the text to achieve the most reasonable and comfortable reading, the choice of the color is in order to emphasize the visual;

Color is the most powerful visual expression, but also the most intuitive visual perception, and color in visual design

Color is usually used to highlight the subject, can be more quickly to catch the eye, but need to pay attention

Color is the visual perception formed by matching with each other, not the more color the better or

The brighter the better, but also pay attention to the overall visual effect of the picture, which is mainly reflected in the background

The color above the background;

Create a new canvas, then find a material on the Internet, the material into the picture, normally most designers for monochromatic is relatively easy to grasp, and for more colorful picture but don’t know how to match the right color, in this case our first impression of the first is to capture the picture, The second is to determine the desired style of a general range, after the material for appropriate processing;

Left:

The material color processing, and adjust the location of the material to make it symmetrical segmentation of the layout, while leaving some margin at the edge, it is worth noting that the color of the overall background is just a simple choice of a light gray, but for the visual effect of the picture is too monotonous, there is no echo relationship;

Right:

Firstly, select the background color, which is mainly extracted according to the purple in the picture. The light purple echoes with the temperament of the picture. At the same time, add the text arrangement, and the color of the text is also the green on the extraction way, but it should be noted that the text color saturation is not too high, otherwise it will affect the vision of the picture;

Most of the design is based on form innovation, expression form is also the best carrier of creativity, for

Visual design, expression is one of the most powerful means to promote visual effects, simple to

That is to change the style to meet the best visual experience;

Posters of choice is given priority to with words, to create a new canvas, then designed a good font in the picture, the overall color is according to the characters of text selection, if alone with font design in the picture it is sometimes hard to hold up a picture, and this kind of circumstance is need through the form of processing to enhance the visual;

Left:

Adjust the main body to the appropriate position, and then draw some lines to add a mask on the text layer to make lines and text fusion, at the same time in the text behind and draw some wavy lines to express the willow swaying with the wind, in the dense line situation, so that the visual effect of text instantly enhanced, but also the expression of creativity;

Right:

After the formal processing, the other words are put into the picture, and at the same time to form, and the visual perception of the passed the appropriate to add some water lines and leaves, such as modified element is used to enhance the visual expression of contextualized, mainly in the form of visual design, the overall effect can be very good information;

Although the visual design is changeable, it boils down to the continuous extension of the four directions in the article

Variations can be used in combination, or exaggerated extensions can be set in a single direction

Plan to highlight the visual effect; The specific application needs to choose the appropriate direction according to the actual case

At the same time, the four directions can also be used as the basic principle of visual design inspection;

【 Previous content recommendation 】

The orderly hidden grid in the chaos of the layout

Hidden grid drawing and layout innovation in layout

[Savage Growth] Three perspectives of composition in design

[Savage Growth] Five ways to improve the sense of design in the picture

Two tips for mastering style in your design

【 Wild growth 】 Word effect a laminar flow using rules

【 Savage Growth 】 Three techniques to fix the background

Visual illusion in typography and font design

【 Word word words 】 the whole series of font package download


Scan the QR code

Follow [16 Chuangyi] wechat subscription account

(Updated every Friday at 19:00)

I’ll see you next week