SlideShare une entreprise Scribd logo
1  sur  55
Télécharger pour lire hors ligne
Hello!
Pixel Pushing
An Introduction to Icon Design

JON HICKS : HICKSDESIGN
What kinds?
FAVICONS
WEBSITE ICONS
WEBSITE ICONS
DESKTOP ICONS
The Metaphor
 (The theory bit)
EVERYDAY ICONS
EVERYDAY ICONS
WHEN NO CONVENTIONS EXIST…
         cadenhead.org
STANDARDISATION
THE METAPHOR



Keep the idea simple and
memorable
If there is a convention -
consider following it
If it’s a home icon, make it
picture of a home!
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design
Pixel Pushing: An introduction to Icon Design

Contenu connexe

Similaire à Pixel Pushing: An introduction to Icon Design

I os 6 to ios7 User Interface Perspective
I os 6  to  ios7 User Interface Perspective I os 6  to  ios7 User Interface Perspective
I os 6 to ios7 User Interface Perspective Chathuranga Jayanath
 
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....Aidan Foster
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignAndy Croll
 
Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011Ni Dong
 
PixCone Product Tour
PixCone Product TourPixCone Product Tour
PixCone Product Tourfraricce
 
DOWNLOAD LATEST ICONS SETS FROM FREEICONS
DOWNLOAD LATEST ICONS SETS FROM FREEICONSDOWNLOAD LATEST ICONS SETS FROM FREEICONS
DOWNLOAD LATEST ICONS SETS FROM FREEICONSfreeicon
 
Mobile design matters - iOS and Android - presentation version in eng
Mobile design matters - iOS and Android - presentation version in engMobile design matters - iOS and Android - presentation version in eng
Mobile design matters - iOS and Android - presentation version in engLight Lin
 

Similaire à Pixel Pushing: An introduction to Icon Design (9)

I os 6 to ios7 User Interface Perspective
I os 6  to  ios7 User Interface Perspective I os 6  to  ios7 User Interface Perspective
I os 6 to ios7 User Interface Perspective
 
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
A Responsive Design Case Study - What We Did Wrong Building ResponsiveDesign....
 
Icon design
Icon designIcon design
Icon design
 
Icon design
Icon designIcon design
Icon design
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011Mobile web-design-trends-for-2011
Mobile web-design-trends-for-2011
 
PixCone Product Tour
PixCone Product TourPixCone Product Tour
PixCone Product Tour
 
DOWNLOAD LATEST ICONS SETS FROM FREEICONS
DOWNLOAD LATEST ICONS SETS FROM FREEICONSDOWNLOAD LATEST ICONS SETS FROM FREEICONS
DOWNLOAD LATEST ICONS SETS FROM FREEICONS
 
Mobile design matters - iOS and Android - presentation version in eng
Mobile design matters - iOS and Android - presentation version in engMobile design matters - iOS and Android - presentation version in eng
Mobile design matters - iOS and Android - presentation version in eng
 

Dernier

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1DianaGray10
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Websitedgelyza
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 

Dernier (20)

20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1UiPath Platform: The Backend Engine Powering Your Automation - Session 1
UiPath Platform: The Backend Engine Powering Your Automation - Session 1
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
COMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a WebsiteCOMPUTER 10 Lesson 8 - Building a Website
COMPUTER 10 Lesson 8 - Building a Website
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 

Pixel Pushing: An introduction to Icon Design