Archive for the ‘Web Icons’ Category

24Oct

Modern customers heavily rely on the mobile web to search for some data, check out hot news, and make purchases. It’s of high importance for contemporary businesses to have an effective mobile presence, so when designing mobile first one should pay special attention to the basic wayfinding concepts, like iconography, circulation systems, and special cues. The way people orient themselves in digital world is not much different from how they do it in real life. So, incorporating wayfinding concepts into mobile designs would be of high importance. In this post we will pay special attention to iconography, its usage and meaning in mobile designs.

Before we move to the investigation of the key principles of iconography, let’s find out what wayfinding is. At the name implies, this is how we navigate the space around us. Various cues, guides and signs help us orient ourselves and figure out where to go next. If you’ve ever visited another country, you should be familiar with how it works. Imagine that you have arrived to a strange city and don’t know how to find the route. What are your actions? I believe the first thing each of you will do is looking around to quickly scan the surroundings, observe which direction the majority of people are walking in, and pay attention to signs and text on them. Things are almost the same in web design. When dealing with mobile web everything should be clear and intuitive, with clever usage of space. Signs should speak for themselves, guiding users to the right direction.

Icons Can Be Ambiguous

You will rarely come up with universal icons. As a rule, the meaning of icons for home, search and print can be hardly misrecognized. As per the rest of icons over there, they can contribute to various meanings based on the interface where these are used. Here are some of the most popular examples.

  • Plus can have the meaning of adding an item or expanding something
  • Pencil may stand for write or edit
  • Magnifying glass – zoom/search
  • X – close/remove
  • Minus – collapse/remove/delete

Other two icons that are often misunderstood are hearts and stars, which are often used to represent favorites, bookmarks, ratings, etc. Aside with having similar meanings, these two icons can complement each other as well. For instance, one can push the heart icon for showing preferences and saving a page to the short list for future references. So, when thinking about your site usability, don’t forget to mind how easily all elements of the design can be interpreted by the users.

Benefits of Using Icons

Alongside with conveying brand personality, icons are one of the basic communication means on your resource. These are used to represent objects, ideas, actions, etc. If the message and purpose of the icon is not clearly understood, then it reduces to a mere eye candy. For this not to happen, consider the main benefits of using icons in web design.

  • Unlike texts, icons are more touch-friendly, which adds to the general usability of mobile design.
  • These are compact enough, which allows saving space significantly.
  • International users will have no difficulty with browsing your site owing to the icons that can be clearly recognized and convey certain meanings.
  • Using icons you can make your mobile design more visually appealing and functional.

How to Design with Icons

Once you decide to add icons to the mobile design, start with a mini research. Examine what icons your competitors make use of and what meaning these convey. Mind that the main goal of designing with icons is making these easily recognizable. This will no doubt add to the aesthetics and functionality of your website.

Here are several other guidelines to take into consideration.

  • When thinking about the design of a new icon, it shouldn’t take you much to imagine how it should look like. Try to put yourself in the users’ place and think how easily the purpose of one particular icon can be understood.
  • Make it flat, simple and schematic. There is no need in creating a highly realistic image.
  • Show designs to someone and ask what these may stand for.
  • Is it easy to remember the meaning of each icon. Show the designs to people and ask them to recollect the meaning of icons they once saw in a couple of weeks. If they give you the right answer, then your are on the target.

Examples of Flat Icons That Work

With all that being said, it’s time to have a look at the examples of icon designs that really work. We have already mentioned above that simplicity and ease of use are the key principles one should keep in mind when working on an icon design. Making them flat you will never lose. Below you can find several sets of flat mobile icon designs that can inspire.

***

80-flat-icons-set

***

anicons

***

free-icon-set

***

50 New Flat UI Icons

***

44 icons

25Oct

You didn’t really think we’d forget about Halloween, did you? This is one of the most exciting and effective holidays that is popular all around the world among kids and grown-ups. Halloween has its special original spirit, something between joy and thrill that makes it differ from other holidays.

Lit jack o’ lanterns, fancy decorative bats, trick or treating walks, sweets, horror stories – these are main necessary attributes of All Saints Day. In preparation to celebrate this holiday, we are decorating our houses, looking for Halloween costumes, baking some tasty stuff, making funny crafts. And of course we like to decorate our desktops or web projects for Halloween as well. That’s why we brought to you these great items to save your time and help you prepare for this holiday in time!

