The freehand ability required in UI design training

First, comics

Mainly not painting ability, more heavy shooting, narrative ability, scripting ability, a lot of bad painting, but still survive for many years of comics is really a lot, even can prove that the bottom line of painting ability can be very low.

Second, the game original painting

Although the content of the work is painting, but the game world view is the aerial view of the world, history and civilization of visual construction. Therefore, the historical symbols, aerial world view, product types, research and development process realization and other industry knowledge is more important.

Third, film and television

It's similar to the game, but everything you've designed can be done. Scenes, props, costumes, you have enough knowledge about construction, materials, shooting effects, and later. Those who seem to be painting work, in fact, painting is only a means of expression. is one of the most basic professional skills. But it's not a major career requirement. The UI is the same, the ability to draw is a means of expression, basic needs, just a small part of the work.

In all the industries that are related to painting, painting serves the purpose of the industry, so the art base required is never the same.

Therefore, do not take painting-related industries generalize, understood as the art industry. Most of the industries involved in painting are commercial, and the word art is mixed under commercial behavior.

Before we talk about the need for art, let's talk about something that is closely related to painting: sketching.

Most people who want to learn painting seem to be the first to learn how to draw a sketch ...

Figurative super-realistic sketch: Like a camera to paint, more subjective than the camera, a lot of detail is often impressive.

Many other forms of sketching are not listed.

Do we need this kind of painting ability to do the UI? Definitely not!

Look back, why do you have sketches of this form of painting? All the historical paintings you can find have a common feature: they all have colors.

For example, this one, "Ophelia":

In the impression of ordinary people, the painter is very good invincible existence, draw a picture like this, you do not care how long he spends, is a fix! Not really! Not everyone, who is directly capable of writing in the brain, directly drawing

Anything you see behind a complete piece of work, there may be more than 10, dozens of, hundreds of small drafts. Sketching is one of the most resource-saving ways to study: Because you can eliminate the interference of the color, or even remove the composition, and so on a series of superfluous factors, to purposeful learning elements.

For example, pure structure:

The existence of sketch is actually a process of painting. Because you can do without a piece of a boutique to draw. Just need to clear your purpose, go fast acquainted, compare, choose.

To talk about this, the main goal is to establish a concept: As a UI designer, please use the painting ability as an adjunct learning tool.

Back to the formal topic: What kind of drawing basics does the UI need? Structure-the way objects occupy space.

The general design industry sketch is the structure sketch, the structure importance is self-evident.

Why are sketches drawn from geometric figures? The reason is simple enough. When you are dealing with a complex graph, it is easiest to understand and control it by disassembling it into simple geometry. We are in the two-dimensional world, to show the space of the three-dimensional world, so understanding the structure, we can understand a lot of other things.

such as light principle:

Light is a permanent existence, the influence of the factors, in fact, is the structure, followed by the material to the reflection of the scale.

Certainly also need to learn and understand the perspective principle. Because today is not to explain the art foundation, so can only do a brief introduction.

General Perspective: Basic Perspective principle

Parallel perspective: In fact, the graphic design industry with the most perspective, do not consider the factors such as anti-point deformation.

Visual perspective: Human vision is a physiological error, so the senses, a lot of perspective have been modified to adapt to the eyes of the people to watch the way.

Warp perspective: For special purposes, you'll use a warp perspective, for example, your phone isn't actually horizontal to your eyes. Many times there will be a tilt. When the UI is designed, the corresponding adjustments are made according to the purpose.

Color principle:

Color is a knowledge that can be taken out alone: color is an important means of visual guidance, emotional guidance, and perception control. Many people feel that color is difficult to master a ability, in fact, do not worry too much, because there are a large number of ready-made color composition, and color table can be consulted. At least learn to collect color tables and use them as needed when you can't use them subjectively.

Composition:

Because whether it's painting or UI, everything we see has boundaries.

Since there is a border, we must arrange the location of the main content.

For film and television products, is the lens sense.

For the UI, it is the viewing comfort and the comfort of the operation.

So if a UI has the ability to paint, there are several benefits.

First: You can quickly try to design and compare in a short, efficient way. greatly improve work efficiency.

Second: The more skilled you are, the more productive you really are. Because of your mastery of perspective, structure, light principle, light color, you can quickly dismantle everything you see in your eyes and then change and regroup them according to your needs.

Third: Many times hand-painted is irreplaceable existence.

Re-examine the relationship between drawing knowledge and the UI:

Structure: Nothing is no thickness, even if it is flat design, many also have thickness.

Perspective: The deformation of the structure must be in the frame of perspective!

Light principle: can understand the structure, can control the light source freely.

Composition: In fact, the most frequent use of UI work principle, layout is always the key to overall control.

Color principle: everywhere, can't ignore.

No matter how you do any drawing exercise, be sure to clarify the purpose of your painting. Painting this thing is actually a quantity of accumulation, even if you do not because of painting and improve the design ability, but long-term to maintain the painting habits, absolutely greatly improve your design efficiency is true.

In fact, in all walks of life in China, in fact, there is no position is the job content Norisada special precision. Especially some small companies. In addition to the UI work, animation, special effects, scene elements, role slicing, can also be encountered. The ability to hand-draw can make the UI job icing on the cake, with greater resilience and higher productivity. There are also more opportunities for horizontal expansion of professional capacity.

So, you should have some hand-drawn ability. and the related painting knowledge.

The last thing to say is that the way to "understand" the visual world in a painting is a good way to try painting, but make sure you do it for the purpose. Don't draw for the sake of drawing.

Here are the articles related to UI design training--Five interactive Design app interface appreciation

A little bit of UI design training for yourself every day adds a little more experience every day.
More UI design training in fun, interactive design training, web design training, graphic design training and so on you.

From: Oxford Education

Free UI Design Open Class

The freehand ability required in UI design training