Skip to main content
Happy 2 Share BLOG

Peeking Thoughts, Ideas & Concepts.

10 Mistakes in Icon Design

It is much easier to criticize somebody else’s work than to create something cool yourself. But if you apply a systematic approach to criticizing, make a numbered list and prepare illustrations, it will be regarded as a fully-fledged analysis! In my opinion, icon design is undergoing a transitional period. On the one hand, screen resolutions are increasing, hence enhancing icons. On the other hand, we still have good old pixels. Icons sized 16×16 and even smaller are still widely used.

MISTAKES IN ICON DESIGN:

 

Insufficient differentiation between icons

Sometimes within one set of icons, we have icons that look alike and it is very hard to understand what is what. If you miss the legends, you can very easily get the icons mixed up.

Too many elements in one icon

It is preferable to keep the number of objects in a single icon to a minimum.

Unnecessary elements

An icon should be easy to read. The fewer elements it has, the better. It is better if the whole image is relevant and not only part of it. Therefore, you have to pay attention to the context of using icons.

Lack of unity of style within a set of icons

It is a unity of style that unites several icons into a set. The uniting property can be any of the following: color scheme, perspective, size, drawing technique or a combination of several such properties.


Unnecessary perspective and shadows in small icons

Progress does not stand still: interfaces have gained the potential to display semi-transparent objects, lost the limitation on the number of colors and there is now a trend towards 3D icons. But is it really all that useful? Not always! Especially if we are talking about icons sized 16×16 or smaller.

Overly original metaphors

Selecting what is to be displayed in an icon is always a compromise between recognizability and originality Maybe the best solution lies not in coming up with something original but rather in adopting the existing solution.

National or social characteristics not being taken into account

It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national characteristics. Cultural traditions, surroundings and gestures can differ radically from country to country.

 Images of real interface elements in icons

Avoid using Aqua interface elements in your icons; they could be confused with the actual interface.

Text inside icons

This mistake is commonly seen in application icons. Clearly the first thing that comes to mind when working on an application icon is to adapt the application’s logo. What is so bad about the text inside the icon? Firstly, it is directly language-related and so impedes localization. Secondly, if the icon is small, it is impossible to read the text. Thirdly, in the case of application icons, this text is repeated in the name of the application.

Outside the pixel framework

As a rule, this problem occurs if you use a vector editor for drawing icons. In large size everything looks pretty and clear; but in reality the icons are small, and under rasterization anti-aliasing frets the objects’ borders.

 

Thanks & Regards

Zuan Technologies

 

 

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *