mishrelic

Things that matters!

Icons For Your Desktop and Icons For Your Web Designs December 6, 2007

Filed under: Designs — mishrelic @ 8:40 am
Tags:

Icons For Your Desktop and Icons For Your Web Designs

Original Content can be found here-icons-for-your-desktop-and-icons-for-your-web-designs

November 29th, 2007 in Graphics | 81 Comments

The value of icons lies in their ability to communicate with visitors or users in a more intuitive and effective way. Jakob Nielsen, the maestro of usability, postulated few years ago that “recognition rather than recall” is one of the basic heuristics for user-friendly design. In fact, it’s necessary to “minimize the user’s memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.”

Icons are supposed to achieve just that. And this is why it’s useful to actually use them both on your desktop and in your web design. They can reduce the complexity of the design and make it easier to get from point A to point B.

In the overview below we present some of the fresh high-quality free icons which you can use for your desktop; we also showcase free professional icon sets, buttons and vector graphics you can use for your web designs. You might know some of them, but hopefully not all of them. Not all listed freebies can be used for commercial projects, however you can use all of them in your private projects of for you personal purposes. Please read the disclaimers carefully before using the icons – they’re changing from time to time.

You can also scan through the icons-related articles we’ve published before:

Icons for Your Desktop and Design

Air Mail Icons
A replacement icon for Apple Mail or any other Mail application. An old school Air Mail Envelope for that ‘old worldish’ quality that seems to have been forgotten in our inbox filled, electronicly busy everyday lives. 32×32px – 512×512 px icon for Mac and PC.

Icons

Camera Icon
Replacement icon for Iphoto, Aperture or any other photo application. 2 icons included: a colorful lens for the frivolous and a sligthly more down to earth version. Mac & PC icons + PNG’s bundled.

Icons

File Icons
Includes a total of 100 PNGs and 100 Icons.

Icons

Angular: 90 Free Icons
A set of 90 free vector icons, all in one .eps file.

Screenshot - Freebies

iZ3 Icons
The package contains 20 different icons for Windows XP & Vista, 7 different colors, 256×256 Pixel PNG previews, 256×256 ico formats for XP & Vista.

Icons

iLeopard Icons Pack
Special edition of iLeopard Icons Pack series. All Leopard icons available in 512*512 pixels with 96 dpi.

Icons

White Leopard Icons, Black Leopard Icons
This icon set for Mac OS X 10.5 (Leopard) contains 19 folder icons in both .icns- and .png-format (128×128 and 512×512px). Every folder icon (such as applications, music, movies etc.) will be replaced by adding these icons to your system.

Icons

Icons

Vista Style Ultimate IconPackager
Includes new gray folders, updated Vista Sounds, and also new file icons. 19.7 Mb.

Icons

Safari Icon
This is a Pith Helmet for a real Safari user! Leopard ready, Jungle ready!

Icons

BlackAqua Safari Icon
Icns, png and ico – max 256×256px.

Icons

Camino Icons
A few icons for the Mac OSX super browser Camino, 5 colors and a retro look for your favorite browser.

Icons

Hardwaremx
7 icons in various sizes. For Mac and Windows.

Icons

Square Compass
128px, 256px and 512px in .png.

Icons

iTweek’s icon sets
A small selection of nice icon sets, among them the Skype icon, Ipod Nano and the Graphic Converter.

Icons

Icons

Apple Various Pack
A number of Apple icons bundled in a one single package.

Icons

Web Design Icons

Email Me Icons
This icon set contains 11 icons in sizes 32×32 px, 48×48px, 128×128px, in .png format.

Screenshot - Freebies

Jonas Rask’s Icons
Over 20 outstanding free icon sets for Win and Mac.

Icons

Icons

Rounder Icons
43 rounded 128×128 .png-icons.

Screenshot - Freebies

Aesthetica Icon Set
“Aesthetica” Icon Set was created to lend visual excitement to your projects. This set is fresh, stylish and modern, all mixed up in the perfect proportions. This set contains the following icons in 32-bit transparency PNG and Photoshop’s PSD.

Icons

Orb Icon Set
Inspirational icons.

Icons

Icons

WYSIWYG Sapphire Icons
This icon set, as the name indicates, can find its use wherever you might need WYSIWYG (What You See Is What You Get) editing or similar actions in your applications. The WYSIWYG Sapphire Icon Set is a part of the DryIcons’ WYSIWYG sequence icon sets, the name is inspired by its specific tone colors giving it an unique ’sapphire’ look.

Icons

Iconbase’s selection
A growing selection of high quality icons for Windows and/or Mac.

