From the course: Interaction Design: Dashboards and Visualization

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Color foundations

Color foundations - Sketch Tutorial

From the course: Interaction Design: Dashboards and Visualization

Start my 1-month free trial

Color foundations

- [Instructor] Color helps to communicate information effectively in data visualization and should be used sparingly and with purpose. Color consists of three basic elements, hue, saturation, and value. Hue is the tint of the color, saturation is the amount of hue, and value is the amount of lightness or darkness in the color. Let's take a look at how hue, saturation, and value work together. I'm using the color picker from Photoshop because it represents the concepts we'll walk through. If I pick a color, in this case a navy blue color, the hue is a blue. When sliding the color picker to the left, we're reducing saturation from the blue hue exposing a middle gray value. There may be some hue in the gray that we can't see with our eyes, but that's a topic in color theory we won't be covering here. If we move the color picker to the right, we're adding saturation. When we talk about lightness and darkness in value,…

Contents