Good icon use in web design

398 views

Published on

The use of icons has a special place in web design. Icons improve the usability of your website by offering a neat way to present content.

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
398
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Good icon use in web design

  1. 1. Good Icon Use in Web Design – 10 Examples The use of icons has a special place in web design. Icons improve the usability of your website by offering a neat way to present content. It is far more effective than lengthy text. Icons help to break up the text on a web page and makes the content easier to read. It is a great way to present information on a website. Good icons are an essential characteristic of good web design. Web designers have been using icons since the early days of web design. In recent years, the use of icons has become even more prevalent. In this article we take a look at ten examples of web design that make good use of icons. You can use it for inspiration when designing your own website or blog. 1. Mixpanel.com Mixpanel is a real-time analytics service that helps companies understand how users interact with web applications. Today Mixpanel has more than 580 mobile and web companies analyzing 6.2 billion actions every month. Icons are used on the homepage effectively to display the main features of the service. 2. Bislr.com
  2. 2. Bislr is a revolutionary way for business owners to create a professional business website and market their business online. The site uses icons effectively to showcase the main features. 3. Smallbusinessecommerce.co.uk Small Business E-Commerce offers fully functional websites to businesses at the cost of a template. You can choose from a range of up-market designs, free logo, free web hosting and professionally prepared content for your site. Icons are used throughout the site to highlight the main features of the service. 4. Theprayerengine.com The Prayer Engine is a customizable, web-based Prayer Wall and moderation system. It’s the cheapest, most effective way to share prayer requests online. Now for WordPress! Icons are used on the header graphic to show the main steps. 5. Icons.robinclediere.com
  3. 3. Free social icons by Robin Clediere is actually a site that provides icon sets for use on websites. The site provides a good collection of icons that you can download for free. The website is a great source for web design inspiration. Icons are also used effectively in the site’s design. 6. Clasesinglesmadrid.com They provides a service of finding all sites belonging to the owner of any site you specify. Icons are used effectively as navigation elements on the homepage of the website. 7. Messagesforjapan.com
  4. 4. View messages of hope for Japan, write your own, and have it automatically translated into Japanese. Bold icons are used on the homepage to guide users towards the three main tasks that can be performed on the site. 8. Tumblr.com Tumblr, is a popular blogging platform and social networking website. The service allows users to post multimedia and other content to a short-form blog. Icons displayed on the dashboard allow users to choose the type of content they wish to post to their blog. 9. Aviary.com
  5. 5. Aviary.com are focusing on truly helping everyone in the world be more creative with simple photo editor, which can be embedded in any web or mobile app for a beautiful, seamless editing experience wherever you are. Icons are used on the site to highlight the main advantages of using the service. 10. Pixel2html.net Pixe2HTML offers PSD to HTML / CSS conversion services for websites. They can convert any Photoshop design into HTML and CSS based website that is coded with the highest quality markup, pixel perfection and cross browser compatibility. Icons are used on the website to highlight the core selling points of the service. What About You? Above are only a few examples of great icon use in web design. There are many more. Do you use icons on your website? If you do and would like to showcase your site on this list, please add your entry by leaving a comment below. Alternatively, please feel free to suggest another website. Author K.Singh is the Director of Website Design Agency based in London and the Editor-in-Chief of Internet Marketing & Web design Blog.
  6. 6. Aviary.com are focusing on truly helping everyone in the world be more creative with simple photo editor, which can be embedded in any web or mobile app for a beautiful, seamless editing experience wherever you are. Icons are used on the site to highlight the main advantages of using the service. 10. Pixel2html.net Pixe2HTML offers PSD to HTML / CSS conversion services for websites. They can convert any Photoshop design into HTML and CSS based website that is coded with the highest quality markup, pixel perfection and cross browser compatibility. Icons are used on the website to highlight the core selling points of the service. What About You? Above are only a few examples of great icon use in web design. There are many more. Do you use icons on your website? If you do and would like to showcase your site on this list, please add your entry by leaving a comment below. Alternatively, please feel free to suggest another website. Author K.Singh is the Director of Website Design Agency based in London and the Editor-in-Chief of Internet Marketing & Web design Blog.

×