Hello
  Typography and the History of Design
with asides about code, literacy, and other cool subjects

 









Subscribe to "Typography and the History of Design " in Radio UserLand.

Click to see the XML version of this web page.

Click here to send an email to the editor of this weblog.

 

 

  Tuesday, July 1, 2003


Motion In Donis A. Dondis' view, motion, the final visual element, is perhaps "one of the most dominant visual forces in human experience." As she explains in A Primer of Visual Literacy, true motion exists only in the physical world. Motion in visual images is always an illusion. It can either be implied or suggested, as in still pictures, or overtly simulated, as in motion pictures. By combining time and space, the use of motion helps ground visual images in our experience of the real world.

Suggestion of motion in static images often appears somewhat "unrealistic" or unnatural. By blurring a subject (as in the icon above), using sfumato or contrapposto, selectively using hue, texture, line, shape, direction, scale, or dimension, a still image can be infused with implied movement. Because these techniques require the viewer to invoke his or her experience of motion in real life, suggested motion is involving and compelling. Unlike in motion pictures, recognizing motion in still images is a more conscious, interpretive process.

Detail from Mona Lisa, Da Vinci, 1503-06. The Mona Lisa's smile serves as a useful example of "sfumato," Italian for "smoke." Sfumato is a shading technique painters can use to suggest motion. By blurring the corners of her mouth, Da Vinci creates the illusion that the Mona Lisa is in the act of smiling or frowning. The ambiguity of her expression forces the viewer to interpret it as he or she chooses.

Dancers, Sarah Nathanson, 1994. "Contrapposto" refers to the technique of twisting or shifting the weight of a figure to imply motion. The contorted bodies of the dancers in this still picture are off balance, thereby giving the impression that the figures are in the process of moving.

Motion, Sarah Nathanson, 1994. A line can also imply movement. In this image, the line gives the viewer the feeling that it is moving. It does so by leading the viewer's eyes along its path.

10:34:59 PM    


Dimension

The notion that objects occupy three-dimensional space in our physical world is not a cultural construct but a vivid reality. We know this because we can grasp a solid object, feel its contours, and move it from one place to another. Because of this spatial and tactile awareness we make assumptions about our physical environment based on visual stimuli perceived by our stereoscopic vision. In the visual arts, this means that a two-dimensional representation (drawing, painting, photograph, etc.) can imply three-dimensional reality by mimicking its effects on our ocular system. According to Professor Donis A. Dondis, this is done primarily through the use of linear perspective, which is often supplemented by tonal manipulation in the form of chiaroscuro, the dramatic emphasis of light and shadow.

Since perspective and chiaroscuro are extremely representational methods of expressing dimension, photography in particular excels at them. The precision with which the photographic lens can record minute details is unmatched by the eye. However, man-made optics cannot duplicate the human eye's wide peripheral vision without the tremendous distortion of perspective that results when using a wideangle or fisheye lenses.

Gerald Mast argued that the moving image can illicit a sense of dimensionality within the viewer that is simply unattainable by the static image. "The enlarging or shrinking of an object over a period of time or the length of time it takes to travel between two points are two familiar ways of defining terms like 'close' and 'far.'" These changes in scale appear so natural that we forget we are looking at a flat screen. So aside from perspective and tone motion over time is another useful method of representing dimension. --

Though dimension is an integral part of our world and something we can both feel in the space around us in two-dimensional formats such as painting and photography it can only be represented by such illusion. In fact, when more visually striking representations of three-dimensionality have been attempted in film, it hasn't caught on. Films in 3-D have never been more than an oddity. It's as if people are so accustomed to inferring dimension on a flat surface through more conventional means that the 3-D image becomes too hot, bombarding the viewer with more information than they care to deal with.

