How to make product design "concise and elegant"?

[Core tip] How can you make product design "concise and elegant"? When you have no inspiration, you might as well take a look at the suggestions in this article. Is Shenma "simple and elegant"? The flat design that people are talking about now has undoubtedly become the endorsement of these four words, and it has also brought new thinking to the graphic design that seemed to have left people's field of vision before. We found many design methods Still very classic. Whether it is communication with customers or PK with product managers, when you still have no inspiration for the N+1 modification, you might as well learn from the following tips to save the day. Adjust the layout ratio to change the impression. The addition of pictures is the magic weapon that can immediately change and change the overall impression. Image ratio is a concept often mentioned in magazine layout: that is, the ratio of the area occupied by pictures on the page. A magazine page with a high illustration ratio will give people a young and active impression. On the contrary, a page with all text and a illustration ratio of 0 will look much calmer. Enlarge the picture and increase the display space. Although the product NetEase Weibo has always been tepid, the revision of the design using large pictures has given the whole a simple and trendy sense, and the cover picture that changes every time it is refreshed makes the daily login process easier. It also became interesting. Changing the picture ratio You can change the layout ratio even if it is all pictures. This kind of picture list is often seen in product displays. Although the ordinary nine-square grid design is neat, it has no change and visual focus. Merging several pictures into one for display can produce a stronger thematic effect. Color blocks are repeated to form layout. When picture resources are insufficient, for example, when message information and pictures are juxtaposed, color blocks of the same size as the pictures can be used to maintain the unity and simplicity of the interface. Use icons instead of text. Using icons instead of text with clear intentions can help separate operating areas such as navigation from text reading. Create a sense of rhythm Did you know that there is also an interactive process between the viewer and a simple poster design. yixieshi.com When you are 20 meters away, you will be attracted by the characters and colors on it. When you get closer to 5 meters, you will see its slogan. When you walk closer, you will find new small print information. The poster creates a layered sense of reading through changes in viewing distance, guiding you to go deeper. Similarly, in addition to using clear information grouping to guide vision in the interface, you can also consider adding rhythm to the interaction. The author does not think that in the era of flat design, we do not need to create spatial relationships and create different interfaces through changes in gestures. The depth of field effect can make the interface full of breathing. yixieshi.com For example, when you pull down to refresh in AppFlow, the background image will move from far to near, which unconsciously expands the visual space. Use bright colors to create aura yixieshi.com We pay attention to "aura" when wearing clothes, and the colors used in design should also be clear and avoid using ambiguous colors, so that there is contrast between elements on the interface. Get rid of the inertia of overcrowding. Gestalt psychology mentions a principle of deletion, which is to eliminate unimportant parts from the composition image and retain only those absolutely necessary components, thereby achieving visual simplification. Don't fill it up, which is what we often call white space. The design here needs to be subtracted together with the product. In actual projects, the author often encounters such conversations: Some things on the Internet "Why should this function be placed here? It seems that users can’t use it..." "If this function is not placed here, it will look empty, and in case the user uses it, Where are you?” yixieshi.com “…” People’s past consumption concepts were that when faced with the same price, everyone would eventually choose items that seemed to be fully functional. In an era of information competition and functionality first, inertia will make you want Add enough functions or information to satisfy users. In this case, if the page full of information is not deleted and organized into a certain level of grouping and organization, it will become a TV remote control that makes people confused. device. In fact, the issue of whether the interface should be empty or not should be left to the designer. Good results can be achieved by leaving a certain amount of white space. We only need to confirm whether this function is needed, how much it is needed, and whether it meets the user's usage scenarios. ?