How TONE is operating

The app I used to annotate this picture is Skitch. When annotating, I want the user to focus on the pink outline and not the rest of the picture. Tone is operating in this annotation in that the tones are getting scrambled by the pixelate effect. Different tones next to each other create contrast. We use contrast to differenciate different elements of our world. As for the interface this picture is displaying, the luminance channel is used rather than the chromatic channels because an addition of chromatic channels would make us less sensitive to spatial detail. 

How TONE is interacting

Tone is interacting with the basic design element of shape. More specifically, shape and the syntactical guideline of grouping. As stated in the paragraph above, different tones next to each other create contrast and we use contrast to differentiate the different elements of our world. It could also be said that different tones next to each other help us differentiate shapes from other shapes. When we process this information in bottom up processing, we recognize patterns and one of the ways we process patterns is by grouping. The pixelating effect makes the tones more ambiguous decreasing the overall contrast that helps define the different shapes. By disrupting the shapes, the grouping of the image is also disrupted. 

How COLOR is operating

In this picture, Color is operating in that the pixels of my computer screen are creating the color magenta. Magenta is created on this screen with additive mixing. Additive mixing, or the RGB model, is taking place in this picture when green and blue light is combined to create magenta. If this were printed out on a piece of paper, Magenta would be created by mixing white with red. Mixing red with white to create magenta would be called subtractive mixing. This color seen above is highly saturated. 

How Color is interacting

Color is interacting with texture in the picture above. The Gestalts figured out that our eyes are attracted to corners and sharp contrast. Together, the mixture of corners and contrast creates texture which defines the interface and makes it recognizable. This pixelating effect gets rid of both leaving the eye with nothing to be attracted to except for the bright arrow. The colored arrow is interacting with the pixelated background by creating a chromatic difference. The color of the magenta is also interacting with the corners of the arrow making the tip of the arrow irresistible to look at. This clearly points out the area I want the user to focus on.