Another reason that might explain the unpopularity of the 3-D medium is that viewers want to see a realistic image, to be a voyeur in someone else's life, but they do not want to actually become part of what's happening. Three-dimensional format brings the image to close to real life and involves the viewer too much, almost in an accusing way. The safer, more removed aspect of standard film, in which dimension is implied, is more pleasant for the viewer because it removes them from what is going on while at the same point showing them everything. We can make judgments and give opinions without suffering the consequences.

Linear Perspective Reproduced from Sensation and Perception1993. Walter Ioos Jr., 1994. The technical convention of linear perspective is a Renaissance invention. It is a systematic, formalized method of representation that allows the artist or designer to simulate depth with a few scant lines. It operates on the premise that objects appear progressively smaller the farther away they are. Lines that extend out into space converge at one or more vanishing points on the horizon line, which coincides with eye level.

Light and Shadow

Besides the tool of linear perspective, artists and designers also have a broad range of values at their disposal which can be used to imply dimension by means of chiaroscuro lights and darks. Since light travels in straight lines it cannot curve around an object and equally illuminate all its contours. This means that some surfaces of the object will receive more light than others. These variations in the amount of light being reflected from the object's surfaces are observed as different values.

Value enables the artist or designer to fill in the gaps left by linear perspective. For instance, the basic linear information is insufficient in conveying the dimensionality of a sphere. Without tonal information it is merely a flat circle. The fact that light travels in straight lines also results in the phenomenon of the cast shadow. It is through the dramatic emphasis of highlights, reflected light, and cast shadows that chiaroscuro achieves its revelatory function. Since lighting is so instrumental in this technique, changing the placement of the light sources or the number of these light sources can have drastic effects on the representation, as evidenced in the center and rightmost frames of the above triptych. The leftmost frame is the same scene rendered as a simple wireframe with no tonal information.

Eye level


Walter Ioos, Jr. 1994. Poster from Film und Foto International Exhibition, Stuttgart, Germany, 1929.

Objects located dramatically above eye level are said to be seen from worm's eye view, while those positioned extremely below eye level are seen from bird's eye view. The decision of which point of view to take within the frame involves more than just aesthetic considerations; it has psychological implications as well. A slender upright object seen from worm's eye view tends to look more massive and stable because it is appears wider at the base and grows narrower from the bottom like a mountain. The same object seen from bird's eye view often looks more minuscule and unstable because it appears narrower at the base and grows wider from the bottom like a top.
10:34:14 PM    


Value

Color is made up of value, hue and saturation. The visual element of value or tone is, in its simplest form, the juxtaposition of light and dark. It is defined as the intensity of lightness or darkness in anything that is visible.

In nature there are hundreds of different steps in value that are sometimes not easily distinguished by the human eye. In the graphic arts and photography, however, there are far fewer steps because they are simply to subtle to perceive visually. Images derive a simulated natural tone from pigment, paint, or nitrate of silver. Thirteen steps in value have been identified, which range from white to black. These steps are based on a tonal scale, which defines the variations of shading.

A work composed mainly of the lighter end of the scale is a "high key" work, for example, the landscape works of Claude Monet. While "low key" works, such as those of Rembrandt, are made up of the darker end of the value scale.

The element of value is used to express emotions, form, space, and movement as well as to give off the illusion of light. Since the scale for value is so limited in two-dimensional images, it is implied through several techniques. The juxtaposition of elements within a work determines value. This is achieved by placing the lightest element next to the darkest. One way to comprehend the importance of value is to count the shades in an image from lightest to darkest.

The varying levels of grey in Picasso's Night Fishing at Antibes illustrates different levels of value.

Each color has its own tonal value; as pink is lighter than brown. An image is often described in terms of its value and chroma. Chroma is defined by the other two elements of color: hue and saturation. Value is independent of, and exists without, chroma. Both the element of value and the elements of hue and saturation (chroma) create their own patterns. Often these value patterns cross and camouflage chroma. A monochrome image depicts the importance of value in a work. This type of image is composed of different degrees of value for one color or a few complementary colors.

