Color Composition | Visual Language #6

This week we were asked to look into color composition. Being a very colorblind person I wasn’t sure how successful I’d be at this but I ultimately realized that I can leave some color decisions to the color wheel and have a reasonable expectation that they would “work” as a composition even if I could’t see it properly. Taking the color perception test was interesting too because I actually felt like I was doing a decent job until I got a score at the bottom of the perception range.

Screen Shot 2015-10-26 at 10.37.42 AM

The funny thing about being colorblind is that its hard to notice until someone tells you. If this challenge lacked a score I would have felt pretty confident that I did well. I think that this is the primary frustration with this minor disability, it’s existence is largely social.

When trying to create a composition I tried to rely on some of the color relationships we learned about on the color wheel. I made a weather displaying sketch that changes color (and some other properties) as we weather and time of day changes. The range of hues is determined by the temperature where I mapped a range of 0 to 100 degrees to 0-330 degrees on the color wheel. The background is then set as an adjacent color by adding 30 degrees and the boarder is set as the complement of the background. Here are some of the ranges with a fixed saturation and brightness.

Screen Shot 2015-10-26 at 10.41.15 AM Screen Shot 2015-10-26 at 10.40.49 AM Screen Shot 2015-10-26 at 10.40.34 AM Screen Shot 2015-10-26 at 10.40.21 AM

Next I varied some of the brightness levels of the background to correspond with the day/night cycle:

Screen Shot 2015-10-26 at 10.42.10 AM Screen Shot 2015-10-26 at 10.41.58 AM Screen Shot 2015-10-26 at 10.41.41 AM

I didn’t want it to ever get completely black so I set the range of the background and border to vary between 50-100 brightness depending on how far away from mid-day it currently is. Lastly, I adjusted the saturation of the background and border. I wanted the circles to be the primary temperature indication so I set the saturation of the background to 50% and the border to 25% while leaving the dots at 100%. Screen Shot 2015-10-26 at 10.43.02 AM

I hope that this isn’t a totally weird collection of colors 🙂

Screen Shot 2015-10-26 at 11.15.54 AM Screen Shot 2015-10-26 at 11.15.43 AM Screen Shot 2015-10-26 at 11.15.26 AM Screen Shot 2015-10-26 at 11.15.13 AM Screen Shot 2015-10-26 at 11.14.58 AM

 

http://www.11bsouth.com/DataBouceTemp/

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *