The Salcombe Web Design Blog
Welcome to the Salcombe Web Design blog. This is kept up to date by our Creative Director Daniel Ashton. Daniel is a project manager, graphic designer and website consultant. He set up Treblevision in Manchester in 2001, is now the driving force behind Salcombe web design and still works as one of the UK's leading freelance developers in PHP, HTMl5 and CSS3. Here you can follow all the company developments within Salcombe Web Design, but also more importantly, industry and technological advances in web development, brand and graphic design along with tutorials for novice developers and those who manage the content of their own design and website projects.
|
20 January 2012
Posted in
graphic design
In the last blog post I gave a brief introduction to the concepts involved in icon development and the use of icons in web design. Lets look at the different types of icons in more detail.
Objects - these are reasonably self explanatory. The best example I can think of are Polaroids to represent images. Although Polaroids are no longer commercially available they're still recognisable visual symbols.
Symbols representing actions - I.e. the site designer wants you to do something. Back buttons are an obvious one, using an arrow to represent the direction of navigation.
A combination of the two - Sometimes an object is needed and an action. When clicking the object has triggered an action to occur. Maybe a tick above a document icon that represents a file being successfully downloaded.
Abstract - This type of icon is much less common. It's quite often a symbol that over time has become recognisable. The pause button on audio and video players is a good example. I've been recently asked to develope a series of icons representing different types of relationship connections. Here's a few we've been using so far and here is my site mock up for this project.
