Color in Visual Design CS 4390/5390 Data Visualization Shirley Moore, Instructor September 10, 2014.

Slides:



Advertisements
Similar presentations
3.1 Si23_03 SI23 Introduction to Computer Graphics Lecture 3 – Colour Vision.
Advertisements

The following slides show different approaches to completing page 11.
September 2, 2014Computer Vision Lecture 1: Human Vision 1 Welcome to CS 675 – Computer Vision Fall 2014 Instructor: Marc Pomplun Instructor: Marc Pomplun.
Chapter 9: Perceiving Color
The eye – curved cornea – lens – retina – fovea – optic disk Using Light.
Color Image Processing
Why is this hard to read. Unrelated vs. Related Color Unrelated color: color perceived to belong to an area in isolation (CIE 17.4) Related color: color.
DANGER!DANGER!  Inappropriate use of colour can be disasterous to the application.
Why is this hard to read. Unrelated vs. Related Color Unrelated color: color perceived to belong to an area in isolation (CIE 17.4) Related color: color.
Unrelated vs. Related Color Unrelated color: color perceived to belong to an area in isolation (CIE 17.4) Related color: color perceived to belong to.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Sept 19, 2005.
Color.
Capturing Light… in man and machine : Computational Photography Alexei Efros, CMU, Fall 2008.
1 Computer Science 631 Lecture 6: Color Ramin Zabih Computer Science Department CORNELL UNIVERSITY.
Image Formation Mohan Sridharan Based on slides created by Edward Angel CS4395: Computer Graphics 1.
Lecture 6: Color in Design Neil H. Schwartz, Ph.D. Senior Seminar in Visualization.
Why use colour? Colour displays are attractive to users and can often improve task performance Benefits: –various colours are soothing or striking to the.
Light and Color Computational Photography Derek Hoiem, University of Illinois 09/08/11 “Empire of Light”, Magritte.
By: Caleb Earley.  The cone cells are located in the human eye  More specifically found in the retina of the human eye.
Human Visual System 4c8 Handout 2. Image and Video Compression We have already seen the need for compression We can use what we have learned in information.
Chapter 4.  Visual stimulation is a wave of electromagnetic energy  Visual spectrum has a point along a wavelength  Wavelength determines hue (color)
Any questions about the current assignment? (I’ll do my best to help!)
1 Chapter 15 Principles for color thematic maps CRTs use additive colors (RGB) and printer uses subtractive colors (CMYK) Visible Light - is a type of.
Computational Photography Derek Hoiem, University of Illinois
Choropleth Maps, Color & Placement Geography 59 May 24, 2007 Refer to: Krygier & Wood, pages Krygier & Wood, pages Monmonier, pages 163.
1 © 2010 Cengage Learning Engineering. All Rights Reserved. 1 Introduction to Digital Image Processing with MATLAB ® Asia Edition McAndrew ‧ Wang ‧ Tseng.
Color Principles for Computer Graphics Donald House 9/17/09 Artist’s slides by Lynette House.
Color Vision by Sabina Siddiqi. The idea Simulate the image that is formed on the retina of the human eye BEFORE it reaches the brain.
Kansas State University Department of Computing and Information Sciences CIS 736: Computer Graphics Friday, February 25, 2000 William H. Hsu Department.
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.
Why is this hard to read. Unrelated vs. Related Color Unrelated color: color perceived to belong to an area in isolation (CIE 17.4) Related color: color.
The Information Processing Model
Computer Graphics: Programming, Problem Solving, and Visual Communication Steve Cunningham California State University Stanislaus and Grinnell College.
Colormaps 101 Sources – Russell Taylor Comp 290 course notes Colin Ware – Perception for Design IBM Web Site An Excellent Paper: A Rule-based Tool for.
Color Perception How your eye/brain processes colors.
Visualizing Tabular Data CS 4390/5390 Data Visualization Shirley Moore, Instructor September 29,
Color Sources and Resources: 1. Hypergraph Hypergraph 2. Frosty Drew Observatory Frosty Drew Observatory 3. User-Centered Web Site Development: a Human-
G52IIP, School of Computer Science, University of Nottingham 1 Summary of Topic 2 Human visual system Cones Photopic or bright-light vision Highly sensitive.
CS654: Digital Image Analysis Lecture 29: Color Image Processing.
Mind, Brain & Behavior Wednesday February 19, 2003.
Color Principles for Computer Graphics Donald House 9/17/09 Artist’s slides by Lynette House.
© Richard Goldman October 9, 2006
Visual Perception CS4390/5390 Fall 2014 Shirley Moore, Instructor September 8,
CS-321 Dr. Mark L. Hornick 1 Color Perception. CS-321 Dr. Mark L. Hornick 2 Color Perception.
Raquel Bujans DKL Color Model Research advisor Dr. Cindy Grimm.
Sensation and Perception The Five Senses Gestalt Perceptions Cues to the brain.
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.
Color in Presentations A “Quick & Dirty” Introduction.
Color Huamin Qu Hong Kong University of Science and Technology.
Capturing Light… in man and machine
Our Color vision is Limited
Color Image Processing
Color Image Processing
Additive Colour Theory
Color Image Processing
Visualization Friday Forum
Chapter 5 Vision.
Visual Perception.
Given current computer technology, color is seldom NOT an option
Human Vision Nov Wu Pei.
Electromagnetic Spectrum
Color Image Processing
Do Now Explain the purpose of rods and cones?
Color Image Processing
Image Perception and Color Space
Color Image Processing
Chapter 14: Light Section 2: Light and Color
Color Theory and 2D Graphics Theory ST Nandasara/ADMTC
VISION.
Presentation transcript:

Color in Visual Design CS 4390/5390 Data Visualization Shirley Moore, Instructor September 10, 2014

Goal Develop a theory-based approach to how color should be used in design Aim for clarity and efficiency of visual queries Aesthetics OK too but secondary

Rod and Cone Cell Distribution in Human Retina Image credit:

Electromagnetic Spectrum

Visible LIght

Sensitivity Functions for the Three Types of Cone Cells

Opponent Process Theory: 3 Color-Opponent Channels in V1

Color “Blindness”

Color Terminology

Luminance Contrast

Simultaneous Constrast

Simultaneous Contrast

Are the dogs different colors?

Same dogs as last slide

Light and Shadow

Sensitivity to Detail

Shape from Shading

Showing Small Colored Objects on Large Colored Background GoodBad

Color Coding - Categories Appears to be a shared naming system across cultures and languages Can reliably use at most a dozen codes

Color Maps “Rainbow color map (still) considered harmful” orMaps/ColorMaps.pdf orMaps/ColorMaps.pdf there-a-better-color-scale-than-the-rainbow- colormap there-a-better-color-scale-than-the-rainbow- colormap lor/color.HTM lor/color.HTM

3 Perceptual Dimensions of Color

Color Map Accessibility

Color Encodings RGB – red-green-blue – additive color model Cylindrical color models – HSL/HCL hue, saturation/chromaticity, luminance/lightness – HSB/HSV hue, saturation, brightness/value

RGB Color Model From Wikipedia:

Cylindrical Color Models

Try these! Color Brewer – MudCube – – Can simulate color blindness of different types

Preparation for Next Class Finish Lab 1 – You will receive instructions by Friday on how to turn in your assignment Read Munzner Chapter 2

Feedback: Privacy Policy Feedback
Do Not Sell My Personal Information
About project: SlidePlayer Terms of Service

© 2025 SlidePlayer.com. Inc. All rights reserved.