In today’s compilation we’ve included such traditional Free Halloween icons as ghosts, bats, jack o’ lanterns, witches, black cats, monsters, spiders and skeletons. So browse them and get ready to Halloween!

Halloween Icon Set

* * *

Trick or Treat Icons

* * *

25Sep

Design process is very creative and comprehensive workflow that demands a lot of time, energy and imagination. To present any web project that will depict the main idea and all necessary information, you need to work out the kinks. The whole picture of presentation is compiled from small pieces, therefore icons play not the last role in web design. They help you to transfer original style and eye-catching look of your web project, making the entire layout more complete and single-piece. That’s why today this post is dedicated to the helpful tutorials about how to create icons for your web designs. We tried to include various icons that might be useful for cutting-edge designs and appealing themes. So browse them and implement in your work!

Book Icon Tutorial

* * *

Cute Shop Icon Tutorial

* * *

28Apr

Hi guys! I want to ask you something. How many times have you been given a present that costs $5000? Do you want to get one right now? Our friend TemplateMonster continues to gladden us with its mega gifts! So let’s untie the ribbon on the gift’s box and see what’s inside.

2,400 premium web icons

TM presents an enormous collection of 2,400 premium web icons for absolutely free download. As far as you have guessed the whole value of these professionally made web icons is $5000!

So in order to get this really big gift you need to make a purchase at TemplateMonster.com during a period starting April 26th until May 10th 2011. After that you will be sent a free package consisting of 200 premium icon sets of various topics as well as styles and containing 2,400 professional web icons! Keep in mind that these absolutely free 200 icon sets with PSD sources can be used for all possible kinds of online projects: business, sport, travel, music, real estate, etc. You will surely find proper web icons for your online project in this awesome collection.
Also don’t forget about other bonuses including free hosting and domain name from JustHost.com. So don’t loose your chance to get the high quality web icons pack absolutely for FREE!

28Oct

When the Halloween night comes everybody will dress up their costumes and leave their homes in search of sweets and adventures. Cheerful crowds of children and youngsters will hang around from house to house and scare everyone they meet. And nobody will think about the dearly beloved Internet at that dark scaring night.

But until the celebration time comes let’s dive into the unreal atmosphere of preholiday virtual world. Let’s decorate your websites and greeting cards with skulls, bones, pumpkins, vampire fangs and bloody inscription.

Not so long ago we presented to you the 20 Fresh Free Twitter Backgrounds for Halloween 2010. And now we offer you to review some scary tips which will make your crazy Halloween more impressive and colorful. Use these Free Halloween Icons, Fonts, Brushes and Textures to startle people around.

Free Halloween Icons

Lovely Halloween

Free Halloween Icon

* * *

Social Media Halloween Icons

Free Halloween Icon

8Sep
Comments Off

Cool Icons

A stunning collection of high quality Web Page Icons provided by creative designers can be found at Icondemon.com. This collection includes icons of different colors and themes. IconDemon offers you Web Icons for business sites as well as personal blogs and other online resources. Seems finding Web Icons for your project won’t take a lot of your time in a case you trust IconDemon. If you are looking for impressive Web Design Icons you’ll never regret visiting the above mentioned site.

The price for Web Page Icons offered at Icondemon.com starts from 1 credit. Note 1 credit is approximately $1. So as soon as you visit the official site of IconDemon you’ll make sure that Cool Icons can be purchased at very low prices.

web-icons-at-icon-demon

If you want to buy any icon from Icondemon.com you should register a free account at this site. Having registered a personal account either at Icondemon.com or at its partner’s site Templates.com you’ll get access to a great number of Cool Icons and a great number of other web design tools. Note Templates.com provides the widest range of astonishing web templates, Flash templates, illustrations, 3D models and other web design stuff. If you’ve already registered an account at Templates.com you can use it in order to purchase Web Page Icons at Icondemon.com. Partnership between Icondemon.com and Templates.com is beneficial for everyone who needs web design products. Once registered customers can buy Web Design Icons, web templates, 3 D Models or any other web design products from two separate sites. Seems such cooperation suits customers’ convenience greatly.

Considering all above said Icondemon.com definitely merits your attention. Web Icons represented at this site may be used for a great number of purposes. Either you plan to start a corporate website or personal photo gallery you’ll enjoy visiting Icondemon.com.

You are currently browsing the archives for the Web Icons category.