Webpage art design methods

Artwork is divided into plane art, webpage art and three-dimensional art. Here are some web art design methods, I hope it will be helpful to everyone!

1. Color matching

In fact, the sense of color is the most basic quality that a designer should have. His works include web interfaces, system interfaces, product packaging, etc. Widely used. Some basic theories, such as warm and cool colors, contrasting/complementary colors, color psychology, matching principles, etc., are all over the street. If you are interested, just search for one or two articles and take a look. For graphic designers, color is more importantly a feeling, just like the feel of shooting a basketball. This feeling can be acquired after watching and practicing more. When Mars first came into contact with design, he would pay attention to the colors of the signs of companies and restaurants on the roadside even when riding the bus. He always paid attention to the beauty of color matching in life, and he lost track of how many color screenshots he had.

Designers generally use colors in several stages:

Primary stage: Use the 1~2 colors that feel best to you, without considering other factors or other people. Feeling;

Excessive stage: Start to feel that one or two colors are monotonous, try as many different colors as possible. It is very easy to mix and match without purpose at this stage;

Mature stage: This stage After understanding the public's aesthetic appreciation of color, they begin to rationally match 1 to 2 colors, and can appreciate the subtle differences in different color values ??of the same color. Most designers are at this stage;

The ultimate stage : Using a color to the extreme, even using only black, white and gray, completely immersing yourself in a certain color, even a little abnormal, but the creative effect will make designers in the third stage look like the work of a master.

In fact, this is also a process of continuous practice and accumulation, so that the feeling of color will be improved.

2. Layout

In addition to having a good feel for colors, art designers must also have a good grasp of layout. The quality of the combination directly affects the effect of the work.

In fact, it is not difficult to do a good layout design, it is nothing more than the following steps:

Layout preparation: Make it clear what necessary words and pictures you need to express the main part of the content. Don't think about too many details.

Layout format: There are various layout formats. You can choose the format freely on the premise of placing the key content in the most conspicuous position. For web pages, based on the browsing order of most people from top to bottom and left to right, the most important content, pictures, etc. should be placed on the left and top of the page.

Fine layout: consideration of various aspects such as overall color matching, fonts, spacing between modules, illustrations, addition or deletion of content, etc. This step is a delicate job.

Mars believes that the best way to practice layout is to make PPT. It is not easy to make PPT beautiful and streamlined. For pre-sales people in the software industry, how to make beautiful PPT should be a required course for them to learn internally. Once the PPT layout is done, other web pages, brochures and other graphic layouts should be at your fingertips.

3. Details

The wise saying "Details determine success or failure" is even more important in the field of design. Many details may be ignored by viewers, but they must not be missed by designers, such as background color, color gradient, spacing between components, title style, highlight style, font/size/color, line/paragraph spacing, There are too many illustration position/edge processing, input box width and height/border color/background color, button position, etc. As before, only if you see more and compare more can you see these details. Some people think these details are not a big deal, but the combination of multiple details makes people feel uncomfortable.

The above aspects are all about the improvement of personal aesthetics. If you are not planning to conduct aesthetic research, I think too much pure theoretical study will not improve your aesthetics much. So my suggestion is: watch more, imitate more, do more, and compare more. Don't create blindly without any aesthetic sense. In fact, there is nothing shameful in imitation, which is the final stage of learning.

For example, if someone imitates MJ's dance, although it is not very similar, it will be loved and sought after by at least a small number of people, such as at a Christmas party in a certain school/class; and if one does not understand the public's aesthetics, it is likely to dance like Sister Furong. It's just a joke. Developing a good aesthetic can be applied to all aspects of life, and all aspects of life also exercise your aesthetics, such as photography, arranging your own room, desk, and matching clothing, which can improve your taste in life.

4. Mentality

In the accumulation stage, keep a calm mind, be practical and patient, and avoid being impatient. Art itself is a delicate work, and it is useless to be anxious. With basic aesthetics, you need to relax when creating, do what you want to do, eat what you want, and do whatever you want, providing an environment for your own creative inspiration. Don't mean to sit in front of the computer and think about it. You will get twice the result with half the effort, and you will be depressed to death.

5. Skills

With a good aesthetic foundation and creativity, the next step is production. Compared with the cultivation of aesthetics and the advent of creativity, Mars feels that some tool skills are easy to learn. It is just a question of whether I use pencil or brush to draw. A brief introduction to the tools that Mars comes into contact with:

Drawing skills: Photoshop (plane processing, etc.), Illustrator/CorelDraw (vector graphics), Flash (animation), Premiere Pro (film and television post-production), etc. These are just applications. Tools;

Page programming skills: html, css, JavaScript, etc.;

Optimization skills: image compression, web page optimization, etc.

There are a lot of tutorials on the above tools, and NetEase tutorials are recommended. You can look for some basic ones and look at them. Once you are familiar with them, you can master them by using them frequently. Deeper skills can be used in the future and then studied and perfected. You should learn while using them, so that they will be remembered deeply.

6. User experience

User experience generally appears in web design and system interface design. It is the interaction process between the user and the human-computer interface. The ease of use of the interface operation directly affects The user’s impression of the product. User experience is a higher requirement for artists, and it even goes beyond the scope of art, but only if artists understand these can they design the interface layout, overall matching, etc. more reasonably.