How to hook visitors? It can be easily done with attractive user-friendly design. If skimming through a site they find something interesting, visitors will spend more time on the page. Catchy graphic elements nicely illustrate the content, work great for gabbing attention. People read when they are interested in the subject or in its effective presentation. Small elements in design can bring big changes into its overall look and appeal. By small I mean textures, patters, boxes, shapes, icons. The latter turn out to be effective way of drawing attention to the layout of the site.
What Are They Used For?
- Visual breaks. They work good for breaking paragraphs, so the content becomes easy-to-read for the viewers.
- Illustrating the written information. It’s wise to illustrate blocks of information with icons, so the viewers can get the idea of what is written there.
- Visual triggers. Nice icon easily draws attention to the text or content part it illustrates. The visitors will certainly read this text, when it welcomes them with nice visuals.
Icons wisely support content without distracting attention from its main points. Instead of using a lot of words, you can use an icon that will explain everything by means of forms and shapes.
Where Are They Placed?
They fit any place on the site, just see yourself where you can find them:
- in navigation bars
- near sliders
- in the main content part with a lot of content
- in headings
- in sidebars
- in footers
The size doesn’t matter here. Neat execution and effective look are the main points that make an icon a recognizable one. Here are the WordPress Sites with icons that you should see. Why exactly WordPress sites where chosen for this compilation? This powerful CMS has so many effective designs for all occasions, that it’s quite easy to find worthy examples with cool icon implementation among them.
Have you seen such a creative slider where each slide is marked with a colored icon. The same icon is shown above when the point is active.
Moving Things Design Company Flat design makes this single page site look modern and creative. Our Work section shows multicolored boxes with cool “flat” icons indicating the content hidden there.
Animated icons in orange and black bubbles add dynamics to the page design.
Designs with circular elements are extremely trendy this year. Here is an example of how creative they are. The designer has chosen unusual icons for indicating the site sections.
Retro style is always in trend. Such colored icons (presenting menu items) as you see can add nice vintage tone to the overall design concept.
Notice cool design of the following social icons in the top. Each one is placed against the square composed of two triangles of various colors. The same you can find in the logo design. Scrolling down you run into a kind of timeline with icons that change their colors while you scroll.
When you reach this part of the site, pay attention to clean & clear stylish icons with zoom effect.
While you scroll you can notice tiny icons appear with descriptions.
Minimalism is a great thing. Clean icons like these perfectly work for presenting information without cluttering the page.
Large and effective, these icons tell without words about the content they present. This trendy design (notice hipster logo in the top and nice colors) chooses pleasant on the eyes ones.
The icons in the menu go with cool hover effect. They change color into yellow when you hover over them.
As you see, a simple icon can add the right tone, charm and personality to a site. Icons give a creative touch to overall design and work for its better visual perception. If you know more WordPress sites with cool icons, tell us about them in the comment section.
Katarina Klementi is an author of this post. Visit her Google + account to find a bunch of creative and useful stuff. Inspirational collective posts with freebies, all types of design goodies are her favorite ones and she puts her heart and soul into these articles.