I do not know if you have such a situation, their own design works, “at first glance is not good, a careful look, it is better at first glance”!

In fact, can not bear to see, or dare not magnify to see the reason may be the details do not arrive.

Today, with the theme icon to talk to you, we can pay attention to their design details from what aspects

1. Add some detail to your look

Modeling is the first step of all design implementation, modeling is not done, say nothing else.

So how do you add detail to your look?

For example, we would draw a rounded rectangle:

There are no details, and it would look like this in a real case:

If the YouTube icon had used the first plain rounded rectangle, it would have been much more durable.

Add a little detail to the look, or you could say, don’t make it too generic,

For example, we want to make a location icon:

This is a very common location icon, you can find dozens of ICONS on icon sites, so how do you make it less common? See below:

You add radians to a line, and you end up with a slightly less generic positioning icon,

It’s part of Google Maps:

2. Texture details

Suppose we now make a file management icon:

For example, add a highlight around the corner:

3. Don’t make the icon look gray

Sometimes the color is not used properly and it is easy to make the icon dirty.

Two things to remember here, one is to increase the contrast between the main influence and the icon backplane, and the second is that the main image must be highlighted as much as possible.

For example, here is a camera icon:

To make it look gray, especially on a saturated background,

To improve contrast, either make the camera light or the background light, choose the second option and make the background white, as shown below:

This looks better, but on a pure black background, we will find that the camera color is still a little gray and not bright enough, so I will continue to brighten it up, as shown below:

So that’s pretty much the whole icon. So, you must let the level of the icon open, light up the light, the dark place dark down, bold and decisive.

4. On style characteristics

Sometimes, even if the shape of the icon is not particularly stunning, the icon can look great if it is given a unified style feature. Here are a few examples of style traits:

conclusion

When we appreciate the excellent works of others, we should not just look at them casually. Without careful analysis, it is difficult to see the details inside. And if you do not pay attention to the details, how can the works be delicate and durable? Isn’t it!