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 - Sketch Tutorial
From the course: Interaction Design: Dashboards and Visualization
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,…