Instructional design/Color Selection for Message Design/Unit2 Effects

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
 * style="width:25%; vertical-align:top; border-left:5px solid #ccffcc; background-color: #ffffff" |

Introduction

Unit 1 High- and Low-Keyed Colors
 * Definition
 * Effects
 * Quiz
 * Scenario Quiz

Unit 2 Warm and Cool Colors
 * Definition
 * Effects
 * Quiz
 * Scenario Quiz

Unit 3 Color Combinations
 * Definition
 * Effects
 * Quiz
 * Scenario Quiz

Unit 4 Psychology of Colors
 * Effects
 * Quiz
 * Scenario Quiz

Final Exam!
 * Final Exam
 * Summary


 * style="padding:0em 0.3em 0em 0.3em;" |


 * style="width:75%; vertical-align:top; border-left:5px solid #ffcccc; background-color:#ffffff;" |

Effects of Warm and Cool Colors
Warm and cool colors are found to form the following impressions:
 * Warm colors: Come forward and look larger; more appropriate for foreground elements
 * Cool colors: Move backward and look smaller; more appropriate for background elements

Comes Forward


While both the cars stop at the area, you might have a feeling that they are moving forward. As such, warm color objects in pictures are perceived as coming forward.

Looks Larger


While the orange and blue joints of the left picture are same length, you might have a feeling that the blue one is shorter. Similarly, while it is apparent that the right picture consists primarily of green color, you might have a feeling that the moth is large because it consists of a warm color (orange).

Moves Backward


You might think that "nothing stands out in the pictures." Cool colors tend to move backward and do not stand out. They are more appropriate for background than for foreground elements.

Looks Smaller


Compared with warm colors, cool colors look shrinking than expanding. When you want to indicate the smallness of something, you would want to consider using cool colors.


 * }