Reading Response #3

It is interesting to think about the "grammar" of graphical languages. People have been using graphics and visual elements to convey messages and express meaning for thousands of years. While a lot of artists/cartographer/etc. have produced systems of reference to the grammar of graphical languages – how the graphics are formed or derived and what information they address, these patterns they found or built up updon are based on the essence of human visisions. We see the visual elements and automatically tend to perceive the image, in a way we have experienced/seen before.

I am really into the part of the chapter on the gestalt diagrams. What we see what is made. It also cooresponds to the making connections plate. People tend to find a way to make sense of the graphics they see. This reminds of my childhood cloud watching experience when everyone in my class looked at the sky and describe what they saw. Everyone saw something other than just "a cloud."

When producing visua projects, I think it is significant to keep in mind this human nature of interpretation of visual elements and follow the "rules" of the graphical grammar, not to constrain the work but to pay attention to how the audience will perceive it.

The Gestalt Principles

http://graphicdesign.spokanefalls.edu/tutorials/process/gestaltprinciples/gestaltprinc.htm


Gestalt is a psychology term which means "unified whole". It refers to theories of visual perception developed by German psychologists in the 1920s. These theories attempt to describe how people tend to organize visual elements into groups or unified wholes when certain principles are applied.

These principles are:

Similarity

Similarity occurs when objects look similar to one another. People often perceive them as a group or pattern.  

The example above (containing 11 distinct objects) appears as as single unit because all of the shapes have similarity.Unity occurs because the triangular shapes at the bottom of the eagle symbol look similar to the shapes that form the sunburst. When similarity occurs, an object can be emphasised if it isdissimilar to the others. This is called anomally.

The figure on the far right becomes a focal point because it is dissimilar to the other shapes.

Continuation

Continuation occurs when the eye is compelled to move through one object and continue to another object.  

Continuation occurs in the example above, because the viewer's eye will naturally follow a line or curve. The smooth flowing crossbar of the "H" leads the eye directly to the maple leaf.

Closure

Closure occurs when an object is incomplete or a space is not completely enclosed. If enough of the shape is indicated, people percieve the whole by filling in the missing infomation.  

Although the panda above is not complete, enough is present for the eye to complete the shape. When the viewer's perception completes a shape, closure occurs.

Examples

Proximity

Proximity occurs when elements are placed close together. They tend to be perceived as a group.  

The nine squares above are placed without proximity. They are perceived as separate shapes.  

When the squares are given close proximity, unity occurs. While they continue to be separate shapes, they are now perceived as one group.  

The fifteen figures above form a unified whole (the shape of a tree) because of their proximity.

Figure and Ground

The eye differentiates an object form its surrounding area. a form, silhouette, or shape is naturrally perceived as figure (object), while the surrounding area is perceived as ground (background).Balancing figure and ground can make the perceived image more clear. Using unusual figure/ground relationships can add interest and sublety to an image.  

Figure

The word above is clearly perceived as figure with the surrounding white space ground.  

In this image, the figure and ground relationships change as the eye perceives the the form of a shade or the silhouette of a face.  

This image uses complex figure/ground relationships which change upon perceiving leaves, water and tree trunk.


Show Comments