Wednesday, October 30, 2013

Tone and Color


How Tone is Operating
In this infographic image, the overall tone is noticeably blue. There are generally muted tones at play here but the image does a nice job of creating tonal hierarchy with the bar graphs and circle graphs. Since the overall tone is a light blue, the designer makes sure he doesn't use lighter colors for text, instead he contrasts it with darker tones of blue to allow readers an easier experience.

How Tone is Interacting
Each object in this image is differentiated with the use of tone. Tone has a definitive relationship with shape in the illustration as each shape is only one tone and it tells the mind, "if this is a different tone it must mean something different." This is evident with the bar graph that displays The Causes of Major Oil Spills and the circle graph that displays The Volume of Oil Spills per Decade. As the numbers and percentages increase, the graph is given a darker tonal value.

 How Color is Operating
Colors in this image are simply blue, orange, white, and black. Color is being used as a indicator of information. There is a sense of hierarchy though. Most of the small text (descriptors) are written in a more vibrant blue than the background. Black is used as headers for the different sections, and white is used as a labeler for the numbers given on the top portion of the infographic. It appears to be an intentional placement by the designer.

How Color is Interacting
Color is also interacting with shape in this model because color is used to represent the vectored images in the data along with the map of the world in the top portion. Color is also being used to grab attention from the viewers with the one splash of orange that yells, "Look here! If there's one thing I want you to take away from this article its this!!" This is very intentional because the designer knows that he only has a few seconds to attract attention of the average user and uses it on the most valuable information in the illustration.




No comments:

Post a Comment