Reprinted: 2014 Popular mobile app small Icon Interface design appreciation (1)

Http://mobile.51cto.com/design-449791.htm

2014 Front-end interface design is popular with a lot of small elements, of which small icons must be one of the most popular elements. Icons in Kulai, but through the continuous efforts of designers and adapt to the needs of the Times, icon Vision has undergone significant changes.

Recently, the discussion of hollow and solid icons has become more intense, with comments pointing out that hollow icons are visually more complex than solid icons, making it easier for users to feel fatigued and tired. In this regard, the designers have expressed their views, some people agree with this statement, while others say that the issue is too much amplification, and lack of evidence.

Icons can also be understood as a guideline in the Web site, which is the element that each new user will be involved in, so whether it's hollow or solid, a very visible and memorable icon is what the user really likes.

Take a look at some of the hollow or solid icon cases below to see which one you are more attracted to.

1. The blurred background is covered with a hollow icon consisting of simple lines, fonts, and a single color, which makes the entire interface look elegant. Not only that, this simple design method also makes the designers relaxed a lot, in effect and operation are very satisfactory to everyone.

2. The solid color background seems to match any element can achieve the unexpected effect, the following case is no exception. The classic pairing between red and white, with a cute look, makes for a playful, solid icon design. The solid button and Phantom button at the bottom of the interface also echo the icon area.

The icon at the bottom of the 3.APP changes freely between the hollow and the solid as the user switches. The solid icon is relatively hollow, giving a more prominent and visible visual effect, which makes it easier for users to catch the focus. While the cartoon small pattern on the left side of the main content adopts the hollow setting, it shows minimalism.

The 4.Line interface seems to represent the way most apps are designed for icons. The head and bottom icons are in a solid design of two colors, and the drop-down menu section uses a hollow icon. While this design is more popular, it is undeniable that such a practice makes the entire interface look neat and tidy.

5. Although the Ghost button is simple and generous, too much use will be tedious, but if you use all the solid icon design will feel very abrupt. Here's a good way to come up with this case. Since the hollow solid is not suitable, then try to let the two together.

6. Two colors with distinct color combinations will reflect a natural sense of fashion, black background and bright yellow icon elements is a typical example. A strong contrast color makes the hollow icon look like a solid icon, with a focused effect.

7.Metro-style interface design can also be used in the app's icon module, the case will be a variety of third-party sharing platform of the solid icons are connected together with the block elements, so that the original monotonous icon instantly active up to give users a new feeling.

8. Traditional navigation icons are mostly concentrated in a region, and SevenEleven's app has made a great breakthrough, the 4 parts are distributed in the top and bottom of the interface, the simple interface suddenly has a stadium atmosphere, so that the app is full of vitality.

9. Weather applications will always have a place for climate icons, as shown in this case, this is a hollow and solid combination of the icon design.

10. This is also a solid color block and the case of the black icon, the app's interface design is actually very common, but because of the design of the icon to make the website become lovely.

Reprinted: 2014 Popular mobile app small Icon Interface design appreciation (1)