SlideShare a Scribd company logo
1 of 20
Download to read offline
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

More Related Content

Viewers also liked

8279 in microprocessor
8279 in microprocessor8279 in microprocessor
8279 in microprocessor
Aisu
 

Viewers also liked (16)

Keyboard techniques
Keyboard techniquesKeyboard techniques
Keyboard techniques
 
Keyboarding Techniques
Keyboarding TechniquesKeyboarding Techniques
Keyboarding Techniques
 
Basic shortcut keys of computer or PC
Basic shortcut keys of computer or PCBasic shortcut keys of computer or PC
Basic shortcut keys of computer or PC
 
This is not a pipe
This is not a pipeThis is not a pipe
This is not a pipe
 
Sosialisasi OJK - Laku Pandai
Sosialisasi OJK - Laku PandaiSosialisasi OJK - Laku Pandai
Sosialisasi OJK - Laku Pandai
 
Sosialisasi OJK - Lembaga Keuangan Mikro
Sosialisasi OJK - Lembaga Keuangan MikroSosialisasi OJK - Lembaga Keuangan Mikro
Sosialisasi OJK - Lembaga Keuangan Mikro
 
BSSML16 L2. Ensembles and Logistic Regressions
BSSML16 L2. Ensembles and Logistic RegressionsBSSML16 L2. Ensembles and Logistic Regressions
BSSML16 L2. Ensembles and Logistic Regressions
 
Virtual keyboard
Virtual keyboardVirtual keyboard
Virtual keyboard
 
The Power of icons
The Power of iconsThe Power of icons
The Power of icons
 
Keyboard
KeyboardKeyboard
Keyboard
 
Cisco Network Icon Library
Cisco Network Icon LibraryCisco Network Icon Library
Cisco Network Icon Library
 
Powerpoint Infographics & icons
Powerpoint Infographics & iconsPowerpoint Infographics & icons
Powerpoint Infographics & icons
 
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influenceSMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
 
8279 in microprocessor
8279 in microprocessor8279 in microprocessor
8279 in microprocessor
 
Power user Digital Templates
Power user Digital TemplatesPower user Digital Templates
Power user Digital Templates
 
Power-user l Productivity add-in for PowerPoint and Excel
Power-user l Productivity add-in for PowerPoint and ExcelPower-user l Productivity add-in for PowerPoint and Excel
Power-user l Productivity add-in for PowerPoint and Excel
 

Similar to Icon Design

Similar to Icon Design (20)

Inkscape
InkscapeInkscape
Inkscape
 
K2P workshop 3-23-13
K2P workshop 3-23-13K2P workshop 3-23-13
K2P workshop 3-23-13
 
DIY motion capture with KinectToPin
DIY motion capture with KinectToPinDIY motion capture with KinectToPin
DIY motion capture with KinectToPin
 
Icon design
Icon designIcon design
Icon design
 
Icon design
Icon designIcon design
Icon design
 
ICS3211 lecture 08
ICS3211 lecture 08ICS3211 lecture 08
ICS3211 lecture 08
 
Joy of Inkscape - at StixCamp
Joy of Inkscape - at StixCampJoy of Inkscape - at StixCamp
Joy of Inkscape - at StixCamp
 
How the hell do I run Docker in production, and will it scale?
How the hell do I run Docker in production, and will it scale?How the hell do I run Docker in production, and will it scale?
How the hell do I run Docker in production, and will it scale?
 
How the hell do I run my microservices in production, and will it scale?
How the hell do I run my microservices in production, and will it scale?How the hell do I run my microservices in production, and will it scale?
How the hell do I run my microservices in production, and will it scale?
 
How the hell do I run my microservices in production, and will it scale?
How the hell do I run my microservices in production, and will it scale?How the hell do I run my microservices in production, and will it scale?
How the hell do I run my microservices in production, and will it scale?
 
Pervasive Checkers
Pervasive CheckersPervasive Checkers
Pervasive Checkers
 
Adobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the PosterAdobe Illustrator - Creating the Poster
Adobe Illustrator - Creating the Poster
 
How the hell do I run my microservices in production, and will it scale?
How the hell do I run my microservices in production, and will it scale?How the hell do I run my microservices in production, and will it scale?
How the hell do I run my microservices in production, and will it scale?
 
Building Applications with the Microsoft Kinect SDK
Building Applications with the Microsoft Kinect SDKBuilding Applications with the Microsoft Kinect SDK
Building Applications with the Microsoft Kinect SDK
 
Controlling Project Size for Student/Hobby Videogame Development
Controlling Project Size for Student/Hobby Videogame DevelopmentControlling Project Size for Student/Hobby Videogame Development
Controlling Project Size for Student/Hobby Videogame Development
 
ICONS
ICONSICONS
ICONS
 
Rcos intro-2
Rcos intro-2Rcos intro-2
Rcos intro-2
 
iOS Build Infrastructure at Square
iOS Build Infrastructure at SquareiOS Build Infrastructure at Square
iOS Build Infrastructure at Square
 
Resolution Independent Icon Design
Resolution Independent Icon DesignResolution Independent Icon Design
Resolution Independent Icon Design
 
Building Axure Icon Widget Libraries Using Web Fonts
Building Axure Icon Widget Libraries Using Web FontsBuilding Axure Icon Widget Libraries Using Web Fonts
Building Axure Icon Widget Libraries Using Web Fonts
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

Icon Design