Visual Information

Here are three picture which each represent a certain level of designed visual information. 

The first example is---"Representational" level

Source: http://www.linesandcolors.com/2005/08/22/art-renewal-center/

This painting is strongly representational.  We can see and recognize the world in it: there is a visual reality. It is expressed by photographic techniques to communicate the world. Also, there is a believable environment, such as a boat, trees, water, grasses and so on. Every single element seems to be a real object, representational.

The next example is ---"Symbolic" level

Source: http://nyicreation.tripod.com/

This is a symbolic word or code used in an ancient age (Unfortunately, I do not know where it was used or found.) There is a meaning, which indicates a certain message or information. Its structure is simple, indeed. But, it is symbol of something to communicate at the same time, as it appears to be the sun, tree, or human being (at least I can see it in that way.)

The final example is --- "Abstract" level" 

source: http://zacharybrown.wordpress.com/2008/05/

This is abstract image, which represent "Morning." I could see the morning sky, the moon, the sun, and those lightning. Although all of these elements represent a certain object, they are totally not realistic details which does not happen ever. This picture more focus on its mood, tone, and symbols. There is a high contrast between objects and background. 

visual techniques

Here is two example of the field which I am interested in.

Source: http://www.paul-rand.com/posters.shtml

Poster Design

Balance
Simplicity
Unity
Economy
Boldness (graphic) Subtlety (Typo)
Accent
Flatness
Singularity

Source: http://thelitconnection.wordpress.com/2008/05/28/cover-art-deja-vu/

Book Cover Design

Balance
Symmetry
Irregularity
Fragmentation
Subtlety
Accuracy
Depth

Even though both examples consist of the same visual techniques, they are quite different. This is because of their combination of such a visual technique. They are both well-balanced, with invisible center axis suspending right and left sides. However, as their basic elements, while one is very flat and simple image (caused by techniques such as Unity and Simplicity), another is actual picture with depth and pretty much a lot of things going on. This is effected by lightning and shading, and makes each of them natural appearance or not. Also, despite of that they includes subtle typography, their first impression is different because their primary image are opposite; Subtlety vs. Boldness. The first picture (Boldness) is an obvious presentation with confidence, whereas later one (Subtlety) is very delicate picture, which causes to express their characteristics of contents.
 
  

Contrast in Graphic Design

Here is some graphic designs which show good contrast elements.

Source: http://www.mojo.com.ro/blog/category/design/page/2/

The first one is associated with interior design, a black and white large scale image. Its character might represent fingers. Like this, to recognize what it is, a contact of black and white works well in here. Each color pops up another different color, which makes its figure and flow easy to be figured out. Also, a contrast of scale works here. If it is the picture of only wall, it can be recognized as a small image. But there is a bad, a human sized object, to show how large it is.

Source: http://www.goodisdead.com/index.php?/the_cheese_monkeys/

Next example is a simple graphic design, a image of cheese.
The cheese makes a good contrast of black background, which cause strong expression of cheese itself. Also, with using different tone/value of yellow, we can notice it is a cheese. If it is just only one value of yellow, we might not recognize it. Lighter and darker yellow shows different surfaces. The gradation of color from white to yellow, shows a hole. There might be a contrast of shape. The small circle on larger cheese let us think it is a mark a mouse bit into a cheese. If the circle was larger size like a half size of a cheese, we do not think so.
 

Source: http://www.flickr.com/photos/downtownblue/2485758454/

Subsequently, here is a bad example of contrast, I think.
It represents lines of airplanes. The contrast of lines and empty spaces does not have a good balance, too much lines to see. But, Good thing in this design is the contrast of color. Since its background is blue and green, those red lines pop up well, besides the black dots which indicates stops of airplanes pop up on the red background.

Movement/Motion #1

Part 1

I am interested in techniques of  photograph, associated to magazine or any kinds of graphic design.  And, here is an example of implied motion in design. 

Source: http://photo.net/photodb/photo?photo_id=3993172

This photograph is at the very moment the train has come (or might have left). This motion is related to depth and dimension, which makes us recognize the train is moving. Besides, directions people's head is heading show the movement, also. This picture points just one of changing moments at a subway station. 

Part 2

Next example is exhibition/environmental design, which I also desire to learn. 

Source: http://www.haleysharpe.com/projects/91/4

This example might be people in a museum (Physical space). I think this designer was confronted with people's direction of passing, how and which ways they are walking through.  Because, the order of pieces is really affected by people's path in a museum. So, I think the designer put a sentence on the ground with implied direction and flow. With people in freeze motion,  the picture let us see the actual flow of how we look around in this museum. Those elements navigate motion in 3-D picture. 

Dimension/Depth #2 Magazine

One of the most important elements of magazine is a picture, both an actual photo and drawing. In order to make them look a 3-D image, several kinds of perceptual cues work together.

First one is an actual photograph.  Overlap, Relative Size, and Liner Perspective (One-Point Perspective in this case) expresses dimensional space on this 2-D Photo. And, when you look at the right-corner picture with people, they are much bigger than a window and sofa behind them. This represents depth of this space here, also. 

The next one is drawing. 

Here, Overlap, Shadow(Tone), Relative Size, and Liner Perspectives (Two-Point Perspective) work together. I think mostly in this image Tone makes it looks 3-D objects since it will be just line construction without shadow. It is the different case from photos. Besides, Tone express the depth in details of this image.

source:http://jolma.net/print/magazine_architec.html

http://eobrownblog.blogspot.com/2007/10/this-is-2-page-layout-ive-chosen-as.html

Dimension/Depth #1 Culinary Art

They are photographs of Culinary Art.

  

The first picture is a dish of sushi.

In this image, there are some perceptual cues working together, Liner Perspective, Overlap, and Relative Size.  The construction of 6 pieces of sushi is composed of  a "Two-Point Perspective" with a invisible horizontal line and two vanishing points, which makes it a 3 dimensional image on a 2-D picture in the space. Then, the second line of sushi is overlapped by the first line, an additional meal (like Japanese pickle?) is overlapped by sushi, and chopsticks are a kind of overlapped by both of them. Besides, those elements are in turns getting smaller as Relative Size. Those two indicated their depth over all. 

The next picture is an afternoon tea.

There are also some perceptual elements, Overlap, Shadow, and Relative Size. Even though those cupcakes are different sizes, they have depth and look a 3-D  object by overlapping each other and shading the back sides. Then, since each dish overlaps lower ones, it becomes a 3 Dimensional object which is looked down form above. Also, there seems to be a space between an afternoon tea table and a flower vase by Overlap, Shadow, and Relative Size (the flower is the same size as one of cupcakes).

Source: http://wiw.org/%7Ejess/archives/2004/09/09/twinkie-sushi/

http://emilytormey.wordpress.com/tag/floral/

Color #3 Business Cards

There are several kinds of a business card interacting with some features of color.

Since a business card represent their company itself, the role of color feature here is to express company's personalities. Many of them are using color for types and background, colorful lines with white background or white lines with colorful background. The choice of color changes a clients' view toward the companies. Additionally, they affect its background by dots as a basic element, which makes it more interesting.

On the viewpoint of functionality, with only colors and lines, we could see a map such as the picture at the center.

Thus, those business cards really associate with not only color but also the other basic elements, dots, lines, direction, scales, tones and etc. I think the direction element also tells us an important company's message; they are taking large steps toward future, and so on. Basic elements behave significant roles to address their messages.

source: http://www.argyle-street.com/portfolio/2007/shop-card-business-card-logo-design/