What is Design
88726 views
Improving Interface Design
122979 views
Design for the World
48502 views
Nokia brand & design priorities
64334 views
Conversation by Design
46176 views
Digital Experience Design + The Digit...
36419 views
Interaction Design & Psychology (2002)
20697 views
Best Practices for Form Design
39202 views
More Info
on Slideshare: 5438
from embeds: 15655
Slideshow transcript
Slide 1: Hello!
Slide 2: Icon Design Explained (quickly) JON HICKS : HICKSDESIGN
Slide 3: Anatomy of desktop icon (The Techie bits)
Slide 4: 48px MIRO ICON 128px 32px 24px 16px 256px 512px
Slide 5: SCALED DOWN REDRAWN
Slide 6: SCALED DOWN REDRAWN
Slide 7: 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 • •
Slide 8: Tips for creating icons
Slide 9: 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!
Slide 10: EXAMPLES OF ‘FUN’ APPZAPPER TRANSMIT
Slide 11: USE CONSISTENT LIGHTING
Slide 12: My Workflow
Slide 13: RESEARCH
Slide 14: SKETCHBOOK
Slide 15: VECTOR SKETCHES
Slide 16: ADOBE ILLUSTRATOR or FIREWORKS
Slide 17: ICONBUILDER
Slide 18: DONE!
Slide 19: 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
Slide 20: Icon Design Explained (quickly) h p://del.icio.us/jonhicks/ icondesigntalk
Add a comment on Slide 1
Login or Signup to add a comment!- Favorites & Groups
Showing 1-50 of 33 (more)