Usually, a 1-3px dark stroke or a collage of single color makes the icons more eye-catching. These types of icons make websites look elegant and fit almost any style. For example, some larger and detailed icons.
Or some small and beautiful icons.
The best way to get users to click on these seemingly simple icons is to make them move and grab their attention.
You can also add some interesting interactive effects to make the icon more interesting.
Let's look at some of the problems with this set of icons and see what we can do to make it better:
Use the same perspective. You can't have some icons in one-point perspective and some in two-point perspective and have inconsistent angles.
Check the detail of the icons. Don't make some icons simple and some complex.
Pay attention to the size of the icon layout. Some icons may take up more space visually, so control the icon ratio.
Uniform lines with bright colors make such icons look like simple and friendly illustrations:
Adding bright colors can add richness to minimalist icons, and the uniformity of colors brings standardity to the icons.
Designing isometric illustrations can take a long time, but the results are often well worth it, and the style is highly expressive. Whether you want to mimic a real-life scene or create a virtual three-dimensional world, you can use isometric illustrations.
Many other companies are following the same style of creating isometric illustrations to give users an overall unified experience.
It can be hard to understand the meaning of these icons if they are just simple lines and curves with no extra text. But at the same time, it's hard to ignore the icon - it's so irregular, so bold, and so striking.
3D icons, as an unusual style to express a certain design idea, are not very complicated to create. 3D icons can look amazing when paired with bright solid colors.
The rich details of 3D icons can better reflect some design ideas and product presentation.
One thing to keep in mind when using 3D icons: don't mix isometric and 3D icons.
Content-rich icons should be large enough to be easily recognized.
This format is easy to create and works for any website or product.
Avoid graphic templates that are too generic, which can cause problems with the relevance of the information.
This is probably the most widely used style. The biggest challenge in designing these icons is not only to support the idea, but also to add value to the product with a pleasant and unique look.
Of course, it is also possible to utilize dynamic effects to increase the click-through rate of users.
If the majority of users find it easy to connect the icon to the description and the icon is valuable to them, the design is on the right track. Making icons interesting or emotional will improve the overall experience.
Don't leave it up to others to guess what you're trying to say with the icon. The icon should be absolutely clear and there is no room for double understanding.
These types of icons may not be appropriate for all businesses, but certain specific brands will recognize their usefulness.
Drawing such icons requires some skill. Try saving some design time by using Photoshop or Illustrator plug-ins to convert images to drafts.
For example, the following icons each show their own characteristics and differences, while maintaining a uniform curved style.
After looking at so many icon styles, do you have a better understanding of icon design? Icons are not an extra part of the experience, they are a unique experience in their own right.
Wonderful recommendations:
1, talk about the use of card design
2, case study: the layout design of the grid system
3, how to design a dark color pattern? These 3 factors need to be considered
4, in-depth analysis: the application logic of the service blueprint