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.

Slides:



Advertisements
Similar presentations
Chapter 9: Perceiving Color
Advertisements

Color Harmony and the Opponent-Process Channel Theory Christina Lewis Psych 159.
COLOR AND PATTERN I. THE NATURE OF COLOR II. COLOR DIMENSIONS III. COMPUTER ELECTRONIC DISPLAY COLOR MODELS IV. COLOR COMBINATIONS V. COLOR GUIDELINES.
Color Image Processing
1 Computational Vision CSCI 363, Fall 2012 Lecture 33 Color.
DANGER!DANGER!  Inappropriate use of colour can be disasterous to the application.
COLOR IN CARTOGRAPHY Four color characteristics important in thematic mapping, meaning the psychological and aesthetic aspects of printed (NOT digital)
Multi-media Graphics JOUR 205 Color Models & Color Space 5 ways of specifying colors.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Sept 19, 2005.
A (Uncolorful) Lecture on Color for UI’s Use of Color in UI Design (not ready for distribution) laura leventhal.
What is color for?.
Trichromacy Helmholtz thought three separate images went forward, R, G, B. Wrong because retinal processing combines them in opponent channels. Hering.
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.
Chapter 7: Color Vision How do we perceive color?.
Designing for the Color Blind Audience Priscilla Rodriguez RHET 5307 Dr. Kuralt.
Color Vision: Sensing a Colorful World
Color Systems. Subtractive Color The removal of light waves to perceive color: –Local or physical attributes of pigments, dyes, or inks reflect certain.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
2001 by Jim X. Chen: 1 The purpose of a color model is to allow convenient specification of colors within some color gamut.
Visualization using Matlab April 10, 2007 Rachael Brady CSEM Matlab Workshop.
Color in Design. Uses of Color Call attention to specific data or information Identify elements of structure and processes Portray natural objects realistically.
1 Perception and VR MONT 104S, Fall 2008 Lecture 7 Seeing Color.
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.
Colour Theories & Some Applications
3.2 VISION 70% of your receptor cells are in your eyes taste and touch need direct contact where as sight and smell don’t Sight can be experienced from.
Chapter 9: Perceiving Color. What Are Some Functions of Color Vision? Color signals help us classify and identify objects. Color facilitates perceptual.
Basics of Color Vision Wavelength: determines color – longer=red/shorter= violet Amplitude: determines brightness Purity: determines saturation.
Ch 9 Colors Yonglei Tao School of Computing & Info Systems GVSU.
Color Theory ‣ What is color? ‣ How do we perceive it? ‣ How do we describe and match colors? ‣ Color spaces.
Color Online A few pointers for your websites & other e- publications Dr. Jennifer Bowie for Electronic Writing & Publishing.
Colour CPSC 533C February 3, 2003 Rod McFarland. Ware, Chapter 4 The science of colour vision Colour measurement systems and standards Opponent process.
GIS Lecture 2 Map Design.
Computer Graphics: Programming, Problem Solving, and Visual Communication Steve Cunningham California State University Stanislaus and Grinnell College.
Sensation Vision The Eye Theories Hearing The Ear Theories Other Senses Smell Taste Pain Gestalt Principles Perceptual Constancies Perception Basic Principles.
Color in Visual Design CS 4390/5390 Data Visualization Shirley Moore, Instructor September 10, 2014.
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-
Color Theory KIMBERLY CATES-MERAZ. Choosing the Right Color the most effective color choices go beyond just personal preference colors have an extraordinary.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Mind, Brain & Behavior Wednesday February 19, 2003.
Serial vs. Parallel Processing Serial Processing – Process items one after another – Conscious processing Parallel processing – Simultaneously processing.
Color Principles for Computer Graphics Donald House 9/17/09 Artist’s slides by Lynette House.
Image Emotional Semantic Query Based On Color Semantic Description Wei-Ning Wang, Ying-Lin Yu Department of Electronic and Information Engineering, South.
Sources Addison Wesley and Plimmer 2009 The Human Perceptual System Using Colour in Interaction Design Colour Concerns for Interaction Design Technical.
Colour Display Techniques
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.
Raquel Bujans DKL Color Model Research advisor Dr. Cindy Grimm.
1 Principles of symbolization Attribution (by) Licensees may copy, distribute, display and perform the work and make derivative works based on it only.
Chapter 9: Perceiving Color. Figure 9-1 p200 Figure 9-2 p201.
Vector GIS. GIS 2 Graphic Features on the World Copyright – Kristen S. Kurland, Carnegie Mellon University.
A School of Mechanical Engineering, Hebei University of Technology, Tianjin , China Research on Removing Shadow in Workpiece Image Based on Homomorphic.
Start with the Holy name of Almighty ALLAH. Human Input Output Channels
Half Toning Dithering RGB CMYK Models
Our Color vision is Limited
Using Color in Your Diagrams and Presentations
Color Image Processing
Color Image Processing
Yonglei Tao School of Computing & Info Systems GVSU
Color Image Processing
Visualization Friday Forum
Pengkayaan Materi: Guidelines, Principles, and Theories -> COLOR
Perceptual Constancies
Introduction to Perception and Color
Questions for lesson 3 Perception 11/27/2018 lesson 3.
Geog 462: Digital Cartography: Graphic Variables
Color Image Processing
Color Image Processing
Cooper Part II Making Well-Behaved Products Visual Design
Presentation transcript:

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 Assisting Colormap Selection, L. Bergman, B. Rogowitz and L. Treinish. Proceedings of the IEEE Computer Society Visualization '95 pp , October Rachael Brady Visualization Friday Forum November 22, 2002

