Icon design should follow three principles.

With the appearance of flat icon design style, I won't say these falsehoods. Before I began to practice icons, my concept of icons was beautiful and simple. I only need a little practice to learn them, and only after contact do I know that the design of icons is very particular. During my internship, I read many articles about icon design written by overseas designers, from basic visual elements to people's system feelings. I finally understand why icons account for such a large proportion in the current interface design. Some people say that the ability to understand abstract concepts and artistic images is not bad. Because everyone's visual perception ability can simply understand the meaning contained in the image, mature visual perception is a more effective way to convey information. So I summed up the following three principles to talk about matters needing attention in icon design: identifiability, visual unity, difference and identifiability. The latest design principles of IOS are summarized as big, black and simple. I also read some relevant data. In visual design, the most popular color is black, followed by white. Therefore, in icon design, black and white icons are also widely used in the interface. (In addition to these conceptual designs) In order to improve the understanding of information in the icon interface, many designers also design icons in black and white for two reasons. First, color will hinder users' understanding. The more colors there are in the interface, the more time users spend looking for icons. So color is a point that needs attention in recognition. In order to improve the recognition of users, our design should follow the habits of users. Some designers have rich imagination, which is a great advantage of designers, but don't design icons too personally. It is difficult for users to understand. The design of Instagram is a typical new style interface. Icons are easy to understand, with black as the keynote, high recognition and easy for users to understand. Why don't these icons have text descriptions? However, I personally suggest adding my own ideas to the icon design, which can not only increase the interest of the product, but also not suppress my instinct too much. The above description is the details that should be paid attention to when designing icons. Of course, if it is a personalized icon, the color should also stand out. For example, the color of some icons should be as close as possible to the color of physical substances to avoid misunderstanding by users. After designing these icons, the designer has to do two tests: one is a background-free test. The other is a background-based icon test. The first meaning is to put the icon on a canvas alone to see if colleagues can know the meaning of the icon. The other is to put icons on the interface to see if colleagues (colleagues outside the project) can understand the meaning of icons. Different types of icons have different characteristics and slightly change. Will destroy the unity of the whole set of icons, including complexity, shape, line thickness and so on. In the process of imitating the whole icon, it is obvious that the original author has a strong control over the icon and the details are well adjusted, so I encountered a lot of trouble in the process of making it. But after solving it, I found it easy to create icons, such as unifying the overall style, controlling the size of icons, and finding these two in the design process. Here, I tell you separately ... the unity of the overall style: my design this time is the icon of the cup. In order to unify the style, I set the thickness of all lines to 2px and designed the MBE style. In order to unify all the cups, I put the wine in the cup, so the whole set of icons became all kinds of bottles and cups filled with wine. The bubble is to increase interest and unify the control of icon size: I found that my icon size changed in the early design process. Very inconsistent, even the size, I am limited, try to unify the icon size, and second, it is more standardized. Another problem is that in the process of designing logo, I use vector tools to draw, do Boolean operation and adjust with anchor points. I can use a pen hook, but the horizontal curve is not harmonious. Designing a group of icons enlarges the differences between icons and weakens the similarities between icons, which is the most easily overlooked principle for designers. In order to maintain the unity of visual style, using the same elements often gives up the differences of icons. If a group of icons look similar, it will take a long time for users to find a function on the interface. They explore the function of icons, see if the page they jump to is the interface they want to go to, and then return. Icons can be displayed. Then you can say a noun and let your colleagues choose which one. In this way, the difference and recognition of icons can be well detected. Some people may misunderstand the concepts of unity and difference. Unity is the unity of icon style and style, the difference is that the meaning between icons must be clear. One more thing, in the design process, we must distinguish between the selected and unselected States, so that users can know our icons and give him feedback. Finally, we will discuss why we should design icons: by improving users' visual perception of information, improving users' interface memory, saving more space, improving the sense of interface design, avoiding using long articles and making the interface more harmonious. As a designer in the network industry, you should look for inspiration beyond icons, including architecture, fonts, industrial design, psychology, nature or other fields. Now the styles and design styles between icons look more and more similar, and everyone needs to improve.