What mistakes should you avoid when working with icons?
Posted: Wed Dec 18, 2024 5:23 am
Drawing icons should not become an end in itself. We believe it is wrong to use abstract drawn graphic icons where realistic images are needed. For example, on this website of a manufacturer of multi-purpose laboratory equipment :
2) The color and style of icons should not be random. They should be consistent with the corporate style.
3) Icons should not be too detailed. That is, in principle, they should not have too many small details. After all, icons themselves are small in size.
4) Do not overuse effects. It is not always worth adding highlights and shadows. Often, instead of the expected effect, this creates only visual noise, overload and even "dirt" at some resolutions.
5) Avoid using icons of the same shape. If icons that refer to completely different phenomena are similar in shape to each other, the user's brain begins to search in vain for a connection between them.
6) Don't overload. It's better to keep it simple, with more large details. Perhaps the principle of minimalism in web development finds its maximum expression in icons.
7) Don't include text in the icon. Firstly, on many devices it will be too small and unreadable. Secondly, it kills the very idea of the icon.
"Little things" in the complex decide everything
As you can see, there are many nuances that should be taken into account when choosing icons for a website. And we haven’t even looked at the current trends in icon design or delved into their classification. A full analysis would require a whole series of articles.
We also did not go to the level of designing any section of the site as a whole. We only analyzed one small web element. It takes up only a few dozen pixels on the user's device screen. However, even for it, a whole series of recommendations have been developed in practice. And there are also exceptions to the rules. Only a true professional can determine the whatsapp numbers list admissibility of such exceptions in a specific situation; we will not outline the logic behind their admission here.
Modern web development is a very broad field of knowledge. It takes years to understand it. And you will still remain a specialist in a narrow field and only an amateur in related areas.
The user's impression is largely determined by the design of the site. As the saying goes, "they meet you by your clothes." And this impression depends on many little things, one of which is the icons.
The essence of our offer is that you delegate the task of creating the necessary impression to professionals, and you focus on the operational issues of your business. After all, division of labor is a time-tested principle. Our designers received specialized education, gained experience over the years, honed their skills in numerous trainings and master classes with industry leaders.
When ordering website development from our agency, you can be sure that even the most insignificant elements at first glance will contribute to increasing your sales. This is a feature of our approach, based on strict systemicity and attention to detail. Choose an advertising contractor you trust and get a web resource that does not have a single unnecessary detail!
2) The color and style of icons should not be random. They should be consistent with the corporate style.
3) Icons should not be too detailed. That is, in principle, they should not have too many small details. After all, icons themselves are small in size.
4) Do not overuse effects. It is not always worth adding highlights and shadows. Often, instead of the expected effect, this creates only visual noise, overload and even "dirt" at some resolutions.
5) Avoid using icons of the same shape. If icons that refer to completely different phenomena are similar in shape to each other, the user's brain begins to search in vain for a connection between them.
6) Don't overload. It's better to keep it simple, with more large details. Perhaps the principle of minimalism in web development finds its maximum expression in icons.
7) Don't include text in the icon. Firstly, on many devices it will be too small and unreadable. Secondly, it kills the very idea of the icon.
"Little things" in the complex decide everything
As you can see, there are many nuances that should be taken into account when choosing icons for a website. And we haven’t even looked at the current trends in icon design or delved into their classification. A full analysis would require a whole series of articles.
We also did not go to the level of designing any section of the site as a whole. We only analyzed one small web element. It takes up only a few dozen pixels on the user's device screen. However, even for it, a whole series of recommendations have been developed in practice. And there are also exceptions to the rules. Only a true professional can determine the whatsapp numbers list admissibility of such exceptions in a specific situation; we will not outline the logic behind their admission here.
Modern web development is a very broad field of knowledge. It takes years to understand it. And you will still remain a specialist in a narrow field and only an amateur in related areas.
The user's impression is largely determined by the design of the site. As the saying goes, "they meet you by your clothes." And this impression depends on many little things, one of which is the icons.
The essence of our offer is that you delegate the task of creating the necessary impression to professionals, and you focus on the operational issues of your business. After all, division of labor is a time-tested principle. Our designers received specialized education, gained experience over the years, honed their skills in numerous trainings and master classes with industry leaders.
When ordering website development from our agency, you can be sure that even the most insignificant elements at first glance will contribute to increasing your sales. This is a feature of our approach, based on strict systemicity and attention to detail. Choose an advertising contractor you trust and get a web resource that does not have a single unnecessary detail!