When I was studying for a master's degree in Germany before, I read a paper, which mainly described a point of view: when two products have the same information and the same interaction, but the interface aesthetics are different, then users will tend to think that the interface is more beautiful. The quality of the information is higher. This gave me an idea: if the content of the interactive draft (and various outputs such as PPT) is the same, we just need to spend a little more time to improve its appearance, and we can get a work that is considered to be of higher quality. Such a simple, easy to use and easy principle, how can we not follow it? After all, as long as you put a little effort into making the interactive draft more beautiful, you can improve its quality! Of course, I still advocate that everyone improve themselves from design thinking first , and the interactive draft produced in this way is professional enough. The method I'm talking about today is designed to help you take your interactive draft to the next level. Especially during the interview, a beautiful interactive draft can also show the designer's basic design literacy b2b data and leave a good impression on the interviewer.
Let's take a closer look at 3 ways to help the hero help you. 1. Align I first learned about the principle of "alignment" in the "Design Book for Everyone" recommended by a friend. The following is the introduction in the book: No element can be placed arbitrarily on the page. Each item should have some visual connection to something on the page. While there are times when two visual elements are far apart, if they are aligned, there is an "invisible line" connecting them, making the page uncluttered. Let's look at a set of comparisons: This is a business card design that does not use alignment principles, the elements on the page seem to be placed randomly, and there is no relationship between them. Let's use the alignment principle to optimize it: The information becomes organized in an instant. On the right side of the business card, there is an "invisible line" that ties all the elements together. There are three main types of alignment: left alignment, right alignment, and center alignment. Alignment is also used when typesetting large paragraphs of text. It should be noted that you should try to choose as few alignments as possible. The more types of alignments, the more messy the page will be, and the effect of making the page tidy will not be achieved. For example, in the above example, the image on the left uses left-aligned and side-aligned, while the right-side image only uses left-aligned. The image on the right is much clearer. Let's look at another example, the warning box: In the warning box in the figure, the title on the left and the "I got it" button are center-aligned, and the text in the middle is left-aligned. The ones on the right are all center aligned. The right side is obviously much cleaner. 2. Classification The principle of classification refers to grouping related items together and separating different categories with white space. For example, the poster on the left below and the poster on the right using the classification principle optimized, the performance of information has been greatly improved. In practical applications, we only need to pay attention to two points: put the same items together and leave blanks between different categories, just like the following example, in fact, it is just a simple addition of a blank line, but the whole page is immediately clear a lot of: 3. Distinction between primary and secondary This principle actually has its name clearly stated, which is to reinforce important information, like the following: Extract the important information on the page, and strengthen it by increasing the font size, bolding, and separating, and immediately make the page clearer. Remember: our brains love clarity and hate chaos! The above introduces the three techniques of alignment, classification, and prioritization, which can help you improve the cleanliness of the interactive manuscript, so as to achieve the effect of improving the quality. Hope it helps you. #Columnist# New Design Youth (WeChat Public Account: New Design Youth), everyone is a product manager columnist, and the 2017 Writers' Choice Best Popularity Award. Senior Interaction Designer at iQIYI. He stayed in Germany and worked for Tencent Micro Life, NetEase and CreditEase. 5 years of interaction design experience, focusing on the design field. This article was originally published on Everyone Is a Product Manager. Reproduction without permission is prohibited. Reward the author and encourage TA to hurry up and create! appreciate5 people reward