SlideShare a Scribd company logo
2.1 Color Perception
PSYC 579 Topic Presentation,
University of British Columbia
Diliara Nasirova
School of Interactive Art and Technology,
Simon Fraser University
January 26, 2011
2
Outline
1.  The Physical Description of Light
■  Light Components
■  Electromagnetic Spectrum
2.  The Psychological Description of Color
■  Color Space
3.  Theories of Color Vision
■  Trichromatic Theory
■  Opponent Process Theory
Diliara Nasirova | PSYC 579 | Jan 26, 2011
4.  Basic Phenomena
■  Color Blindness
■  Color Afterimage
■  Color Contrast
5.  Application to Visual Design
■  Color Specification Interfaces
■  Color for Labeling
3
References
1.  C. Ware, “Information Visualization: Perception for Design”, ch. 4 “Color”
2.  SE. Palmer, “Vision Science”
3.  E. Tufte, “Envisioning Information”, ch. 5 “Color and information”
4.  P Rheingans. (1999). “Task-based Color Scale Design”
5.  CA Brewer. (2005). “Designing Better Maps”, ch. 5 “Color Decisions for
Mapping”
6.  C. Ware, “Visual Thinking for Design”, ch. 4 “Color”
7.  M. Stone, “Color in Information Display” workshop, Vis08
Diliara Nasirova | PSYC 579 | Jan 26, 2011
4
The Physical Description of Light
Light Components
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Sir Isaac Newton, 1666
5
The Physical Description of Light
Electromagnetic Spectrum
Diliara Nasirova | PSYC 579 | Jan 26, 2011
6
The Psychological Description of Color
Color Space
•  All colors experiences can be
described in terms of three
dimensions:
■  Hue
■  Value (lightness)
■  Saturation (chroma)
Diliara Nasirova | PSYC 579 | Jan 26, 2011
7
The Psychological Description of Color
Color Space
•  Color space:
■  A three dimensional coordinate
system
■  Each color can be represented as a
single point with a unique position.
Diliara Nasirova | PSYC 579 | Jan 26, 2011
8
The Psychological Description of Color
Color Space
•  Color solid: Subset of color space
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Lightness
Hue
Saturation
9
Theories of Color Vision
Trichromatic Theory
•  Trichromacy:
Three color receptors (cones) in
retinas that are active at normal
light levels
•  Young-Helmholtz Trichromatic
Theory
Diliara Nasirova | PSYC 579 | Jan 26, 2011
10
The Physical Description of Light
Spectral Diagram
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Human cone sensitivity
functions.
•  Cones sensitive to
■  S (blue)
■  M (green)
■  L (red)
11
The Physical Description of Light
Spectral Diagram: Short wavelength sensitive cones
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Blue text on a dark background
is to be avoided. We have very few
short-wavelength sensitive cones in
the retina and they are not very
sensitive.
Blue text on a dark background
is to be avoided. We have very few
short-wavelength sensitive cones in
the retina and they are not very
sensitive.
12
The Physical Description of Light
Spectral Diagram: Short wavelength sensitive cones
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Blue text on a dark background
is to be avoided. We have very few
short-wavelength sensitive cones in
the retina and they are not very
sensitive.
Blue text on a dark background
is to be avoided. We have very few
short-wavelength sensitive cones in
the retina and they are not very
sensitive.
13
Theories of Color Vision
Opponent Process Theory
•  Ewald Hering Opponent Process
Theory
•  Six elementary colors arranged as
opponent pairs along three axes:
■  black-white,
■  red-green,
■  yellow-blue.
Diliara Nasirova | PSYC 579 | Jan 26, 2011
14
Theories of Color Vision
Opponent Process Theory: Physiological basis
•  Input from the cones is processed into 3 distinct channels
Diliara Nasirova | PSYC 579 | Jan 26, 2011
15
Theories of Color Vision
Opponent Process Theory: Scientific evidence
1.  Unique Hues:
black, white, red, green…
Diliara Nasirova | PSYC 579 | Jan 26, 2011
16
Theories of Color Vision
Opponent Process Theory: Scientific evidence
2.  Naming and Cross-Cultural Naming:
“yellowish green”, but no “yellowish blue”
Diliara Nasirova | PSYC 579 | Jan 26, 2011
17
3.  Neurophysiology: cells in visual
cortexes of monkeys that have
properties of opponency
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Theories of Color Vision
Opponent Process Theory: Scientific evidence
18
3.  Categorical Colors:
■  Evidence that confusion
between colors is affected by
color categories
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Theories of Color Vision
Opponent Process Theory: Scientific evidence
19
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Theories of Color Vision
Opponent Process Theory: Scientific evidence
20
Theories of Color Vision
Opponent Process Theory: Color Channels Properties
•  Chromatic channels carry ~1/3
the amount of detail carried by
the black–white channel.
•  Difficult to read the text where
luminance is equal, despite a
large chromatic difference
Diliara Nasirova | PSYC 579 | Jan 26, 2011
21
Theories of Color Vision
Opponent Process Theory: Color Channels Properties
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Form: Form perception processed mainly through the luminance channel
Floor, Duomo di Siena
22
Theories of Color Vision
Opponent Process Theory: Color Channels Properties
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Form: Pseudocolor sequences for maps
23
Basic Phenomena
Color Contrast
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Colors are perceived relative to their overall context
24
Basic Phenomena
Color Blindness
•  ~10% of the male and ~1% of the female population have some form of
color vision deficiency.
Original
Deuteranope (r/g)
Protanope (r/g)
Tritanope (y/b)
25
Basic Phenomena
Color Blindness
Diliara Nasirova | PSYC 579 | Jan 26, 2011
26
Basic Phenomena
Color Blindness
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Normal
vision: no
number
Color blind
vision: “45”
27
Basic Phenomena
Color Afterimage
Diliara Nasirova | PSYC 579 | Jan 26, 2011
28
Basic Phenomena
Color Afterimage
Diliara Nasirova | PSYC 579 | Jan 26, 2011
.
29
Basic Phenomena
Color Afterimage
•  BMW commercial:
http://www.huffingtonpost.com/2010/12/16/bmw-ad-vide-burns-logo-into-eyes-
_n_797981.html
Diliara Nasirova | PSYC 579 | Jan 26, 2011
30
Application to Visual Design
Color Specification Interfaces
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  One of the most widely used color
interfaces in computer graphics is
based on the HSV color space
saturation
hue value
31
Application to Visual Design
Color Specification Interfaces
Diliara Nasirova | PSYC 579 | Jan 26, 2011
32
Application to Visual Design
Color for Labeling
•  Labeling: nominal information
coding
•  Color can be extremely effective
as a nominal code.
Diliara Nasirova | PSYC 579 | Jan 26, 2011
33
Application to Visual Design
Color for Labeling
•  Perceptual factors to be considered:
1.  Distinctness
2.  Unique hues
3.  Contrast with background
4.  Color blindness
5.  Number
6.  Field size
7.  Conventions
Diliara Nasirova | PSYC 579 | Jan 26, 2011
34
Application to Visual Design
Color for Labeling
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Perceptual factors to be considered:
1.  Distinctness
2.  Unique hues
3.  Contrast with background
4.  Color blindness
5.  Number
6.  Field size
7.  Conventions
35
Application to Visual Design
Color for Labeling
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Perceptual factors to be considered:
1.  Distinctness
2.  Unique hues
3.  Contrast with background
4.  Color blindness
5.  Number
6.  Field size
7.  Conventions
36
Application to Visual Design
Color for Labeling
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Perceptual factors to be considered:
1.  Distinctness
2.  Unique hues
3.  Contrast with background
4.  Color blindness
5.  Number
6.  Field size
7.  Conventions
37
Application to Visual Design
Color for Labeling
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Perceptual factors to be considered:
1.  Distinctness
2.  Unique hues
3.  Contrast with background
4.  Color blindness
5.  Number
6.  Field size
7.  Conventions
38
Application to Visual Design
Color for Labeling
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Perceptual factors to be considered:
1.  Distinctness
2.  Unique hues
3.  Contrast with background
4.  Color blindness
5.  Number
6.  Field size
7.  Conventions
39
Application to Visual Design
Color for Labeling
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  Perceptual factors to be considered:
1.  Distinctness
2.  Unique hues
3.  Contrast with background
4.  Color blindness
5.  Number
6.  Field size
7.  Conventions
40
Application to Visual Design
Color for Labeling
Diliara Nasirova | PSYC 579 | Jan 26, 2011
•  12 colors recommended for use in coding.
41
Conclusion

