blog home

Value Training

Posted by Jen in design & art on May 23rd, 2010

A hard training on eyes… materials: color aid paper packet, scissors/exacto knife, cutting mat, white paper, glue

The gray scale is 1.5, 2, 3, 4, 5, 6, 7, 8, 9, 9.5.  Now I picked 6 for each value. The light in the room and the digital camera seem distorted the values somehow.

Much of this exercise is about having confidence in what you see rather than what you think is happening.

valuetraining

After this training, the color IQ test here is rather easy.

Frames - text, images and color

Posted by Jen in design & art on August 3rd, 2009

posterHow can you use text, images, and color together to create a strong visual communication solution?

Text, images and color are the three important elements for graphic design. And they are the tools designers use to create visual communication solutions.

Images are usually used as the element in the first glance.  It can be the part that creates some interesting and appealing visual effects to attract audiences’ attention.

Text is used to convey direct message of the design work.  Text can create styles as well, by it’s font, position, size etc. When the audiences look further into the work, text will be the elements that he/she is looking for to find the details of the information.  However, when they look into the text, they still have the impression that the image left to them.  They read the text with their expectation from the image.  If the text message is within the expectation, they will read further and further to go through the design and get all the information that the design work want to convey.  However, if text message is off their expectation, they will leave the design work right away.  This tells us that elements in design have to be consistent in style, look and feel to create a clear message to the readers.

Color supports the design to create a style and the consistency principle applies to it as well.  Consistency basically integrates all the elements to create a united design.  Just to remember good visual communication needs the graphic elements strongly group together.

Calla Lilies in Rain - color schemes

Posted by Jen in design & art on April 12th, 2009

Ever since the chemist Michel Eugene Chevreul published his 1839 study of simultaneous contrast, the effect that colors observed adjacently influence each other, artists have been influenced by his ideas. His theories (studied in the 2nd course 20B) formed the foundation for a modern color theory that later artists continued to explore. Less known is the fact that he is also responsible for describing a set of harmonious color relationships known as “color schemes,” or “color ways,” and these have become so widely understood, that they are used in many fields of study besides fine art, and can be found in advertising art, fabric, interior, architectural, and garden design. new variations have since been added to his original schemes.

Complement, Analagous and Triad are three different color schemes among all color schemes proposed by Chevreul. The following three paintings are created based on these three color schemes, to show the different effect for each.
Materials: Gouache paint

complementanalagoustriad

Color Symbolic

Posted by Jen in design & art on April 9th, 2009

Some fun collage I did years ago. The colors were cut off from various magazine paper.

The word came to my mind first, then I tried to find the main color it and then the other colors to match it. For instance, Vibrant - the main color is Magenta; Yellow and green are the secondary colors which goes with magenta for the meaning of the word.

color symbolic

Color wheel and Neutralizing colors

Posted by Jen in design & art on January 26th, 2009

A color wheel I made by paint of Gauche. Same thing for the neutralizing colors.

The wheel:

I found that Magenta is actually a very strong color.  Even if you only add a little, it will affect the result a lot. It’s just not easy to control, therefore, I feel the colors in the upper left of the wheel is easier to get than the rest of the colors.

However, I found the most difficult part is to get the neutral color.  I spent much time on this part. I found I can not really feel the hue on the palette until you paint it on the paper.  I guess this is because the hue is too subtal to be found in palette.

song_colorwheel

Neutralizing:

I basically mixed the colors in palette, instead of on paper.  I tried the way in the hint - paint one color on the paper first, then add different amount of the opposite color onto it… however, it doesn’t work for me… It seems that the colors don’t mix together on paper, the opposite color will simply cover the original color.

It’s very hard to adjust how much amount of white and black we should add to the colors to make it tint and saturated.  I guess we will have all different results.

I chose magenta for the greyed one.
intermixture

How can you use dramatic color contrast to improve a design?

Posted by Jen in design & art, tutorials on January 20th, 2009

color_designcolorize_elements

Color, the very important element in design, gives a lot of information about what the design work is trying to say. It generates interesting visual effects, creates atmospheres, expresses emotion and feelings, conveys meaning and thus provides guidance to the audiences into the world of the specific design work. Getting multiple colors together, with different values and saturations, creates contrast.  And contrast leads to dimension Just like size, shape and position, color tells which objects are in the front, which ones are in the middle and others in the background.  The more dramatic difference the colors have, the more obvious dimension we get in the design.

Usually the color with higher value and saturation appear to be closer to the audience then those with lower value and saturation.  And combining colors with big difference in value and saturation can result to very distinguished dimensions. Objects with this dimension visual effect tend to appear more outstanding and get more attention.  This is because high contrast colors give the distinguished effect of dimension.  Examples can be found in the following situation.  Increasing the difference between the colors of text and its background to get a dramatic contrast can practically enhance the readability of the type.  Therefore, a great color contrast might be used to the main objects in the design for the purpose of making it an outstanding dimension from the background, while the supporting objects are always supposed to be in low color contrast to melt into the background.

The first image is a two-page commercial in the magazine VIA. This is an introduction to the travel agency, who travels mostly to China area, such as Hong Kong.  The page uses 2 major colors – Green and Red.  These two colors are the complementary in the color scheme.  In most design works, they are avoided to be together. It is just like a principle in design field that green doesn’t get along with red.  However, in this example of color contrast, the designer used these colors wisely and made the design a successful one.  First of all, the color theme in the design is green. The background is light green, and the main object in the front of the photo is fresh green.  On the other hand, red, although appear next to green, is not as dominant as green in this design, but just in a supporting role, only showing in the background, out of focus.  This way, the green Chinese style of umbrella is standing out of the photo to give a very appealing first sight to the audience.

Value Creative - 4-value portrait

Posted by Jen in design & art on September 10th, 2008

As we know many successful design can be achieved with only two values. Presented here is a portrait painted in 4 values of the color blue.  Values are divided into light, medium, medium dark and dark. The hue I used for the portrait is premium blue.  The 4 different values are 0.8white + 0.2 blue, 1.0blue, 0.5blue + 0.5black, 0.2blue + 0.8black. The original picture doesn’t have such clear value difference on the face, therefore it’s quite tough to divide the portrait into different parts with 4 values.  But it’s also amazing to see that we can get quite effective result by painting in this way.

Materials: Gouche paint, water, brush, white paper, strathmore 400 drawing, color aid paper, etc

4 value painting girl in blue

Expressive colors, Shanghai

Posted by Jen in design & art on September 7th, 2008

The expressive colors image is to describe my favorite city - Shanghai. I basically seperate this image into two main parts.  The right bottom part is composed of the light colors green and yellow, which express the joyful and exciting aspect of the city. The left top part is composed of red and blue, with relatively low values. This is to express the clutter and high working pressure in the city. Overall, the colors are saying it’s a fast developing place, with very rush pace in daily life and many opportunities to expolore. In the picture, light colors are neighbored with dark colors, saturated colors are next to unsaturated colors, just in order to give the feeling of fast changes and full of suprise, which are the features of this city.

expressivecolors