A full color image of "Reclining and Standing Nudes" by Picasso. 1942.

The same image lacking chroma illustrates more precisely the different degrees of value.

In real life, value is upset by texture because surfaces react to illumination. Since in nature things are obscured by shadows, artists developed techniques to show this notion. Sfumato is the technique of using graduated values to blur images and to make them ambiguous, as well as to suggest movement.


Leonardo Da Vinci's "Mona Lisa" demonstrates sfumato in the eyes and mouth. Specifically, the eye featured here depicts this notion by suggesting movement.

Another technique that allows artists to manipulate the element of value is chiaroscuro. This contrast technique exploits the difference between light and dark.

"The Woman Taken In Adultery" Rembrandt. 1644.

Value is not, however, perceived in absolute terms. Instead, it is perceived in relative terms, in which degrees of value are influenced by their surrounding environments. Specifically, contrast effects change the perceived values of an image or object by the juxtaposition of adjacent darker or lighter tones. Value is one of the most fundamental visual elements, as without variations in light intensity images and objects could not be perceived by the human eye.


10:33:05 PM    


Saturation

Saturation is the amount of gray in a particular color. A color with more gray is considered less saturated, while a bright color, one with very little gray in it, is considered highly saturated. The amount of saturation does not affect the basic hue of a color and it also is unrelated to the value (amount of light or darkness in a color.) For example, if we take away the colors in an image, the tonal values will remain. However, taking away the colors themselves will make the image completely unsaturated. A more saturated color is also called a more 'pure' color because it is undisturbed by gray.





The four images at the top of this page are the same watercolor of a frog reproduced at different saturations. The image on the top is fully saturated, and the one on the bottom is completely unsaturated.

More saturated colors are also considered more bold and tied to emotions, while unsaturated ones are softer and less striking. The producers of an image often have a choice of how saturated they want to make the colors in that image, and their decisions reflect their intentions.

