Icon Design

50 %
50 %
Information about Icon Design

Published on February 7, 2008

Author: hicksdesign

Source: slideshare.net

Hello!

Icon Design Explained (quickly) JON HICKS : HICKSDESIGN

Anatomy of desktop icon (The Techie bits)

48px MIRO ICON 128px 32px 24px 16px 256px 512px

SCALED DOWN REDRAWN

SCALED DOWN REDRAWN

APPLICATION ICON RESOURCE CHART 16 24 32 48 128 256 512 OS X 10.5 .icns • • • • • OS X 10-10.4 .icns • • • Windows Vista .ico • • • • • • Windows XP .ico • • • • • Windows 95-2000 .ico • • • • Linux .svg .png • • • • (uses .svg) Favicons .ico • •

Tips for creating icons

THE METAPHOR Keep the idea simple and memorable Don’t feel you have to be too literal…but… Don’t be abstract for the sake of it - if it’s a home icon, make it picture of a home! Make it fun if you can!

EXAMPLES OF ‘FUN’ APPZAPPER TRANSMIT

USE CONSISTENT LIGHTING

My Workflow

RESEARCH

SKETCHBOOK

VECTOR SKETCHES

ADOBE ILLUSTRATOR or FIREWORKS

ICONBUILDER

DONE!

FREE TOOLS ๏ Inkscape is especially suited to making Linux icons - direct to .svg ๏ Other good free tools like png2ico or online apps like favikon.com

Icon Design Explained (quickly) h p://del.icio.us/jonhicks/ icondesigntalk

Add a comment

Related presentations

Related pages

icon - Kommunikation für Kultur und Wirtschaft.

News und aktuelle Projekte • SEGRO Deutschland GmbH: Kommunikations- und Designkonzept • deutzerhafen.com: ein Portal für das Entwicklungsgebiet
Read more

Icon Designer - Sebastiaan de With's icon and user ...

Some free ware icons as well as examples of custom work by Sebastiaan de With. Contains an overview of design services that includes interface design, and ...
Read more

Ergosign - Icon Design ‹ Leistungen ‹ Service

Ergosign bietet Ihnen hochwertige Stock Icons, aussagekräftige Applikationsicons oder individuelle Funktionsicons, wählt die idealen Metaphern und setzt ...
Read more

icon design

icon design ist eine Full Service Werbeagentur. icon digital vereint eine Digitaldruck- und Werbemittelfirma. icon living überzeut mit einem kreativen ...
Read more

Download icon designer | Freeware.de

Download von Icon designer auf Freeware.de. AWicons Bildbearbeitung speziell für Icons. Jetzt kostenlos herunterladen!
Read more

Icon Design Pack Download | Freeware.de

Icon Design Pack 2013.1 Download auf Freeware.de. Icon-Sammlungen und -Editor unter einem Dach. Jetzt kostenlos downloaden!
Read more

Icon Design. Custom Icons for Desktop and Web Projects.

Icon design. Aha-Soft can design custom icons for you. Please find the basic information about custom icon design, ordering icons, pricing and the portfolio.
Read more

Custom icon design, toolbar icons and menu icon design ...

Need expert custom icon design? Get it here! We are design studio specializing in icon design since 2005.
Read more

Iconfactory Design Services

Leaders in icon and user interface design since 2000, the Iconfactory offers custom design services for mobile, desktop and web, royalty-free stock icons ...
Read more

Free vector icons - SVG, PSD, PNG, EPS & Icon Font ...

Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest database of free vector icons!
Read more