What exactly does a UI designer do?

What the UI does, the workflow to be received from the UI--product/interaction/design. In other words, we usually receive interactive drafts.

At this point the UI sees an interactive design that needs to be considered:

1, this arrangement is reasonable (such as 960 of the screen and 1136 of the screen can be enough to accommodate the design key information)

2. Where is the focus of information?

3. What kind of user is the crowd?

And so on, it's all about you. Other than that

Usually the interactive manuscript we get is this:

The output requires this:

So the middle of the pit and the chasm is our own fill.

After solving the above problem, we started with UI design:

1, from the product needs to start, consider what we want to use the main color.

For example, the same group buy, glutinous rice with a peach red, and the United States is emerald green. Then we first need to consider the main color problem in the UI design.

　2, color and auxiliary color.

In consideration of product temperament and brand-color colleagues, we often have to consider the product with the main colors of the auxiliary color. In different products, the use of auxiliary color strategy is different, such as we often say: adjacent color, contrast color. Is the way we choose the auxiliary color.

　　3, with what style to express.

Now, speaking of style, flat wind. But there are also differences in flattening. For example, the figure below is also flat. But the left picture is slightly light with some light, and the right is flat. Can you say which is good or not?

The same information is also expressed in different ways on the expression of the UI. Then you can only think about the specific style you need to use in your UI design. These are the working contents of the UI.

　　4, icon into what style.

The same is the setup, Discovery, home page, different app in the basic structure of the same situation there are a lot of subtle differences. It is to use the rounded corner of the icon, or right angle, is the use of noodles or linear, the design of the language behind the logic is what the purpose of the design. are designed to be considered by the UI.

For example: Tencent's products, hand Q and micro-letter icon is completely different. The reason is because the product face of different people, hand Q more youthful. Similarly, you go to see the Mo, Contacts, easy to believe the chat icon is not the same. It all needs a little bit of detail from the UI designer to draw.

5, how to express emotional design.

In some detail pages we often have to consider emotional design, in order to improve the quality of the app, reduce the user in exceptional circumstances frustrated. At the same time, good designers will also consider how to guide users to solve, so as to meet product demands. Different products in the emotional design when the way different, style is not the same. These are also required to be handled by the UI design.

　　6, how to do the dynamic effect.

Because the mobile phone interaction is dynamic. So if we can use in some of the jump page to quote dynamic design, is not intended to add points to the whole app good way.

　　7, years of big headache icons icon.

10,000 people have 10,000 answers, so specifically how to do, or consider the user, scene, requirements and other details. The product can provide the direction, but the concrete landing still needs the UI designer to complete.

　　8, Fit, Chettu.

is also considered a perpetual topic. You are not a good-looking thing to be able to use, development to be able to develop. You have to think about iphone456, consider different Android 720/1280/1920, and even some companies have special considerations for certain screens.

In some small companies, the UI has to shoulder the problem of interacting with the product. This often requires the UI to store enough visual design capabilities while having good interactive design capabilities.