Color perception. Wrong representation wavelength sensibility.

Slides:



Advertisements
Similar presentations
Human-Computer Interaction
Advertisements

Visual Sensory System Human Factors Psychology Dr. Steve.
Achromatic and Colored Light CS 288 9/17/1998 Vic.
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.
School of Computing Science Simon Fraser University
Human Capabilities: Perception, Attention CS352. Announcements Project proposal part 3 due tonight. Project user data out later today. 2.
Human Abilities / Human Factors:
Effective Use of Color IS 485, Professor Matt Thatcher.
A (Uncolorful) Lecture on Color for UI’s Use of Color in UI Design (not ready for distribution) laura leventhal.
1 Sensori-motor Models CS 160 Fall Why Model Human Performance? 4 To test understanding of behavior 4 To predict impact of new technology – we.
What is color for?.
Human Abilities: Perception James Landay John Kelleher.
1 CS 544 Human Abilities Color Perception and Guidelines for Design Preattentive Processing Acknowledgement: Some of the material in these lectures is.
Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies.
Display Issues Ed Angel Professor of Computer Science, Electrical and Computer Engineering, and Media Arts University of New Mexico.
Why use colour? Colour displays are attractive to users and can often improve task performance Benefits: –various colours are soothing or striking to the.
1 Perception. 2 “The consciousness or awareness of objects or other data through the medium of the senses.”
Chapter 7: Color Vision How do we perceive color?.
T HE VISUAL INTERFACE Human Visual Perception Includes material from Dix et al, 2006, Human Computer Interaction, Chapter 1 1.
2001 by Jim X. Chen: 1 The purpose of a color model is to allow convenient specification of colors within some color gamut.
Color Background. What is Color? Aspect of vision Physical reaction of the eye and the automatic interpretive response of the brain to wavelength characteristics.
Elements of Design: Color
1 Perception and VR MONT 104S, Fall 2008 Lecture 7 Seeing Color.
Color Management. How does the color work?  Spectrum Spectrum is a contiguous band of wavelengths, which is emitted, reflected or transmitted by different.
Prof. James A. Landay University of Washington Spring 2008 Guest Lecturer: Richard Davis Web Interface Design, Prototyping, and Implementation Human Abilities:
1 © 2010 Cengage Learning Engineering. All Rights Reserved. 1 Introduction to Digital Image Processing with MATLAB ® Asia Edition McAndrew ‧ Wang ‧ Tseng.
Chapter 3 Space. Three Kinds of Space Space as format: size, scale, and presentation. Space as the relationships among objects and the areas surrounding.
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.
Prof. James A. Landay University of Washington CSE 440 Winter 2012 Human Abilities: Vision & Cognition.
Chapter 7: Color perception Color is an important source of information independent of luminance (which we discussed extensively in Chapter 5). Color is.
The Visual System. The Nature of Light Electromagnetic Spectrum – An energy spectrum that includes X-rays, radar, and radio waves – A small portion of.
Week 6 Colour. 2 Overview By the end of this lecture you will be familiar with: –Human visual system –Foundations of light and colour –HSV and user-oriented.
Color Why is the Sky Blue? Atmosphere scatters blue light because of the shorter λ.
Lithological and Structural Mapping Using Satellite Data Mohamed Abdelsalam Missouri S&T.
June 2004User Interface Design, Prototyping, and Evaluation1 Outline Human visual system Guidelines for design Models of human performance (MHP) Memory.
Color Theory Why study color theory? If you are involved in the creation or design of visual documents, an understanding of color will help when incorporating.
Vision Structure of the Eye We only use light energy to see.
Chapter 6 Section 2: Vision. What we See Stimulus is light –Visible light comes from sun, stars, light bulbs, & is reflected off objects –Travels in the.
Digital Image Processing Part 1 Introduction. The eye.
Color Sources and Resources: 1. Hypergraph Hypergraph 2. Frosty Drew Observatory Frosty Drew Observatory 3. User-Centered Web Site Development: a Human-
Waves How do we see color?
Three-Receptor Model Designing a system that can individually display thousands of colors is very difficult Instead, colors can be reproduced by mixing.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 7 Human Input-Output.
COLOR.
Introduction to Computer Graphics
Benjamin Jepsen 11/3 Computer Graphics. Hue Changes Hue value: +180 Hue value: +45 Hue value: -21 Hue- “The property of light by which the color of.
Color Models. Color models,cont’d Different meanings of color: painting wavelength of visible light human eye perception.
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.
Perception l The process by which sensory input is organized and formulated into “meaningful experiences” l Nativism vs Empiricism.
Retina Retina covered with light sensitive receptors –RODS Primarily for night vision and movement Sensitive to broad spectrum of light.
Color Models (Review) (from CPSC 453). Color ModelsColor Models –Introduction –Describing Colors –Color Perception –Color Spaces Color ModelsColor Models.
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.
1 of 32 Computer Graphics Color. 2 of 32 Basics Of Color elements of color:
MODULE #13: VISION. Vision Transduction: transformation of stimulus energy (light, sound, smells, etc.) to neural impulses our brains can interpret. Our.
The Visual Sense: Sight EQ: What is the process though which we see and how do we differentiate between different objects and types of motion?
Color Models Light property Color models.
Human Abilities: Vision & Cognition
Our Color vision is Limited
Design Concepts: Module A: The Science of Color
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
Additive Colour Theory
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
How do we realize design? What should we consider? Technical Visual Interaction Search Context of use Information Interacting/ transacting.
Colour The Elements of Design.
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
Visual Perception Human Body Systems © 2014 Project Lead The Way, Inc.
Color Model By : Mustafa Salam.
Primary and secondary There are two theories about how we can organize the different colours. Physicists explain color as a function of light. This is.
Presentation transcript:

Color perception

Wrong representation

wavelength sensibility

Complementary colors

Wrong representation

HLS : Hue, Lightness, Saturation Primary wavelength Perceived luminance Purity or vividness Color Models : Color Spaces

2/24/9912 Color Components (cont.) Lightness Saturation

Compute Complementary colors Color = (R, G, B) Complementary(color) = ( 1 - R, 1- G, 1- B) Adjust brightness an saturation

wavelength sensibility energy

Color Models : Color Perception C alone cannot be constructed as the superpositions of POSITIVE amounts of the THREE primary colors (r, g, b)

Color Models : Color Perception

2/24/9917 Color Sensitivity & Image Detection Most sensitive to the center of the spectrum – blues & reds must be brighter than greens & yellows Brightness determined mainly by R+G – expressed on a scale of luminance light energy corrected for wavelength sensitivity Shapes detected by finding edges – combine brightness & color differences for sharpness Implications? – hard to deal w/ blue edges & blue shapes

2/24/9920 Color Sensitivity (cont.) As we age – lens yellows & absorbs shorter wavelengths sensitivity to blue is even more reduced – fluid between lens and retina absorbs more light perceive a lower level of brightness Implications? – don’t rely on blue/black differences for text or small objects!

2/24/9921 Focus Different wavelengths of light focused at different distances behind eye’s lens – need for constant refocusing (causes fatigue) – careful about color combinations Red objects appear closer than blue objects Pure (saturated) colors require more focusing then less pure (desaturated)

2/24/9922 Color Guidelines Use harmonies of Complementary colors Avoid simultaneous display of highly saturated, spectrally extreme colors – e.g., no cyans/blues at the same time as reds, why? refocusing! – desaturated combinations are better  pastels

2/24/9923 Summary Color can be very helpful, but Pay attention to – how colors combine – Borders and contrast Be sensitive to people with limitations – people with color deficiency – color blindness, near/far sighted, and focusing speed