Icon Design
date post
25-Dec-2014Category
Technology
view
105.902download
5
Embed Size (px)
description
Transcript of Icon Design
- 1. Hello!
- 2. Icon Design Explained (quickly) JON HICKS : HICKSDESIGN
- 3. Anatomy of desktop icon (The Techie bits)
- 4. 48px MIRO ICON 128px 32px 24px 16px 256px 512px
- 5. SCALED DOWN REDRAWN
- 6. SCALED DOWN REDRAWN
- 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
- 8. Tips for creating icons
- 9. 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!
- 10. EXAMPLES OF FUN APPZAPPER TRANSMIT
- 11. USE CONSISTENT LIGHTING
- 12. My Workflow
- 13. RESEARCH
- 14. SKETCHBOOK
- 15. VECTOR SKETCHES
- 16. ADOBE ILLUSTRATOR or FIREWORKS
- 17. ICONBUILDER
- 18. DONE!
- 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
- 20. Icon Design Explained (quickly) h p://del.icio.us/jonhicks/ icondesigntalk