Icons in web design – attention-getting, memorable and user-friendly
Icons are a graphic way to draw your site visitor’s eye to your web page content. Icons help you to telegraph your message and minimize the need for words; build interest into lists; pull attention to important content; invite the user to try out a feature; give a quick overview of your company’s services, or provide a call to action.
Take a look at the examples below to see how you can bring content to life using graphics, color and shapes to form attention-getting icons.
Template 47150 – Architecture Responsive Website Template with Homepage Slider, Geometric Shapes
Red, yellow and turquoise bring a youthful and vibrant appeal to this Responsive JS Animated Architecture website template, signalling action, energy, creativity, inspiration and positive thought. These colors are used effectively in the red header, buttons and image hovers, blue slider banner and yellow drop-down menu, with a balancing beige background and black text.
Template 47270 – Qsign Portfolio Website Template
Template 47147 – Science Flash CMS Template with Flash Banner, Graphics in Circles, Tiny Icons
Orange, black, grey and white speak of enthusiasm, authority, dependability and efficiency in this Science Stretched Flash CMS template which uses color, graphics, circles and shapes to heighten interest and display a great deal of content in a clean layout. The design presents an overview of the company on the homepage, which is divided into sections with thin lines with a V (arrow) in the center that leads the eye to the next section title.
TAK – Responsive Onepage Portfolio Template
Template 45951 – Hosting Company Responsive PrestaShop Theme
Template 47002 – Web Design Responsive WordPress Theme with Bootstrap, Portfolio, Blog, Black and White and Color
This is a WordPress Theme with Bootstrap. Bootstrap is a framework developed by Twitter and at its core it is a toolkit with CSS and HTML conventions. Each Bootstrap template is Responsive and goes with several layout options to fit all popular screen resolutions. The template is integrated with the Cherry framework for rapid prototyping, so that you can build your WordPress site in the minimum time.
CANCE – Metro Responsive Prestashop Theme
Template 46674 – Business Flash CMS Template with Menu Grid, Colored Squares with Graphics on Black, Gallery
This website uses geometric shapes (colored squares on textured black) to form an attention-getting menu grid with Flash animations on the homepage. On menu click, the squares get smaller and move upwards to form a line under the logo.
Template 46897 – Procuratore Business Responsive Joomla Template
STYLISH – Metro Inspired Multi-Purpose Template
Template 46729 – It Company Responsive WordPress Theme
Template 46987 – Frozen Food Responsive Website Template
Template 46562 – Mellis Honey Responsive Website Template
Kronos – One Page Responsive WordPress Theme
Template 46541 – Handyman Services Responsive Website Template
Template 46526 – Images Bank Responsive PrestaShop Theme
Flatible – Single Page HTML5 Template
One Touch – Multifunctional Metro Stylish Theme
Template 46402 – Web Design Moto CMS HTML Website Template with Full-Screen Image, Single-Page Design, Gallery
Blue circles with graphics turn orange on rollover to form the menu in this Web Design Moto CMS HTML website template with a full-screen image on a textured background. Social sharing icons and Services are also shown in circles. The design carries the theme of ballooning among flying birds to imply energy, adventure and creativity.
Template 45562 – Electronic Store Responsive Magento Theme
NEXT – Unique & Easy Portfolio Responsive HTML5
Template 45886 – John Pierro Responsive WordPress Theme
Template 46558 – Bartenders School Website Template with Bootstrap, Colorful Circles
Complementary colors yellow, orange and red bring cheerfulness, vibrancy, energy and action into this Bartenders School Website Template. The homepage has circular design elements, a popular website design trend. Drinks in glasses are attractively presented and the menu is designed in circles in the theme colors, with animations on rollover.
Metro Mobile Premium WordPress Mobile Template
Template 44910 – Business Responsive WordPress Theme with Bootstrap, Homepage Slider, Blog and Gallery
This Business Responsive WordPress template has Bootstrap functionality. Bootstrap is a framework developed by Twitter and at its core it is a toolkit with CSS and HTML conventions.
QuickMetro – Responsive Metro Style Template
Template 39735 – Smartex Business Flash Website Template
Flat Metro – Responsive Drupal Theme
Template 45582 – Cats Kitten Responsive WordPress Theme
Template 46663 – Design Flash CMS Template with Homepage Slider, Grid Background, Circles
Grey, orange and black speak of professionalism, dependability, enthusiasm and sophistication in this template design, suitable for a web design company or design studio. The homepage slider uses textures and large fonts to arrest attention, and image transitions using JS animation with HTML to keep the template lightweight. The background is a grid in textured grey. The design uses circular design elements, a popular website trend.