Best practices for using icons to support content in web design

How to use icons efficiently when doing visual design is a discipline: what kind of icons should be used? Where should the icon be placed? What's the size? Does the use of icons help users understand content better and faster, or do they increase their understanding burden or even mislead? Today I just saw a very good article to help us understand how to use the icon to support the content, so the translation is as follows:

Why use icons? Design is a message: If your site doesn't attract users, it's not about how important and stimulating the information you share. At the beginning of a visit to a website, most users scanned the page first to look for interesting content, and only certain things caught their attention before they really began to read. The icon is a simple, effective way to attract users to read the content on your site.

The icon plays the same psychological effect as the paragraph: visually, the icon breaks the content so that life is not. By using the icon to divide the content into several easy to understand paragraphs and points, such a page is easy to read and visually interesting enough to maintain the user's attention. So, stop wasting time writing so many unread content and start using icons!

In this article, we'll show you good examples and best practices for using icons in web design to support content .

1. How to use Icons

The primary goal of using icons should be to help users absorb and process information more efficiently. The general practice is to use a lot of whitespace and the icons that enhance the content. The icons enrich the content by giving it more substance and effective communication. Icons should be used to attract users ' attention to the content of information, rather than weaken or replace it.

* Make feature List more interesting

Listing the list of services is a useful and necessary part of effective market push, but in essence the list is tedious and boring. Using icons in your feature list will make them more appealing.

280 Slides

* To attract users ' attention to new features of Web applications

An icon is a visual invitation that attracts users to try out the latest and most powerful features of a Web application. Icons should capture the user's attention and guide them to new features. Once they have captured their attention, tell them what makes the new features so great.

Coda