Bloated, easy to get tired, simple, and easy to get. uidesign looks more simple tips.

[Core tips] What tips does the Internet community have for simple design?

There are many books on simple design, and the Internet community has always been advocating simple design. Some people say that, looking at the design of major portals in China, all of them are rough lines of words and functions. Isn't it true that Chinese people are not good at simplicity in design.

What the product looks like is related to the product's audience. We watch domestic TV shopping and always sell our products in the direction of "how many features. Maybe our target audience is something we like, and it's not the fault of designers and product managers. To meet the product requirements of the big environment, we have to use a variety of dispensable features to attract users.

　　

 

　　Bloated, easy to get bored, simple to give birth to desires

Product features are not a good thing. bloated features make the positioning and recognition of the product itself sparse, and at the same time bring about visual and psychological pressure. It will also make the product appear to have no depth, and it feels like it's just a little over the foreplay and it's entering the climax. In earlier versions, you only need to ensure the key features and features that can enable the product concept.

However, if the product is too simple and only limited to a limited use case, the user's usage frequency will be very low and will be easily forgotten. This is also a pain point for most travel websites and apps.

This problem may occur every time you consider features.

　Simple tips to make the product look simple

I don't think foreign apps will have fewer functions than domestic ones. With the same features, the domestic App design does not consciously make the interface look simpler.

The simplest product design, the most intuitive feeling is the UI design. Here are some important tips that I think can make the App "look" more simple.

　Xiao Yang

　　

 

Meituan network-Yunyang

In contrast, the amount of information that is visually "visible" is less than the actual amount of information.

Incorrect and weak information layout makes it easier for users to grasp the overall structure at first glance and quickly find the information they want. Just like the headlines and headlines of a newspaper. These changes make reading easier. Imagine that if all the newspaper content is in the same font size, no one may want to read it.

From the operational point of view, through the processing of content strength, it can also achieve the role of guiding the user's focus. For example, some websites intentionally make the sharing button bigger and more prominent than other buttons, that is, they consciously want users to share more, so that the content can be better spread.

Highlight can be the size, color, and font of the interface elements. It can play the following roles:

Make the interface look simpler;

Guides user behavior;

Helps users quickly discover the most important information to them;

Comparison of strength and weakness to reduce the reading pressure.

　　White

　　

 

Amazon-white

One of the important elements in UI design is the use of white space. The larger the white space around the elements such as text and buttons, the higher the sense of presence. (This is actually a kind of deformation of the "comparison" mentioned above)

Leaving the page blank does not mean that the page information capacity is reduced.

It is comfortable to scroll up and down on a smartphone, and there is no need to make the font size smaller so that all content is displayed on a page. This will make the information more difficult to read.

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

The interface with large information capacity is a reading burden for users. When designing these interactive interfaces, pay attention to the use of white space. White space can give the interface a sense of excitement and give the user's vision a "breathing ".

Icon should be as simple as possible

　　

 

Simple icon

Designers usually design on the big screen. In fact, the performance of some details on the big screen may be unexpectedly different from the actual performance on the mobile phone.

Some icons are very elegant to see, but when you put them on your mobile phone, you will always feel that there is something wrong with it. I feel that the details are too crowded, Which is counterproductive. At this time, you can try to make the icon extremely simplified, compare it with the original design, and make minor adjustments, which will have unexpected results.

Each person may have a different understanding of simple things, but after several rounds of polishing the icon, the effect can be seen through the effort of simplification.

More

Four design principles mentioned in the Design book for everyone:

Comparison

Alignment

Repeated

Closeness

These principles can be used to judge any graphic design. It is also very useful in UI design.

Aside, the first part of the "promotion" is actually related to the IA design. I will not elaborate on it here. Let's start with these simple tips, make the uidesign of the product simpler.