Simple tips for UI design

The internet has been in the promotion of simple design of the voice, can be simple design have any tips?

There are many books on minimalist design, and the internet industry has been advocating the sound of minimalist design. Some people say, look at the domestic design of the major portals, are all the words and functions of rough piling up, is the Chinese really not good at design simplicity it.

What the product looks like is related to the product audience. We look at the domestic television shopping, has always been "how many functions" direction to promote products. Perhaps our target audience is something that likes all-inclusive, not the fault of the designer and the product manager. In order to meet the needs of the large environment products, we have to use a variety of optional functional points to attract users.

　　A bloated, tiresome, simple desire.

Product function is not good, bloated function will make the product itself positioning and recognition become sparse, but also bring the visual and psychological pressure. It also makes the product appear to have no depth, it feels like a sudden skip over the foreplay into the climax. The initial version, as long as the key features to ensure that the concept of the product will be set up.

However, if the product is too shabby, only limited to the use of the scene, users will be very low frequency, it is easy to forget. It's also a sore spot for most travel sites and apps.

Every time you think about the function point, you probably will have this kind of trouble.

　　Simple techniques to make a product "look simple"

I do not think that the App in foreign countries will be less functional than the domestic. In the case of the same function, the domestic App design does not consciously make the interface look more simple.

The simplicity of product design, the most intuitive feeling is the UI design. Here are some important tips that I think will make App "look" more minimalist.

　　Circumflex

American group Net-circumflex

Circumflex, that is, the content of the contrast treatment with yang, through the method of contrast can make the amount of information in the visual "appear" less than actually.

Patchwork, strong and weak information layout, so that users more easily grasp the overall structure at the first glance, so as to quickly find the information they want. It's like a newspaper headline, a variety of headline sizes. These changes allow people to read more smoothly. Imagine that if the contents of the newspaper are all of the same size, I'm afraid no one will have the desire to read.

From the operational point of view, through the content of the strong and weak processing, but also to achieve the focus of the user to guide the role. For example, some sites intentionally to share the button to do than other buttons to larger, more conspicuous position, is consciously want to let users to share more, so that the content is better spread.

Circumflex can be the size of the interface element, color, font, etc., can play the following functions:

Make the interface look more simple;

To guide the user behavior;

Help users quickly find the most important information for him;

Strong and weak contrast, reduce the reading pressure sense.

　　Leave White

Amazon-Stay White

One of the important elements in UI design is the use of white-keeping. text, buttons and other elements around the larger white, the more can enhance the sense of existence. (This is actually a variant of "contrast" mentioned above)

Leaving White does not mean that the page's information capacity is reduced.

Smart phones are very comfortable to scroll up and down, and there's no need to make all the content appear in a single page so that the font size gets smaller. Doing so will make the information more difficult to read.

The user's vision needs to be "gasping".

The interface with large information capacity is a reading burden for users. In the design of these interactive interface, we should pay attention to the use of white. White can make the interface rich layered sense, so that the user's vision to get "breathing."

The icon should also be as simple as possible

The simple icon

Designers are usually designed on a large screen, but in fact some details on the big screen and the actual performance on the phone will be an unexpected difference.

Some of the icon magnification is very exquisite, but put on the phone to see where there are some improper, feeling more details crowded into a lump, counterproductive. At this time can try the extreme simplification of the icon, and then the original design for contrast, and make subtle adjustments, there will be unexpected results.

Each person to the simple understanding may be different, but such several times back and forth to the icon repeatedly polished, to the simplification effort can see the effect.

More

The four design principles mentioned in the design book for everyone to read:

Contrast

Snap To

Repeat

Intimate Sex

These principles can be used as a judge of any graphic design. is also useful in UI design.

Digression, the first part of the "circumflex", in fact, and IA design-related, here is not to elaborate on this, starting from these few simple tips, let the product UI design become simpler.