More Related Content

What's hot

Human Memory (Psychology)
Human Memory (Psychology)Human Memory (Psychology)
Human Memory (Psychology)
Shara Mae Reloj
 
Sensation & Perception PowerPoint
Sensation & Perception PowerPointSensation & Perception PowerPoint
Sensation & Perception PowerPoint
KRyder
 
Visual illusions
Visual illusionsVisual illusions
Visual illusions
Rizwan Razer
 
Cognitive Neuroscience
Cognitive NeuroscienceCognitive Neuroscience
Cognitive Neuroscience
IIT Roorkee
 
Sensation & Perception
Sensation & PerceptionSensation & Perception
Sensation & Perception
guest370e9
 
synesthesia
synesthesiasynesthesia
synesthesia
rejin dermal
 
Art Appreciation, Elements & Organization.pptx
Art Appreciation, Elements & Organization.pptxArt Appreciation, Elements & Organization.pptx
Art Appreciation, Elements & Organization.pptx
JIAOAlphaVyletA
 
Colour Theory
Colour TheoryColour Theory
Colour Theory
Guy Parsons
 
Visual perceptual
Visual perceptualVisual perceptual
Visual perceptual
Gundeep Singh
 
Chapter 5 (sensation)
Chapter 5 (sensation)Chapter 5 (sensation)
Chapter 5 (sensation)
dcrocke1
 
