W2A3: the effect of color temperature on depth

Let’s experiment with the effect of color temperature on our understanding of depth.

Here I have lined up four squares on one ground.  In the first instance I have used high contrast of hue, value or saturation to see which is strongest in creating the impression of depth.  In the second instance I have used a gradation of colors to see which color appears closer and which appears further away.  In the final instance I’ve used the design principle of size and placement to enhance the impression of depth.

First we ought to be clear on what “advance” and “recede” mean in this context.  If a color “advances” it means it pops out at you first.  It is the most visible color in the design. If you gaze softly at the design this color will become apparent first.  If a color “recedes” it is less obvious in the design.  It looks closest to the background color and is less apparent.

Experiment #1: Value
Here the design uses a light green, a dark green and three gradations between the two.  Which appears to advance more?  Light green on a dark green background, or dark green on a light green background?  Looking at the final design on each row, which design appears to have the most depth?  The one with the dark green ground or the one with the light green ground?
https://i1.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/Untitled-1-01.jpghttps://i0.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/Untitled-1-02.jpg

Experiment #2: Saturation
Here the design uses a highly saturated pink and a pure grey of the same value.  Which appears to advance more?  The pink on the grey background or the grey on the pink background?  Looking at the final design in each row, which color combination appears to have the most depth?
https://i1.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/sat-01.jpghttps://i1.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/sat-02.jpg

Experiment #3: Analogous color harmony scheme
Here the design uses an analogous color harmony scheme with a light yellow and a bluish green and various blend colors.  Which appears to advance more?  The yellow on the green ground or vice versa?  Looking at the final design in each row, which color combination appears to have the most depth?
https://i0.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/hue3-01-02.jpghttps://i2.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/hue3-01-01.jpg

Experiment #4: Warm-cool color harmony scheme 1
Here the design uses a warm-cool color harmony scheme with a high key warm color (light orange) and a low key cool color (dark violet) and various blend colors.  Which appears to advance more?  The violet on the orange ground or vice versa?  Looking at the final design in each row, which color combination appears to have the most depth?

https://i0.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/hue1-01-01.jpghttps://i2.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/hue1-01-02.jpg

Experiment #5: Warm-cool color harmony scheme 2
Here the design uses a warm-cool color harmony scheme with a high key cool color (light violet) and a low key warm color (dark orange — also known as brown) and various blend colors.  Which appears to advance more?  The violet on the brown ground or vice versa?  Looking at the final design in each row, which color combination appears to have the most depth?https://i2.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/hue2-01.jpghttps://i2.wp.com/www.teaching.louisabufardeci.net/111/files/weblog/didactics/w2a3/hue2-02.jpg

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s