Important Design Tips and Tricks

Important tips and tricks for icon design. Three elements of icon design. A good icon design needs to meet three elements: recognizability, unity and basic form. After satisfying these three basic elements , we will go deep into the texture and effect of the design goal. Recognizability. Recognition is the function and soul of the icon. The graphic semantics of the icon must be very clear and there must be no ambiguity. The icon must be highly recognisable, so that users can identify it without thinking. Understand its meaning, so the most representative features of the graphics should be highly refined in the icon design process. For example, for the same dog, we can tell at a glance that there is a corgi on the left and a husky on the right. The icon is visually unified. It occupies a small area and has a high degree of graphic jump. However, if the combination of multiple icons is not uniform, the picture will appear chaotic. Visual unity is particularly important. Uniform size and style: if it is flat, it must be flat, and the tone must be unified; brightness and saturation The degree should also be unified. Some common elements can be reused as much as possible. Basic shapes. Shape is the basic structure of the icon, equivalent to the skeleton of the icon. The main geometric shapes - circles, rectangles and triangles - form the visual basis of icon design. .Design methods. 1. Clever use of grids. Grids are a good helper for designers and play an important role in web design, icon design, font design and other fields. Some have become "pretentious lines". 2 .Proficient use of basic types. Similar to the shaping stage when we draw. Geometrically complex shapes allow us to easily locate the proportional relationship between large outlines and shapes. There is no big problem with large outlines and scales, and the details after It is much easier to deepen. 3. Common design elements. Generally, 45° is a perfect angle. Because the jagged teeth produced by a 45-degree angle will be evenly distributed in a ladder shape and will not produce a blur effect. The icon can always be clear The status display meets the aesthetic needs of the human eye. Of course, this convention is also allowed to be violated in special circumstances. Try using 22.5 degrees, 11.25 degrees or multiples of 15 degrees. 4. Reuse elements. All icons are as a whole Controlled, some small elements are reused in some places, so they look more unified and coordinated. 5. Continue to practice. The most commonly used icon design method is borrowing, constantly refining the essence of elements, the most representative departments, and then abstracting!