SlideShare a Scribd company logo

Pixel Pushing: An introduction to Icon Design

•
•
H
hicksdesign

Presentation from Geek in the Park 08

TechnologyArt & Photos
1 of 55
Download to read offline
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

Recommended

Icon Design
Icon DesignIcon Design
Icon Designhicksdesign
 
The Icon Design Process – Jon Hicks
The Icon Design Process – Jon HicksThe Icon Design Process – Jon Hicks
The Icon Design Process – Jon Hicksbeyond tellerrand
 
Iconography of music videos
Iconography of music videos Iconography of music videos
Iconography of music videos caseyleebennett0805
 
Media Analysis 2: Iconography and Visual Analysis
Media Analysis 2: Iconography and Visual AnalysisMedia Analysis 2: Iconography and Visual Analysis
Media Analysis 2: Iconography and Visual AnalysisSteen Christiansen
 
Mobile design matters - iOS and Android
Mobile design matters - iOS and AndroidMobile design matters - iOS and Android
Mobile design matters - iOS and AndroidLight Lin
 
Inkscape
InkscapeInkscape
InkscapeAnas Emad Digital Marketing Specialist
 
Favicon
FaviconFavicon
FaviconLiquidity Lighthouse, LLC
 
HTML5 Games for Web & Mobile
HTML5 Games for Web & MobileHTML5 Games for Web & Mobile
HTML5 Games for Web & MobileCarsten Sandtner
 

Recommended

Icon Design
Icon DesignIcon Design
Icon Designhicksdesign
 
The Icon Design Process – Jon Hicks
The Icon Design Process – Jon HicksThe Icon Design Process – Jon Hicks
The Icon Design Process – Jon Hicksbeyond tellerrand
 
Iconography of music videos
Iconography of music videos Iconography of music videos
Iconography of music videos caseyleebennett0805
 
Media Analysis 2: Iconography and Visual Analysis
Media Analysis 2: Iconography and Visual AnalysisMedia Analysis 2: Iconography and Visual Analysis
Media Analysis 2: Iconography and Visual AnalysisSteen Christiansen
 
Mobile design matters - iOS and Android
Mobile design matters - iOS and AndroidMobile design matters - iOS and Android
Mobile design matters - iOS and AndroidLight Lin
 
Inkscape
InkscapeInkscape
InkscapeAnas Emad Digital Marketing Specialist
 
Favicon
FaviconFavicon
FaviconLiquidity Lighthouse, LLC
 
HTML5 Games for Web & Mobile
HTML5 Games for Web & MobileHTML5 Games for Web & Mobile
HTML5 Games for Web & MobileCarsten Sandtner
 
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
 
Icon design
Icon designIcon design
Icon designSunny Padiyar
 
Icon design
Icon designIcon design
Icon designYellow Slice
 
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
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 

More Related Content

Similar to 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
 

Similar to 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
 

Recently uploaded

Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr BaganFwdays
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demoHarshalMandlekar2
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsSergiu Bodiu
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxBkGupta21
 

Recently uploaded (20)

Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan"ML in Production",Oleksandr Bagan
"ML in Production",Oleksandr Bagan
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demoSample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
 
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platformsDevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
 
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
 
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptxunit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
 

Pixel Pushing: An introduction to Icon Design