No rules, not round. ui design is no exception, with design specifications, the system recommended specifications can let us design with uniformity, interface visual more beautiful.
Want to efficiently and smoothly complete the design task, you must comply with the norms of UI design.
These specifications brought to you today are the "pure dry goods" that you must know to be a good UI designer, and they also give you a deep understanding of what the essence of UI design specifications are.
Icon specification
Many designers think that UI design is about designing icons. While this is not the case, the design of icons is one of the more fundamental aspects of the entire UI design.
Icons and brand logos, the same as in the design of the need to do the appropriate subtraction, should try to use simple lines to express its meaning, should try to avoid the emergence of line structure is too complex design.
And the overall icon need to maintain a consistent style, such as icon line thickness, corner curvature, icon height and width ratio, style and so on.
Particularly for newcomers, so let's take a look at the norms of icon design:
1
Pixel alignment
Pixel alignment needs to be strictly done, especially when doing smaller sized icons, if you don't strictly follow the pixel alignment, then the final display effect will be a problem.
2
More Boolean operations
When making icons, try not to use pen when you can do Boolean operations with basic shapes, the benefits of doing so are as follows:
oMake your icons more standardized
oMore understanding of the graphic structure
oMore convenient to change the shape in the later stage
3
Unique style
When making a series of icons, be sure to set a style and principles for the icons upfront to make them look different.
It is worth mentioning here that when we make linear icons, we must make sure that the stroke thickness is the same and the rounded corners are the same, if these basic rules are not followed, then there is no way to talk about the unity of the style and innovation.
4
Visual size unity
When doing icon design, we will use the grid auxiliary lines to help us be more rigorous and cautious, but be sure not to be trapped by the auxiliary lines, learn to be flexible, and keep the visual size unity.
In today's APP design environment, some APP design bulls have been emphasizing that designers should be for have brand awareness.
So, in the icon design, we must also emphasize the "brand", simply put, the brand's abstract concepts into a figurative graphic, the brand's primary and secondary colors applied to the icon design.
It is also recommended that you complete a theme every week to improve your graphic design skills.
Labeling specifications
How to organize and clarify the idea of labeling - structured thinking for dismantling, breaking down the big problems into small ones and breaking them down one by one!
Markup is mainly the following four different attributes: size, text, spacing, color.
When labeling, the first to remove the navigation bar and label bar, because these controls are very strong general purpose, need to be taken out separately for the unity of the labeling, here we only the content area to mark the example.