If you want to finish the design task efficiently and smoothly, you must abide by the norms of UI design.
These specifications brought today are "pure dry goods" that an excellent UI designer must know, and they also enable you to deeply understand the essence of UI design specifications.
Icon specification
Many designers think that UI design is to design icons. Although this is not the case, the design of icons is a relatively basic link in the whole UI design.
Icons, like brand logos, need proper subtraction in design, and try to express their meanings with simple lines, so as to avoid the design with too complicated line structure.
Moreover, the overall icon needs to be consistent in style, such as line thickness, corner radian, aspect ratio, style and so on.
Especially for newcomers, so let's take a look at the norms of icon design:
1
Pixel alignment
Pixels must be strictly aligned, especially when making icons with smaller sizes. If pixel alignment is not strictly followed, the final display effect will be problematic.
2
Multipurpose Boolean operation
When making icons, try not to use pens when you can perform Boolean operations with basic graphics. The benefits of this are as follows:
O Make your icons more standardized.
O have a deeper understanding of graphic structure.
O it is more convenient to transform in the future.
three
unique style
When making a series of icons, you must set a style and principle for the icons in the early stage to make them look different.
It is worth mentioning here that when we make linear icons, we must ensure that the strokes are consistent in thickness and rounded corners are smooth. If you don't follow these basic rules, there will be no unity and innovation in style.
four
Unity of visual dimensions
When designing icons, we will use grid auxiliary lines to help us be more cautious, but we must not be trapped by auxiliary lines. We must learn to use them flexibly and keep the visual size uniform.
In today's APP design environment, some APP design bulls have always stressed that designers should have brand awareness.
Then, in the design of icons, we should also emphasize "branding". Simply put, it is to turn the abstract concepts in the brand into concrete graphics and apply the main and secondary colors of the brand to the icon design.
At the same time, I suggest you complete a theme work every week to improve your graphic design ability.
Label specification
How to sort out the idea of labeling-disassembling structured thinking and disassembling big problems into small problems, one by one!
Labeling mainly includes the following four different attributes: size, text, spacing and color.
When labeling, remove the navigation bar and label bar first, because these controls have a wide range of uses and need to be labeled separately. Here we just take the example of labeling the content area.