What are the UI interface design specifications_ui page design specifications

The lack of beauty of the interface, in fact, is that our details are not handled well

Many excellent design works, are in place to deal with the details

Today, we will share with you some tips to improve the design of the aesthetic

Using the projection of sometimes we do the design, it is very easy to ignore the projection of this small detail

Projection is handled properly can enhance the beauty of the details, when dealing with projection need to pay attention to two points:

1

Use the brand color with the button to give an example, you can see that the left side of the projection of the lightweight and with the button color, look comfortable; the right side of the black projections, it looks a little dirty, the details instead of

2

Pay attention to the transparency of the projections sometimes we are added to the sense of design, but the transparency attribute can be used to improve the aesthetics of the design. There are some, but the transparency attribute must not be sloppy, such as the right button above, is the projection is too heavy, many newcomers are prone to make the mistake

Look at the following other cases, used in the card or key functional modules

Used in the card above, to increase the sense of hierarchy, rich in design details only the key features above the use of the state of the note: the use of the projector, do not full space to use, you can add the projection in the key places, to the entire interface cloth play a role in the finishing touch

Picture and text superimposed on the text can be used as a background to enhance the picture sense of form and visual impact

Many times we composition, direct elements of the picture to put the center of the design, and then finished, in fact, think carefully, but also to go to enrich the next detail

In the figure background Add the main text related to the figure, as a background modification

Look at the following case: skillfully layout of the figures and foreground figure, the picture has a deep sense of merchandise figure and LOGO combination layout plane poster graphic superimposed on the design approach, it is not uncommon to incorporate the round circle in the design of the high frequency of appearance, the reason for its affinity to the subjective feeling of the people to be stronger than the other graphic, and therefore you can borrow a circle to design

If the simple page layout in the picture, it will appear dull, very conventional

As shown, plus a round background, the picture instantly live up, rich in detail levels, the following look at the actual case

Circle and the character combination of layout, here round brand graphics round as a modifier of the background to emphasize the main character thickness rhythm of thickness contrast, although it is very common to hear, but few people pay attention to it. heard, but few people noticed it in the interface using details, coarse and fine text layout to enhance the role of contrast, enhance the sense of quality

Often most of the partners for the first time estimated to think of the above this design, this is more rough some, more conventional

If you will adjust the thickness of the two text, and then add the text background, the sense of design on the way up, the following look at the case

< p>Thick and thin contrast to increase the sense of detail of this poster the same in the design of the use of thick and thin contrast written in the end of today's analysis of the four tips to enhance the design of the aesthetics of the day-to-day work need to be more to use, so that you can be able to make a good job of it, adapt to a variety of designs