Color Sources and Resources: 1. Hypergraph Hypergraph 2. Frosty Drew Observatory Frosty Drew Observatory 3. User-Centered Web Site Development: a Human-

Slides:



Advertisements
Similar presentations
The Eye SNC2D.
Advertisements

Unit 4(C): Vision Mr. McCormick A.P. Psychology. Do-Now (Discussion)  Raise your hand if you are either nearsighted or farsighted.  What causes Nearsightedness.
Computer Science 101 RGB Color System. Simplified Introduction to Color Vision Go to How We See: The First Steps of Human Vision or Color Vision for more.
Optics and Human Vision The physics of light
Colors – part 1 K1066BI – Graphical Design Teppo Räisänen
Photoreceptors.
1 Computational Vision CSCI 363, Fall 2012 Lecture 33 Color.
2/23/051 Human Abilities: Color, Vision, & Perception CS 160, Spring 2005 Slides from: James Landay.
A (Uncolorful) Lecture on Color for UI’s Use of Color in UI Design (not ready for distribution) laura leventhal.
Tools for Observation.
Ch 31 Sensation & Perception Ch. 3: Vision © Takashi Yamauchi (Dept. of Psychology, Texas A&M University) Main topics –convergence –Inhibition, lateral.
Why use colour? Colour displays are attractive to users and can often improve task performance Benefits: –various colours are soothing or striking to the.
Chapter 7: Color Vision How do we perceive color?.
THEORIES OF COLOR VISION
THE HUMAN EYE Lights and Lenses. Explore: How does the eye focus an image? Procedure: -Position yourself so you can clearly see an object across the room.
Light and Color. Light is a form of energy light travels extremely fast and over long distances light carries energy and information light travels in.
How do we perceive colour? How do colours add?. What is colour? Light comes in many “colours”. Light is an electromagnetic wave. Each “colour” is created.
Digital Color Basics Rob Snyder June 2011.
1 Perception and VR MONT 104S, Fall 2008 Lecture 7 Seeing Color.
Electromagnetic Spectrum ColorOptic Tools The Human Eye Grab Bag
Sensation & Perception
Design  Good design is good because of its fitness to a particular user fitness to a particular task  In general, you are not your user!  Our class.
Computer Vision – Fundamentals of Human Vision Hanyang University Jong-Il Park.
© 2011 The McGraw-Hill Companies, Inc. Instructor name Class Title, Term/Semester, Year Institution Introductory Psychology Concepts Vision.
1 Perception, Illusion and VR HNRS , Spring 2008 Lecture 3 The Eye.
25.2 The human eye The eye is the sensory organ used for vision.
Vision Those of us fortunate enough to have good vision usually consider information from vision to be more essential than our other senses, no other.
Human Visual Perception The Human Eye Diameter: 20 mm 3 membranes enclose the eye –Cornea & sclera –Choroid –Retina.
12.2 Essential Questions How do you see color? What is the difference between light color and pigment color? What happens when different colors are mixed?
The Visual System. The Nature of Light Electromagnetic Spectrum – An energy spectrum that includes X-rays, radar, and radio waves – A small portion of.
VISION From Light to Sight. Objective To describe how the receptor cells for vision respond to the physical energy of light waves and are located in the.
Ch 31 Sensation & Perception Ch. 3: Vision © Takashi Yamauchi (Dept. of Psychology, Texas A&M University) Main topics –convergence –Inhibition, lateral.
WHAT DO WE KNOW ABOUT LIGHT?. What is Light? Light is a wave that we can see. –Light can carry heat and warmth. –Light has color. –Light can be bright.
Vision Structure of the Eye We only use light energy to see.
Perception Sisman LHHS Psychology. The Eye The structures of the eye from the diagram are as follows: –lens: focuses the image onto the retina –pupil:
Design Quotes  "The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site." —Frank.
Human Perception of Light
Copyright Catherine M. Burns 1 VISION Text Chapter 4 p
COLOR.
1 Perception and VR MONT 104S, Fall 2008 Lecture 2 The Eye.
Color Models. Color models,cont’d Different meanings of color: painting wavelength of visible light human eye perception.
PROPERTIES OF LIGHT A little review. Speed of Light Light travels through empty space at a speed of 299, km/s or 186, mi/s The speed decreases.
Sources Addison Wesley and Plimmer 2009 The Human Perceptual System Using Colour in Interaction Design Colour Concerns for Interaction Design Technical.
Sensation Intro. to Psychology PSY-101 Instructor: Miss Samia Khanum.
Sensation Intro. to Psychology PSY-101 Instructor: Ms. Tahira Zafar.
Color perception. Wrong representation wavelength sensibility.
Color and Color for the Web First, discuss idea of color (some overlap with lecture on HVS) First, discuss idea of color (some overlap with lecture on.
Lens Applications.
Retina Retina covered with light sensitive receptors –RODS Primarily for night vision and movement Sensitive to broad spectrum of light.
© 2011 South-Western | Cengage Learning A Discovery Experience PSYCHOLOGY Chapter 4Slide 1 LESSON 4.2 Vision OBJECTIVES Identify and illustrate the structures.
DO NOW. VisionVision Our most dominating sense. Visual Capture.
Chapter 9: Perceiving Color. Figure 9-1 p200 Figure 9-2 p201.
Light and Color. An objects color depends on the wavelength of light it reflects and that our eyes detect. White light is a blend of all colors. When.
Physics: light waves. Properties and Sources of Light Key Question: What are some useful properties of light?
Sensation and Perception UNIT 4 S ensation and perception form our world. Sensation is processed by physical receptors; perception is a psychological function.
MODULE #13: VISION. Vision Transduction: transformation of stimulus energy (light, sound, smells, etc.) to neural impulses our brains can interpret. Our.
Vision. The Eye and Vision It’s the most complex and most important sense for humans. The vision “system” transfers light waves into neural messages that.
WAVES AND COLOR.
Color  You see an object as the wavelength  ( color) of visible light that it reflects  Sunflowers are yellow because it reflects (bounces off) mostly.
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
25.2 The human eye The eye is the sensory organ used for vision.
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
Vision Seeing is Believing.
Why does a blue shirt look blue?
Vision Chapter 4 Section 2.
The Use of Color in User Interfaces
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
Vision Our most dominating sense. Visual Capture.
(Do Now) Journal What is psychophysics? How does it connect sensation with perception? What is an absolute threshold? What are some implications of Signal.
Presentation transcript:

Color Sources and Resources: 1. Hypergraph Hypergraph 2. Frosty Drew Observatory Frosty Drew Observatory 3. User-Centered Web Site Development: a Human- Computer Interaction Approach by McCracken and Wolfe

Electromagnetic Spectrum

Visible Spectrum

RGB Color

CMYK

NTSC

HSV

Emotional Response to Color Different colors evoke different reactions in viewers. Culturally specific.

Physiological Principles for the Effective Use of Color

Lens

Beautiful Color Scheme??? For a given lens curvature, longer wavelengths have a longer focal length Red is the longest focal length Blue is the shortest. Since to have an image focused on the retina, the lens curvature must change with wavelength with red light requiring the greatest curvature and blue light the least curvature.

Beautiful Color Scheme??? For a given lens curvature, longer wavelengths have a longer focal length Red is the longest focal length Blue is the shortest. Since to have an image focused on the retina, the lens curvature must change with wavelength with red light requiring the greatest curvature and blue light the least curvature.

Chromostereopsis Pure colors located at the same distance from the eye appear to be at different distances Reds appear closer Blues appear more distant Sometimes pure blues focus in front of the retina and so appear unfocused. At night a deep blue sign may appear fuzzy while other colors appear sharp.

Lens Absorbs Light The lens absorbs about twice as much in the blue region as in the red region. Older eyes have yellowed lens It absorbs more in the shorter wavelengths. More sensitive to longer wavelengths (yellows and oranges) than they are to shorter wavelengths (cyan to blue) and this increases with age.

Fluid Absorbs Light Fluid between the lens and the retina absorb light. Older fluid absorb MORE light. The older people get the less sensitive they are to light in general (the apparent brightness level decreases) and especially the sensitivity to blue decreases.

Retina Contains the photo receptors that absorb photons transmit chemical signals to the brain. Two types Rods night-vision receptors no color dependency Cones color sensitivity require a higher level of light intensity

Retina - Cones Three types of photopigments in the cones "blue" with a maximum sensitivity at 430 nm "green" with a maximum sensitivity at 530 nm "red" at 560 nm (this wavelength actually corresponds to yellow)

Retina - Cones The percentage of cones blue (4%) green (32%) red (64%) Cone and rod distribution The center of the retina has a dense concentration of cones but no rods is primarily green cones, surrounded by red- yellow cones no blue cones The periphery the blue cones has many rods but few cones.

How we identify objects By edge detection Difference in color Difference in brightness Difference in both color and brightness

Light intensity and Photoreceptors Going into or out of a dark room requires some adjustment time. A required minimum intensity level for the photoreceptors to respond. Minimum varies with wavelength Highest sensitivity in the center of the spectrum. Blues and reds must have a higher intensity than greens or yellows in order to be perceived.

Brain From the retina the optic nerve (actually a collection of nerves) goes to the brain but before it reaches the brain there is a color processing unit, called the lateral geniculate body. This recombines the RGB color information into three new channels as follows: R-G gives red or green color perception R+G gives the perception of brightness and also yields yellow (Y) Y-B gives yellow or blue color perception

Brain From the retina the optic nerve (actually a collection of nerves) goes to the brain but before it reaches the brain there is a color processing unit, called the lateral geniculate body. This recombines the RGB color information into three new channels as follows: R-G gives red or green color perception R+G gives the perception of brightness and also yields yellow (Y) Y-B gives yellow or blue color perception

Color Blindness Nine percent of the population has some kind of color perception problem. The most common is red-green deficiency, which can arise from a deficiency of either the red or the green photopigments. These people have difficulty distinguishing any color that is dependent upon the red:green ratio. Test for Color Blindness

Derived Color Guidelines Avoid the simultaneous display of highly saturated, spectrally extreme colors. Pure blue should be avoided for text, thin lines, and small shapes. Avoid adjacent colors that differ only in the amount of blue. Older operators need higher brightness levels to distinguish colors. Colors change in appearance as the ambient light level changes.

Derived Color Guidelines The magnitude of a detectable change in color varies across the spectrum. It is difficult to focus upon edges created by color alone. Avoid red and green in the periphery of large displays. Opponent colors go well together. For color-deficient observers, avoid single color distinctions.

Color in Web Pages Go on the Internet and select a color scheme for your homework page. and there are many other tools on the web. Write down the 6 digit hexadecimal values for Background Text Links Visited Links Active Links