際際滷

際際滷Share a Scribd company logo

Icon Design

H
hicksdesign

This document discusses icon design for different operating systems and platforms. It provides guidance on icon sizes for OS X, Windows, and Linux. Key recommendations include keeping icons simple yet memorable, using consistent lighting, and making icons fun when possible. Examples are given of icon creation workflows using free and open-source tools like Inkscape and online converters. Guidelines are offered for metaphor and abstraction in icon design.

1 of 20
Downloaded 1,549 times
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 Dont feel you have to be too literalbut Dont be abstract for the sake of it - if its 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

More Related Content

Icon Design