Onextrapixel

Follow us
by in Design on 3rd Oct 2012 · Comments

Effective Use of Icons as a Crucial Part of Web Design

42Angles
42Angles

Circular Chaos
Circular Chaos

Brieuc Dejean
Brieuc Dejean

Chris Rowe
Chris Rowe

Rylo Graphic
Rylo Graphic

Five Tailors
Five Tailors

Christophe Dumont
Christophe Dumont

Amazee Labs
Amazee Labs

Wander Lust Hotel
Wander Lust Hotel

Salt Films
Salt Films

Haik Avanian
Haik Avanian

Appicns
Appicns

Duo Tones
Duo Tones

Etch Apps
Etch Apps

Big Noise
Big Noise

Super Steil
Super Steil

Pixelivery
Pixelivery

Henning Witzel
Henning Witzel

iColectiva
iColectiva

Oak
Oak

Dot Fusion
Dot Fusion

New Quest
New Quest

Aaugh
Aaugh

Colorgrade
Colorgrade

Pongathon
Pongathon

Conclusion

Designers should emphasize on effectiveness more than they style. The main purpose of using icons should be to enhance the content and design; therefore, it is essential to see how the selected icons will compliment the rest of the website. Before spending bucks on a cool set of icons, you must have the style of your website in your mind.

Remember, simplicity attracts and works more, as you have seen in many of the examples above. Please let us know in the comments section below which one you liked the most when it comes to aesthetics and functionality.

1 2

Muddassir Hosein likes graphics, experimenting with creative techniques and loves writing for web design blogs.

  • http://www.sjlwebdesign.co.uk Sam Logan

    Great article Muddassir, some fantastic inspiration

  • http://simonemarcarino.com Simone Marcarino

    Thanks for the mention!!! ;)

  • http://cebuwebdesign.com/ Ferdinand

    Simple, flat and 1-color icons seems to work well compared to 3d-ish heavy colored images.

  • http://icreatesolutions.com.au/ Louie Bennett

    As a newbie web designer, I'm digging every single one of these designs. Hoping that one day I will be able to create such designs. Thanks for the inspiration.

  • http://www.markupcloud.com/ Mike Swan

    Nice Post. Really lots of efforts have been put in this post.

  • http://fivetailors.com/ Andrei Gadoiu

    Thanks for including FiveTailors.com in this great selection!

  • http://www.motocms.com Ceba

    Icon tells the story behind it, It shows what your website is all about, a well designed icon helps website owner to gear up the business. I saw some great icons here. Nice and Inspiring article Thanks !!

  • http://www.xstudiosinc.com J bronson

    Going the extra mile to create custom icons can be so worth the effort, when they are done correctly.

  • http://www.lexolutionit.com/ Maneet Puri

    Great Muddassir! Informational words from your side. Icons and web design have a deep and inverse relationship with each other as icons play a very important role in making a web design much more appealing. Icons can be made much more interesting by breaking the trends that others have set; however, consistency is what we have to maintain throughout the design patterns. Hope you agree!

  • http://www.proweb365.com/services Web Design Quote

    In my point of view, Icons like doors help user to check out your site. Therefore, If your "door" impressive, user will tend to spend more time & check out more your site. Effective use of icon will help your site keep user stay longer.