Archive for the ‘Libraries’ Category

10 Big Sets of Free Icons for Web and Application Designers

Friday, March 8th, 2013
emoticon-happy-128Icon courtesy of
GraphicsFuel

If you’re designing software applications, you need icons. Lots of icons.

You could buy an icon set or commission to have your own icons custom made but, if you’re just getting started on a design project, chances are you don’t actually know what you need yet.

At least, not until you’ve explored the app a little more and developed the requirements.

That’s where a good set of free icons can come in very handy.

Big Sets

Many free icon sets are high enough quality to use in production. But, whether or not you use the free icons in your final application, having a large set of icons at your disposal will prevent you from stalling in your design project and get you to your deliverables faster.

You can mix and match but when you have to find and combine icons from lots of different sets, you lose congruency in your design. That’s not so bad in the initial stages but can get distracting as the design progresses.

Hunting for Icons

To that end, I’ve been on the hunt for some good icon sets to use in our own projects, and to share with you. I thought it would be a simple task…

After many days of searching, I found hundreds of free icon sets. But there’s a reason this post only lists 10.

Rather than hit you with as many sets as I could find, I’ve chosen fewer, high quality icon sets containing a large number of icons, so you can maintain consistency throughout your project.

The images, below, are typically just a small fragment of the overall set to give you an idea of the icon styling in the sets.

Important:
In most cases, these icon sets are free to use for personal or commercial projects. Some may need attribution. None may be re-sold or re-distributed. Please make sure you read the terms and conditions or license file for each set before use.

Using icon sets in GUI Design Studio

GUI Design Studio lets you incorporate icon images of practically any type into your mock-ups and prototypes, and can scale them to any size. You can also choose to display them all in monochrome to minimize distractions.

For details on how to incorporate these icon sets into GUI Design Studio, please take a look at these Forum Articles:

 
Now, on to the icon sets themselves…

Farm-Fresh Web Icons

1. Farm-Fresh Web Icons

Provided by: FatCow Web Hosting
Created: 2010 – 2012
Format: PNG
Sizes: 32 x 32
16 x 16
Quantity: 3000 (of each size)
Ideal for: Web, Apps

An incredible set of beautiful, well-crafted icons to cover a huge variety of applications. In two sizes, perfect for ribbon bar applications with buttons that need to adapt.

(more…)

3 Key Lessons Learned Creating The New iOS Design Library

Thursday, April 19th, 2012

A couple of weeks ago we released an extensive, new iOS Design Library.

This library has been created as an extension of the original iPhone Library and is intended to supersede that library for all new projects. Existing projects that use components in the iPhone Library should continue to link to it but may also link to this new library.

The iOS Library contains a collection of custom element widgets, components and icons for prototyping Apple iPad, iPhone and iPod Touch applications.

Creating libraries like this gives us a lot of ideas on how to improve GUI Design Studio itself, but also throws up some interesting learning experiences for library design.

Here’s three key lessons we learned that may be of use to you in creating your own design libraries for reusing widgets and components in your own projects…

1. Think ahead when planning the library structure

When we produced the original iPhone Library, we had always intended on producing a separate iPad Library.

But when we came to work on the iPad Library, we quickly realized that there’d be a lot of overlap with the same widgets appearing in both libraries. If Apple ever produce another type of iOS device with a similar UI then the overlap problem would worsen.

Not only that, but many iOS Apps need to be designed for both platforms so a single design project might contain screens for both targets. While it would still be easy to link to both iPhone and iPad libraries separately, it makes sense just to need the one library.

 

In the end, we maintained mostly the same folder structure and file names for iPhone components with and added “iPad” labels for the new additions aimed at the iPad. So if a design file or folder contains “iPad” then that’s what it’s for, otherwise it’s for the iPhone or generic.

For widgets, it’s not so bad. The structure is not important because, unlike components, widgets are copied into designs with no reference back to their original location.

Overall, with a bit of forward thinking and planning, we could have had a more consistent structure and naming convention and also avoided the problem of having an obsolete design library floating around!

(more…)

Related Posts Plugin for WordPress, Blogger...