Dimension...Depth...Space

Depth and dimension are shown in this vintage airline advertisement poster. The airplane is the closest object to the viewer, while the bridge and the building beyond it are the farthest away, showing depth. Dimension is also shown in the poster with the use of two vanishing points. The use of two vanishing points can be seen when looking at the buildings in the foreground. The use of tone also implies depth and dimension. The buildings in the forefront have more distinctions between different tones, while the building beyond the bridge blend almost into one tone. The lack of tone distinction in the buildings beyond the bridge shows depth. It is clear that the light source is coming from the right side of the image, casting a shadow on the left side of the buildings adding dimension.

Tone & Color

The above images have been pulled from the website of a local spa. The images are the banners of each of the different pages of the website. Their website is easy to navigate for the potential spa goer (the user of their website design). Part of the reason their website is easy to navigate is due to its visual appeal and their choice of color and tone.

Tone is represented in all of the above images. I think tone is most powerfully portrayed in banner 2, the pebbles. Because of the tone in the image, the viewer can see that the pebbles are three dimensional. Tone also helps show depth perception in banner 5, with the lighter grasses in the foreground and the darker grasses in the background. Banner 2 also represents the other basic element of shape. Not only are the pebbles spherical, so are the water droplets upon them. The tone of the water droplets gives them dimension, and again allows the viewer to see them as a three dimensional object. The basic shape of a circle is associated with warmth, a positive and nurturing association for a spa.

Their color palette is consistent throughout the website, and is not distracting or overpowering. The use of color is subtle, yet very effective. Banner 4 and 5 are the only images with actual color. I might argue that even banner 1 has a slight hue of blue, depending on who is looking at it. It is less saturated than the pink hue in banner 4 and the green hue in banner 5, and is almost a non-color. Most of the colors used in the website are less saturated, hence they provoke less emotion and create a more relaxed feeling (perfect for a spa). In banner 5, the green hue interacts the other basic element of the line. The sharp lines are seen in the edges of the grass. The lines of the grass split up the bright greens versus the light greens in the image.

Find out more about color and tone...

http://www.writedesignonline.com/resources/design/rules/color.html

Magazine Design

The Dot: is one of the most common forms found in nature and is often found in magazine design. Here, on this cover of New York, the flesh-colored dot is used to portray the skin of the woman. The dots, when placed close together, represent continuous tone as they blur and blend together. The numerous dots naturally guide the viewer to connect them together.


Movement: is one of the hardest basic elements to portray. Here, on this cover of New York, movement is implied by multiplying and blurring the image. In general it is hard to express movement without distorting the original image. At first, the viewer scans the image and notices that something is not right. The blurred image is not due to poor eyesight, rather motion trying to be expressed. From the image it can be gathered that the man is screaming and shaking his head.


Lines: are not commonly found in nature, but rather man-made technology. On the New York cover above, line is used humorously and as a previsualization tool. An arrow boldly points the viewer to the "brain" of former New York governor Eliot Spitzer. Direction is set by lines and lines are commonly used in the form of arrows, such as above. In this example, line is pointing the joke out to the viewer.


Color: can mean different things to different viewers. The obvious choice of color here for the cover of Vogue Paris is red. In the past, red has signified anger, blood, danger, love, life, etc. In this example, red represents more sensuality as opposed to anger. Red is also the perfect contrast to the creamy skin of the model and the stark-white magazine title. Here, red is used in two different tones. The dark red tone is used for the background, nails, and lips. The bright red stands out boldly on the cap of the model.

Syntactical Guidelines

The original Fame movie poster does not reach the viewer effectively. The goal of the movie poster is to loosely tell potential viewers what the movie is about and raise their interest in seeing it. This poster uses the syntactical guidelines of stress and balance. The movie description, image, movie title, and director information are all balanced; however, the movie description is balanced in two columns, while the the remaining image, movie title, and director information are balanced into one column. This throws the viewer off. The movie description, as it differs from the rest of the poster, seems to be the stress of the piece. However, it competes with the larger red text of the directors information at the bottom and even larger image. The viewer is not sure what is the stress of the piece and they are lost.



The most recent Fame movie poster uses syntactical guidelines more powerfully. Again the poster uses the syntactical guideline of balance. The tag line of the movie creatively balances out the negative space of the top left corner of the poster. The subject of the poster shares the center with the title of the movie. Also, the syntactical guideline of positive and negative is used. The background is black and white but tinted pink (considered negative) and the center of the poster is the positive, as this is the part of the image that dominates the eye and the viewer's attention.
The

Visual Language

Sunday Cartoon: There is an ironical and comical message to this image. This cartoon uses vibrant reds, yellows, and greens. The viewer knows to take this cartoon light-heartedly due to the playful color scheme. The creases of the woman's dress are ironically like arrows pointing directly to her missing dog.



Amelie Movie Poster: There is a curious message about this image. The viewer wonders who this girl is and what is the secret she is keeping. The viewer is drawn to the face of the actress. Not only because she is centered in the poster, but her skin stands out brightly against the sultry green background. She has a mischievous smile and is looking up to the viewer, like she has done something she was not supposed to do or that she has a secret. Again, the bright red, green, and yellow lead the viewer to believe that this movie is more of a comedy rather than a drama.



Justine's Profile Picture: The viewer is sent a message that they are an "outsider". Justine is looking away from the camera and at the monument poster behind her. We immediately look in the direction she is looking. Because she is not looking directly at us, we feel as though we are "spying" on her. We can also tell this is not a candid shot as her body faces the direction of the photographer and she is "posing".

Visual Puzzles

CAT PUZZLE



















My strategy for solving the cat puzzle was to count the triangles numbering them as I counted. Jan followed a similar strategy. However, we both forgot to double count triangles we had already counted. He came up with 15 triangles, and I came out with 16 triangles. The correct answer was 20 triangles.


BRACELET PUZZLE



















Jan decided to cut out the bracelets and thought it would help. I started to shade in similarities between all three bracelets. Finally I found a discrepancy in bracelet number 2, and declared bracelet number 1 and 2 to be similar. Jan also found bracelet number 1 and 2 to be similar using his method. We came to the correct conclusion.

Top-Down Visual Processing

Figure 1: A classic illusion and example of Top-Down Visual Processing. Top-Down Visual Processing is more action and goal based than Bottom-Up Visual Processing. We are constantly preparing ourselves for what might happen next and how we will need to respond. This image was found at www.mozglubov.blogspot.com.

Figure 2: With Top-Down Visual Processing,our goal when looking at this image is to see the entire picture. At first all we can see are scattered black dots. Then we notice a collection of dots in the form of a dog, a Dalmatian. This image was found at www.thelitelights.com.

Figure 3: This image contains four circles each with a quarter of the circle cut out. However, non-visual information is so powerful, that in this case viewers visualize a superimposed white square resting on top of the four circles. This image was also found at www.mozglubov.blogspot.com.