Icons

Icons

Icons

Icons

Project Folders pack
Project Folders Icons Pack set includes 4 PNG icons for Windows (XP and Vista).

Icons

Free RSS Feed Icons

We’ve covered dozens of RSS-Icons sets recently, however there are some sets we’ve missed. This one comes in 6 colors

Social Button

More social icons

12 icons. PNG. Spanish.

Icons

51 RSS Button For Your Blog

Even more RSS-buttons & icons.

Icons

Social Bookmarks Iconset 2

This set includes icons for Furl, Windows live, Blinklist, Blogger, Lifelogger etc. All icons are sized to 64*64 in PNG format and it’s great to use them on your website or blog.

Icons

Social Web Buttons – Set 1

20 Buttons released under a Creative Commons License

Social Button

Social Button

Social Button

Social Button

Ganato Free Icons

Free PSD Icons (24 icon sets), among them a home set, plugin set, monitor set, application set, chart set and many more.

Screenshot - Freebies

Web 2.0 Vector Icons-1 and Web 2.0 Vector Icons-2
Vector icons in one single .EPS-file. Very unfriendly download via rapidshare or depositfiles. these services are annoying.

Icons

Free Icons for Web & Application Interface Systems
140 PNG all free Icons. Icons come in 4 sizes. Here is a preview. This work is licensed under a Creative Commons Attribution 3.0 United States License.

Icons

20 Free Sunny Buttons
There is also a .PSD source.

Social Button

Plastic Baggies Icons

ScreenshotScreenshot

Blog-Micro-Buttons
80×15 pixels in 2 styles.

Social Button

Pixelicious
150 icons mainly intended for developers. 32×32 pixel. Free for personal use or non profit organisations.

Social Button

Overall 400 mini icons (10×10 and 16×16) are available in the set of Set von Dapino. The icons can be used royalty-free by Creative Commons Attribution 3.0 license for any personal or commercial projects. PNG format.

Screenshot

Firefox Icons Packs
A collection of icons related to various Firefox-project. In most cases the quality is much better than you might think at the first glance. Experimental designs are also available.

Screenshot

Screenshot

Screenshot

Ben has some free vector musical instruments.

Screenshot - Freebies

The same theme from Spoon Graphics: Live Music.

Screenshot - Freebies

Some clouds. Look out for more stuff.

Screenshot - Freebies

40 Vector Icons for Apple Products
So here is something to keep you ticking over: a sample of vector icons of all your favourite (or perhaps most hated) Apple products, from iPods and iPhone to iMacs and the Apple Remote.

Screenshot - Freebies

Dancing Girls
Vector silhouettes of dancing ladies (*.eps).

Screenshot - Freebies

Random Free Vectors – Part 13: Stars
EPS or SVG from Bittbox.

Screenshot - Freebies

Paper Doc Icons
11 paper doc .icon & transparent .png 128 x 128 px

Screenshot

Leopard Dock Designs
Download your Apple Leopard dock design. There are 110+ design at this time on one singel page.

Screenshot

Dockulicious
Tired of the regular Mac OS 10.5 Leopard dock?

Screenshot

References

You can find even more free icons in the

IconShock.com Freebies
A free icons forum where users share their findings and works.

 

Usability December 3, 2007

Filed under: Gallimaufry — mishrelic @ 7:05 am

Usability is about making the user feel at ease.
If graphics are just thrown onto a page with out any thought they could confuse and distract users are dilute the message you are trying to convey.

1) Noticeable navigation and scannability of call to action areas makes your message very clear.
2) Users will scan pages only reading headlines and titles until they see something that catches their eye. Cleverly written headlines will draw more users every time and keep them on your website longer.

3) Consider the meaning of your site and its purpose.

4) To maximize overall usability, the information on each page needs to appear in a specific order. For example, if there were no graphics in your website, you would want the page structure to look like an outline. If the structures of the key elements are in place, then it should be very easy for a user to understand your site. Site structure determines 80% of usability.

5) Developing websites with web standard code allows your website to be as accessible as possible. Proper code means giving all of your headings H tags, using style sheets for all of your formatting, and using proper HTML and XHTML markup for all other elements.

6) Making your website accessible and usable to search engines is just as important as usability to your viewers.

Proper development and structure of your content should look similar to this:

Main Topic (H1)
Subcategory (H2)
Aspect of subcategory
Aspect of subcategory
Subcategory (H2)
Aspect of subcategory
Aspect of subcategory

This outline structure is useful for both search engines and users. It is logical and easy to scan.