A black and white image (in reality, made up almost entirely of shades of gray) is an example of total unsaturation to the point where color is actually absent. Unsaturated black and white is often used to represent the past while highly saturated colors are frequently used in depictions of the future. When Time magazine selected Bill Clinton as their 1992 Man of the Year they featured photographs which juxtaposed images of the past in black and white, (A teenaged Clinton shaking John Kennedy's hand, the Bush Oval Office) with images representing the future (A triumphant post-election Clinton shaking his fist; Clinton, the then president-to-be, walking into the Oval Office) which were highly saturated, right down to the color of their skin.

Advertisers often use saturated colors in order to catch the passing attention of readers and viewers. Unsaturated colors and non colors (black, white and gray) are restful and sometimes depressing, and we usually avoid those kinds of feelings. We focus more on saturated colors because the more boldly-colored objects seem closer to us. In some advertisements, neutral and lively colored images are put together, creating a remarkable contrast. For example, the following color picture illustrates a magazine article presenting eight models. They "come from incredibly diverse backgrounds." The saturated colors in this picture exaggerate this diversity of cultures. If we lower the saturation of the image, we don't notice the contrast and the effect changes dramatically.



Mademoiselle advertisement, Troy Word 1994.

The colors are not as affecting, and the contrast between the color of the models' skins is not as striking.

The saturation of a color can also affect our emotional reaction to an image. Colors that have low saturations are often seen as dull and boring, but can also be thought of as restful and peaceful. Highly saturated colors, on the other hand, are more vibrant and emotionally aggressive. When we look at an image in which the colors are highly saturated, our attention is grabbed. Movie makers use this aspect of saturation all the time in order to convey particular feelings. For example, notice the difference in saturations between the still from Howard's End and the still from Do the Right Thing.

Howard's End directed by James Ivory, 1992

Do the Right Thing directed by Spike Lee, 1989

The colors in Howard's End are much less saturated because the movie is much more tranquil and serene. Do the Right Thing , however, is an intense movie which expresses highly charged, extreme feelings. Therefore, the colors the director and cinematographer use are very saturated and emotionally loaded.

Saturation is an important component of color that affects us every day, often without our realizing it.
10:14:20 PM    


Hue (Text adapted from Pomona Visual Literacy Project. )

When people talk about the color of something, they are usually referring to the hue of that object. All colors are actually different hues in the visible spectrum of light. Reflections of light off an object are responsible for color.

Most people are familiar with color through our idea of primary colors: red, yellow, blue. These three hues were chosen for rather arbitrary reasons, but their significance is that with any three different hues (red, yellow, and blue work well), one can create any other color by mixing them. Painters have these three hues as their "primary colors" because it is easy to get very saturated versions of these hues in paint, and with them they can mix paints of other hues.

Likewise, with three different hues of lights one can create thousands of hues by mixing them in different proportions.

In terms of visual literacy, however, it is more relevant to group the different hues into two categories: warm and cool. Basically, red, orange, yellow, and other similar hues are warm. Blue and its close cousins are seen as cool hues. By examining the balance of warm and cool, and the presence of primary colors, we can get a good sense of what is going on in an image visually.

Visually, hue does three things. It adds another dimension to images that once were black and white. It acts as a formal element in a composition that directs the viewer's attention. It also creates moods and feelings in an image that complement the message that the image gives formally.

It was not long ago that our photographic images were in black and white. Black and white images translate reality in a different way than color images. In black and white, all color is translated into different values of gray. There is a greater sense of the abstract forms in a black and white image than there is in a color image, which classifies things in terms of color, not shape and value. The presence and absence of color in an image can change the formal aspect of the image. When black and white images are juxtaposed with colored images, this seems to create two different realities. For example, it can shift time and location.

The colors in an image play an active roll in determining how the other visual elements will interact in that image. For example, in an image predominated by cool hues, a warm hue will draw the attention of the viewer. Colors tend to recede and contract. Placing certain colors next to each other can enhance dimension. Color adds another factor in how the image works formally.

Likewise, mood can be expressed through hue. Each hue is associated with different emotions. The different emotions associated with color are cultural constructs and can vary from culture to culture. In western culture these generalities hold:

Red evokes feelings of strong emotion or anger. Most likely, this association is derived from the feelings we get when we see blood. Blood red is the ultimate red. Blood red represents passion, anger, and pain; all very strong emotions. Therefore, in films, red is frequently used for prostitutes, and fast cars. Red suggests extravagance and ostentatiousness.

Blue, on the other hand is cool and passive. these feelings are probably related to the blue ocean or sky. Therefore, blue is frequently used to stand for truth in blue uniforms and the American flag, for example.

Yellow is cheerful, and warm, perhaps like the warm yellow sun. White's association with innocence may have originated with the pureness of snow, for instance. The epitome of innocence in the mainstream media might be a girl in a white dress with light blond hair and a white lily.

Black had traditionally represented mystery and danger, perhaps because it is associated with the darkness of the night. Therefore, black is worn by vampires, and burglars. These are a few examples, among many, that illustrate the way in which the feelings associated with certain colors can affect the way these hues are used in media; non-verbal cues that send a message or enhance the mood of the picture or scene.
10:08:29 PM    


Texture

Texture is the "feel" of something -- but this can be a visual affect as well. Texture must first be evaluated on a tactile basis. If a piece of silk feels "soft", it might also look soft.

It is also possible to have an optical texture -- a texture made visible to your eye. Lines and dots and other visual disturbances can signify a variety of textures. Your eye can pick up variations in texture that you do not feel with your hands.
9:57:55 PM    



Click here to visit the Radio UserLand website. © Copyright 2003 Michelle Kendrick.
Last update: 7/24/03; 10:11:18 PM.

July 2003
Sun Mon Tue Wed Thu Fri Sat
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
Jun   Aug