20.12.2012 Views

A Survey of Color for Computer Graphics

A Survey of Color for Computer Graphics

A Survey of Color for Computer Graphics

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

A <strong>Survey</strong> <strong>of</strong> <strong>Color</strong> <strong>for</strong> <strong>Computer</strong> <strong>Graphics</strong> SIGGRAPH 2001<br />

brightness contrast, which is why black text on white paper (or white text on dark slides)<br />

is so popular. In fact, an edge defined by only hue difference cannot be seen. Such an example<br />

is difficult to construct, but I can assure you, it is very disconcerting. You can see<br />

that two adjacent regions are differently colored, but it is impossible to find the edge between<br />

them. Another issue <strong>for</strong> text legibility is the distribution and focus <strong>of</strong> the short<br />

wavelength or blue cones as compared to the red and green cones. The blue cones are<br />

much more sparse, and focus on a slightly different plane than the other two. This is why<br />

some colors <strong>of</strong> bright blue text appear blurry—they are stimulating primarily the blue<br />

cones, which do not provide the same acuity as the others. The slides show a diagram<br />

from Mark Fairchild that shows the relative distribution <strong>of</strong> the three cone types. Note that<br />

there are no blue cones in the very center <strong>of</strong> the retina.<br />

Another type <strong>of</strong> cross media problem has to do with grayscale and color-mapped displays.<br />

Grayscale systems, <strong>of</strong> course, must map all colors to gray values. Care must be<br />

taken that these grays will function as replacements <strong>for</strong> the colors. Many desktop systems<br />

display a maximum <strong>of</strong> 256 colors, using dithering to approximate the rest. Dithered text<br />

and other fine features are <strong>of</strong>ten illegible, so it is important to chose colors that will remain<br />

solid. This is also true <strong>for</strong> printers, especially <strong>for</strong> low-resolution digital desktop<br />

systems. Text and fine features are much more crisp when they contain at least one solid<br />

separation, even in <strong>of</strong>fset printing. A rather nice feature <strong>of</strong> the Netscape web browsers is<br />

that they automatically map text to solid colors on dithered displays. I wish more applications<br />

did this.<br />

All viewers are not the same either. As noted in the vision section, a significant part <strong>of</strong><br />

the population has atypical color vision. As the red-green anomalies are the most common,<br />

one rule <strong>of</strong> thumb is to avoid encoding purely with a red-green distinction (an issue<br />

that apparently never occurred to the designers <strong>of</strong> stoplights). However, to ensure that<br />

important in<strong>for</strong>mation can be distinguished by everyone, color should be combined with<br />

shape or other ways <strong>of</strong> encoding the in<strong>for</strong>mation (like a stop sign). Another viewer issue<br />

is poor acuity, or lack <strong>of</strong> focus. Not all acuity problems can be fully corrected with<br />

lenses. Also, the eye gradually looses its ability to change focus as people age, which is<br />

why most people need some <strong>for</strong>m <strong>of</strong> “reading glasses” by the time they are fifty. Avoiding<br />

small, low-contrast text and other features is important to accommodate this problem.<br />

Pill-bottle labels with small colored letters on a colored background should be banned!<br />

In summary, when in doubt, use color conservatively. Duplicate the in<strong>for</strong>mation carried<br />

by the color whenever possible. Know your target media and audience well, and be sure<br />

to test your designs thoroughly.<br />

Maureen C. Stone 24<br />

StoneSoup Consulting

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!