Color is useful for classification Color is not needed to understand shape, spatial relationships of objects, movement Laboratory assistant went 21 years without realizing he was color- blind

Color Space: RGB Taken from Russell Taylor II, UNC CS 290 Course Notes

Colorspace: HSV Taken from Russell Taylor II, UNC CS 290 Course Notes

Opponent Process Theory (Hering 1920) The six elementary colors are paired on 3 orthogonal axis: Black-White, Red-Green, Yellow-Blue Modified from Russell Taylor II, UNC CS 290 Course Notes

Color Category Perception Task: Name the colors Regions same > 75% Nonuniform sizes Why “rainbow scale” is so nonuniform The fact that only 8 hues were named out of 210 different colors indicates that there may be only a few colors available for labeling. Taken from Russell Taylor II, UNC CS 290 Course Notes

Other Color Issues Color Blindness –Most red/green color blind (10% of males, 1% females) Field Size –Avoid small spots, especially in yellow/blue –Small areas: strong, highly-saturated colors –Large areas: low saturation with slight differences Conventions –U.S.: Red = danger, Green = life –China: Red = life, Green = death –Some scientific domains have color conventions Taken from Russell Taylor II, UNC CS 290 Course Notes

Designing of a colormap Perceptually Ordered Sequence is required, such as black- white, red-green, blue-yellow, or saturation (dull->vivid) Note: a perceptually ordered sequence will result from a series of colors that monotonically increase or decrease with respect to one or more of the color opponent channels Use a Luminance Ordered Sequence for High Spatial Frequency Data Use a Saturation Ordered Sequence for Low Spatial Frequency Data Use several discrete colors when it is necessary to read back values (to avoid contrast effects)

Example Colormaps Source: Ware, Perception for Design

Not ordered (red at both ends) Taken from Russell Taylor II, UNC CS 290 Course Notes

Luminance (Gray) Scale Taken from Russell Taylor II, UNC CS 290 Course Notes

Saturation Scale Taken from Russell Taylor II, UNC CS 290 Course Notes

Hue Scale Taken from Russell Taylor II, UNC CS 290 Course Notes

Hue+Luminence Taken from Russell Taylor II, UNC CS 290 Course Notes

Hue+Saturation Taken from Russell Taylor II, UNC CS 290 Course Notes

Black Body Radiation Taken from Russell Taylor II, UNC CS 290 Course Notes

Colormap Choice Should be Linked to Task Atmospheric Motion Bergman, Rogowitz, Treinish, IEEE Vis ‘95

Colormap Choice Should be Linked to Task Pollution Levels Bergman, Rogowitz, Treinish, IEEE Vis ‘95

Color Interaction Bergman, Rogowitz, Treinish, IEEE Vis ‘95

Color Interaction Bergman, Rogowitz, Treinish, IEEE Vis ‘95

Trumbo’s Principles Univariate –Order: ordered values should be represented by perceptually-ordered colors –Separation: significantly different levels should be represented by distinguishable colors Modified from Russell Taylor II, UNC CS 290 Course Notes

Ordered (and double-ended) Tufte ‘97, pg. 76. Taken from Russell Taylor II, UNC CS 290 Course Notes

Not ordered Tufte ‘97, pg. 77. Taken from Russell Taylor II, UNC CS 290 Course Notes

Double-ended Scale Two distinct scales joined at neutral middle Characteristics –segments values into two groups –can emphasize both extremes of data range Taken from Russell Taylor II, UNC CS 290 Course Notes

Double-Ended Income Olson ‘97, fig Taken from Russell Taylor II, UNC CS 290 Course Notes

In Summary Interesting values? –Position striking colors at interesting values Zero in range? –Double-ended scale High spatial frequency? –Vary lightness in addition to hue Taken from Russell Taylor II, UNC CS 290 Course Notes

Color Theory in Cartography is well developed. Cynthia Brewer at Penn State has a great color creator for discrete, monotonic color sequences.