Chapter1 Introduction To Cognitive Psychology
Chapter1 Introduction To Cognitive PsychologyChapter1 Introduction To Cognitive Psychology
Chapter1 Introduction To Cognitive Psychology
orengomoises
 
Visual Perception Lecture 2
Visual Perception Lecture 2Visual Perception Lecture 2
Visual Perception Lecture 2
Wilfred Dexter Tanedo
 
Consciousness
ConsciousnessConsciousness
Consciousness
Mykee Sumatra
 
Depth perception by imran ali
Depth perception by imran aliDepth perception by imran ali
Depth perception by imran ali
Imran Sono
 
Color
ColorColor
Color
hmazzuto
 
Theory of signal detection
Theory of signal detection Theory of signal detection
Theory of signal detection
Eke Kingsley
 
Thinking
ThinkingThinking
Psychology presentation
Psychology presentationPsychology presentation
Psychology presentation
RCAroman
 
Perception
PerceptionPerception
Perception
orengomoises
 
Visual perception 1
Visual perception 1Visual perception 1
Visual perception 1
cece2012
 

What's hot (20)

Human Memory (Psychology)
Human Memory (Psychology)Human Memory (Psychology)
Human Memory (Psychology)
 
Sensation & Perception PowerPoint
Sensation & Perception PowerPointSensation & Perception PowerPoint
Sensation & Perception PowerPoint
 
Visual illusions
Visual illusionsVisual illusions
Visual illusions
 
Cognitive Neuroscience
Cognitive NeuroscienceCognitive Neuroscience
Cognitive Neuroscience
 
Sensation & Perception
Sensation & PerceptionSensation & Perception
Sensation & Perception
 
synesthesia
synesthesiasynesthesia
synesthesia
 
Art Appreciation, Elements & Organization.pptx
Art Appreciation, Elements & Organization.pptxArt Appreciation, Elements & Organization.pptx
Art Appreciation, Elements & Organization.pptx
 
Colour Theory
Colour TheoryColour Theory
Colour Theory
 
Visual perceptual
Visual perceptualVisual perceptual
Visual perceptual
 
Chapter 5 (sensation)
Chapter 5 (sensation)Chapter 5 (sensation)
Chapter 5 (sensation)
 
Chapter1 Introduction To Cognitive Psychology
Chapter1 Introduction To Cognitive PsychologyChapter1 Introduction To Cognitive Psychology
Chapter1 Introduction To Cognitive Psychology
 
Visual Perception Lecture 2
Visual Perception Lecture 2Visual Perception Lecture 2
Visual Perception Lecture 2
 
Consciousness
ConsciousnessConsciousness
Consciousness
 
Depth perception by imran ali
Depth perception by imran aliDepth perception by imran ali
Depth perception by imran ali
 
Color
ColorColor
Color
 
Theory of signal detection
Theory of signal detection Theory of signal detection
Theory of signal detection
 
Thinking
ThinkingThinking
Thinking
 
Psychology presentation
Psychology presentationPsychology presentation
Psychology presentation
 
Perception
PerceptionPerception
Perception
 
Visual perception 1
Visual perception 1Visual perception 1
Visual perception 1
 

Recently uploaded

SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
bagmai
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
tobbk6s8
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
881evgn0
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
anthonylin333
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
talaatahm
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
qo1as76n
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
wkip62b
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
bo44ban1
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
9lq7ultg
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
Bianca Woods
 

Recently uploaded (20)

SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)Manual ISH (International Society of Hypertension)
Manual ISH (International Society of Hypertension)
 
