HomeVector IconsImprovising the icon design styles

Improvising the icon design styles

What is an icon:

Icon an image representing an application, or specifies a type of entity and even any concept. It is a hypertext link to a page that represents the topic of that page. Lexical is the programming language for the same.


Designing icons can be very creative. But are the designs that effective that it can be used? The icons must be not only different but it must also have all the standards that can make it user friendly.
These factors can be used while designing icons: 

1. Grid :
Grids are series of rows which helps the developer to specify the content. It has some dimensions which on following can help the designer to create and enhance their icon. There is in total 24*24 Grid. The icon is placed within 20*20 dimensions. There is a padding of 2*2. This is the overall layout.

  2. Consistency: 

The icons with different strokes has a very inconsistency appearance. To avoid this, the lines must be equal and consistence from all aspects. This will have a better visual than the inconsistence one.

3. Clarity:
 Just imagine an icon with multiple elements. Are these types of icons easy to use? The answer is no. Multiple elements in a single icon make it overcrowded and not even visually good appearing. Infact the icon must have only those elements which are associated to that with minimum elements and simple design.

4. Optically correct:
 While designing, sometimes some designs appear different by using different shapes, like square, circle, rectangular etc. despite of keeping the dimensions same for every shape. This happens due to the fact that the shapes have different optical vision. To avoid this condition, the icons optical vision has to be checked and then designed along with the dimensions.

5. Spaces:
 The container of the grid must be filled completely . If there is some empty spaces in the container it will not look good but if you have filled the container properly it will look more appealing.

6. Combine styles:
 While using an icon, different actions can be implemented like different style,color,shape or fill, shadow.

Don't Miss


Please enter your comment!
Please enter your name here

Related Articles