一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样一比一原版肯特大学毕业证UKC成绩单一模一样
一比一原版肯特大学毕业证UKC成绩单一模一样
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
一比一原版美国哥伦比亚大学毕业证Columbia成绩单一模一样
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
UXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdfUXpert_Report (UALR Mapping Renewal 2022).pdf
UXpert_Report (UALR Mapping Renewal 2022).pdf
 
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdfAHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
AHMED TALAAT ARCHITECTURE PORTFOLIO .pdf
 
定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样定制美国西雅图城市大学毕业证学历证书原版一模一样
定制美国西雅图城市大学毕业证学历证书原版一模一样
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理一比一原版布兰登大学毕业证(BU毕业证书)如何办理
一比一原版布兰登大学毕业证(BU毕业证书)如何办理
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
一比一原版阿肯色大学毕业证(UCSF毕业证书)如何办理
 
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
一比一原版马里兰大学毕业证(UMD毕业证书)如何办理
 
Practical eLearning Makeovers for Everyone
Practical eLearning Makeovers for EveryonePractical eLearning Makeovers for Everyone
Practical eLearning Makeovers for Everyone
 

Colour perception

  • 1. 2.1 Color Perception PSYC 579 Topic Presentation, University of British Columbia Diliara Nasirova School of Interactive Art and Technology, Simon Fraser University January 26, 2011
  • 2. 2 Outline 1.  The Physical Description of Light ■  Light Components ■  Electromagnetic Spectrum 2.  The Psychological Description of Color ■  Color Space 3.  Theories of Color Vision ■  Trichromatic Theory ■  Opponent Process Theory Diliara Nasirova | PSYC 579 | Jan 26, 2011 4.  Basic Phenomena ■  Color Blindness ■  Color Afterimage ■  Color Contrast 5.  Application to Visual Design ■  Color Specification Interfaces ■  Color for Labeling
  • 3. 3 References 1.  C. Ware, “Information Visualization: Perception for Design”, ch. 4 “Color” 2.  SE. Palmer, “Vision Science” 3.  E. Tufte, “Envisioning Information”, ch. 5 “Color and information” 4.  P Rheingans. (1999). “Task-based Color Scale Design” 5.  CA Brewer. (2005). “Designing Better Maps”, ch. 5 “Color Decisions for Mapping” 6.  C. Ware, “Visual Thinking for Design”, ch. 4 “Color” 7.  M. Stone, “Color in Information Display” workshop, Vis08 Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 4. 4 The Physical Description of Light Light Components Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Sir Isaac Newton, 1666
  • 5. 5 The Physical Description of Light Electromagnetic Spectrum Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 6. 6 The Psychological Description of Color Color Space •  All colors experiences can be described in terms of three dimensions: ■  Hue ■  Value (lightness) ■  Saturation (chroma) Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 7. 7 The Psychological Description of Color Color Space •  Color space: ■  A three dimensional coordinate system ■  Each color can be represented as a single point with a unique position. Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 8. 8 The Psychological Description of Color Color Space •  Color solid: Subset of color space Diliara Nasirova | PSYC 579 | Jan 26, 2011 Lightness Hue Saturation
  • 9. 9 Theories of Color Vision Trichromatic Theory •  Trichromacy: Three color receptors (cones) in retinas that are active at normal light levels •  Young-Helmholtz Trichromatic Theory Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 10. 10 The Physical Description of Light Spectral Diagram Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Human cone sensitivity functions. •  Cones sensitive to ■  S (blue) ■  M (green) ■  L (red)
  • 11. 11 The Physical Description of Light Spectral Diagram: Short wavelength sensitive cones Diliara Nasirova | PSYC 579 | Jan 26, 2011 Blue text on a dark background is to be avoided. We have very few short-wavelength sensitive cones in the retina and they are not very sensitive. Blue text on a dark background is to be avoided. We have very few short-wavelength sensitive cones in the retina and they are not very sensitive.
  • 12. 12 The Physical Description of Light Spectral Diagram: Short wavelength sensitive cones Diliara Nasirova | PSYC 579 | Jan 26, 2011 Blue text on a dark background is to be avoided. We have very few short-wavelength sensitive cones in the retina and they are not very sensitive. Blue text on a dark background is to be avoided. We have very few short-wavelength sensitive cones in the retina and they are not very sensitive.
  • 13. 13 Theories of Color Vision Opponent Process Theory •  Ewald Hering Opponent Process Theory •  Six elementary colors arranged as opponent pairs along three axes: ■  black-white, ■  red-green, ■  yellow-blue. Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 14. 14 Theories of Color Vision Opponent Process Theory: Physiological basis •  Input from the cones is processed into 3 distinct channels Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 15. 15 Theories of Color Vision Opponent Process Theory: Scientific evidence 1.  Unique Hues: black, white, red, green… Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 16. 16 Theories of Color Vision Opponent Process Theory: Scientific evidence 2.  Naming and Cross-Cultural Naming: “yellowish green”, but no “yellowish blue” Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 17. 17 3.  Neurophysiology: cells in visual cortexes of monkeys that have properties of opponency Diliara Nasirova | PSYC 579 | Jan 26, 2011 Theories of Color Vision Opponent Process Theory: Scientific evidence
  • 18. 18 3.  Categorical Colors: ■  Evidence that confusion between colors is affected by color categories Diliara Nasirova | PSYC 579 | Jan 26, 2011 Theories of Color Vision Opponent Process Theory: Scientific evidence
  • 19. 19 Diliara Nasirova | PSYC 579 | Jan 26, 2011 Theories of Color Vision Opponent Process Theory: Scientific evidence
  • 20. 20 Theories of Color Vision Opponent Process Theory: Color Channels Properties •  Chromatic channels carry ~1/3 the amount of detail carried by the black–white channel. •  Difficult to read the text where luminance is equal, despite a large chromatic difference Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 21. 21 Theories of Color Vision Opponent Process Theory: Color Channels Properties Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Form: Form perception processed mainly through the luminance channel Floor, Duomo di Siena
  • 22. 22 Theories of Color Vision Opponent Process Theory: Color Channels Properties Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Form: Pseudocolor sequences for maps
  • 23. 23 Basic Phenomena Color Contrast Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Colors are perceived relative to their overall context
  • 24. 24 Basic Phenomena Color Blindness •  ~10% of the male and ~1% of the female population have some form of color vision deficiency. Original Deuteranope (r/g) Protanope (r/g) Tritanope (y/b)
  • 25. 25 Basic Phenomena Color Blindness Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 26. 26 Basic Phenomena Color Blindness Diliara Nasirova | PSYC 579 | Jan 26, 2011 Normal vision: no number Color blind vision: “45”
  • 27. 27 Basic Phenomena Color Afterimage Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 28. 28 Basic Phenomena Color Afterimage Diliara Nasirova | PSYC 579 | Jan 26, 2011 .
  • 29. 29 Basic Phenomena Color Afterimage •  BMW commercial: http://www.huffingtonpost.com/2010/12/16/bmw-ad-vide-burns-logo-into-eyes- _n_797981.html Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 30. 30 Application to Visual Design Color Specification Interfaces Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  One of the most widely used color interfaces in computer graphics is based on the HSV color space saturation hue value
  • 31. 31 Application to Visual Design Color Specification Interfaces Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 32. 32 Application to Visual Design Color for Labeling •  Labeling: nominal information coding •  Color can be extremely effective as a nominal code. Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 33. 33 Application to Visual Design Color for Labeling •  Perceptual factors to be considered: 1.  Distinctness 2.  Unique hues 3.  Contrast with background 4.  Color blindness 5.  Number 6.  Field size 7.  Conventions Diliara Nasirova | PSYC 579 | Jan 26, 2011
  • 34. 34 Application to Visual Design Color for Labeling Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Perceptual factors to be considered: 1.  Distinctness 2.  Unique hues 3.  Contrast with background 4.  Color blindness 5.  Number 6.  Field size 7.  Conventions
  • 35. 35 Application to Visual Design Color for Labeling Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Perceptual factors to be considered: 1.  Distinctness 2.  Unique hues 3.  Contrast with background 4.  Color blindness 5.  Number 6.  Field size 7.  Conventions
  • 36. 36 Application to Visual Design Color for Labeling Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Perceptual factors to be considered: 1.  Distinctness 2.  Unique hues 3.  Contrast with background 4.  Color blindness 5.  Number 6.  Field size 7.  Conventions
  • 37. 37 Application to Visual Design Color for Labeling Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Perceptual factors to be considered: 1.  Distinctness 2.  Unique hues 3.  Contrast with background 4.  Color blindness 5.  Number 6.  Field size 7.  Conventions
  • 38. 38 Application to Visual Design Color for Labeling Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Perceptual factors to be considered: 1.  Distinctness 2.  Unique hues 3.  Contrast with background 4.  Color blindness 5.  Number 6.  Field size 7.  Conventions
  • 39. 39 Application to Visual Design Color for Labeling Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  Perceptual factors to be considered: 1.  Distinctness 2.  Unique hues 3.  Contrast with background 4.  Color blindness 5.  Number 6.  Field size 7.  Conventions
  • 40. 40 Application to Visual Design Color for Labeling Diliara Nasirova | PSYC 579 | Jan 26, 2011 •  12 colors recommended for use in coding.