Monday, December 7, 2009

DAI 323- Representational, Abstract and Symbolic



Representational:
A photograph is representational as it is something we see in our environment. Although this a photograph of Hong Kong, it's visual details allow us to understand the image. It is a cityscape showing all the lights and skyscapers and the harbor at night. We are able to visualize all these things from seeing them before our environments. If you lived in a remote part of the World, it might be difficult to understand what you're seeing but it is otherwise very clear.



Abstract:
The Hong Kong Subway map is a perfect example of an abstracted image. It simplifies the image to the point where it tells you the stops and where the colored lines go. The subway map is abstracted to this point for efficiency and clarity. It really brings the map down to only the pertinent information, which is helpful for many. There is no attached meaning to the colored lines other than to tell you which line goes where.



Symbolic:
This is a photo of a sign in the Hong Kong Subway, but also a very common site throughout the rest of the city. The image is symbolic because it communicates what actions are not permitted in the subway or city for that matter. The graphic symbolism tell you not to spit because it spreads germs and disease. It's a simple, but very prominent message because it tells you that they're very serious about the spread of germs. You could see the symbolism of this sign throughout the city as many wore surgical masks to further prevent the spread of germs.

Tuesday, December 1, 2009

DAI 323- Visual Techniques


Visual Design Techniques in iPod Advertisement:
Boldness
Exaggeration
Simplicity
Contrast
Unity
Sequential




Visual Design Techniques in We Are Not You Advertisement:
Diffusion
Contrast
Exaggeration
Simplicity
Fragmentation
Boldness


These two examples of design are quite different, but both very effective. They're both very simplistic in concept, but that is really what makes them stand out. The contrast of the white backgrounds make them pop out and their careful use of color helps the viewer understand what the image is showing. While the second image has a different approach by the use of diffusion, it pops out just as well as the the iPods. The simplicity really makes these images bold and removes them from the flatness of a white background.

Sunday, November 8, 2009

DAI 323- Contrast



This is an example of good use of contrast in design. As you can tell the tone, shape and lack of color are what makes this image successful. The shape immediately tells you that the black type is in the shape of a bottle with liquid being poured out. While there is some randomness of the type, the size and boldness helps the important words stand out like, "love." The message is communicated clearly and done in an original way. This image is about as contrasty as it gets though because it's black type on a white background.



This is an example of poor use of contrast in design. The light blue type over green is very difficult to read. The lack of clarity is a result of poor contrast. The designer of this image had the right idea with the red type, but failed to notice that all the other type gets lost in the background and is very hard to decipher. It's understandable that the designer wanted to use the colors from the whipped cream can, but if the image was in black and white you'd realize that there was a huge contrast issue with the design.

Tuesday, November 3, 2009

DAI 323- Movement/ Motion


The first image is a representation of stimulated motion. The two dimensional image shows the motion of the type splashing into the water, but it is not actually occurring. The angles of the type falling into the water also contribute to the implied motion compared the type below, which is very static and aligned. The imbalance really emphasizes the weight of the type and makes them seem real like there is a friction against the water they're falling into. The straight lined boxes help with the the sense of direction. They lead the eyes from top to bottom and you automatically know what direction the type is moving.


In this image, the implied movement is shown through the stretching and folding of the type. The shape implies that the "ideas" are so big that it's squeezing itself out of the grey box. The lines are of the type are also at diagonals, which communicates that the type is not static like the type at the bottom. It shows that it has energy, almost enough that it can't fit on the page. In other words, it wants to think outside of the box and that really is the implied movement.

Sunday, October 25, 2009

DAI 323- Depth Perception



Dimension/ Depth/ Space

Perspective and dimension are a very important part of graphic design. The Cars movie poster depicts many aspects of depth perception. Overlapping is one of the main features of this image. It creates layers in the image, which adds emphasis on what is front and center and puts it all into a flow pattern. Linear perspective is also very present in the image. The lines of the road converge together and get smaller in the distance. The linear perspective also gives us an idea of the relative height of the objects especially the mountains in the distance. Another thing although present in the texture gradient, which is noticeable on the road. It leads the eye up the image.

Tuesday, October 20, 2009

DAI 323- Week 8 Exercise




Color and Tone

The Spirit movie poster is a great example of the utilization of design elements, color and tone. Tone is one of the best tools at expressing and indicating dimension, which is very clear in this image. It helps define the intensity of darkness and lightness. While it isn’t a completely accurate representation of tone in nature, it does however create a very emotionally impacting picture. The tonality works well with the text on the lettering and immediately you know its purpose. It gives us a sense of reality and distance. It adds us in visualizing the space and knowing that it looks like a dark and grimy city.
Even though most of the image is monochromatic, it is important because of its lack of color. The tonal values we perceive in the image almost represent a world we know doesn’t exist, but we completely understand it. The color is not really needed because its just visual frosting on the image. The title being red was almost an aesthetic choice though because it jumps out on the image. Red is an emotional and active color. An example of this would be the girl in the red dress, in Schindler’s List, which was other wise a completely black and white film. It contrasts the rest of the image and has a strong hierarchy. Its relative brightness is emphasized and almost acts as the flash bulb of the image. You can see the title and you’ll remember it because of the color.

Tuesday, October 13, 2009

DAI 323- Movie Poster Design



Lines- The most important element in this movie poster is lines. The lines give movement and direction to the image to help us understand the context of the image. The stripes of the flag in the poster make something of the imagination visible. They express mood and have a huge amount of visual energy. Although lines rarely exist in nature, they can be used to express the juxtaposition of two tones. The stripes in the poster are basically a representation of the soldiers.



Tone- The most basic element of this movie poster is tone. The profile of the face with legs sticking out is the juxtaposition of tone. We see this shape in the image because there is a relative presence/ absence of light. As Dondis says, "We see what is dark because it abuts or overlaps what is light, and vice versa." We see the face because it is dark or we see the face because it is light around it.



Color- Color is in someways just an aesthetic of visual processing, but it can be very important as well. Generally speaking most movie posters use a lot of color with one of the elementary hues (yellow, red and blue)to act as almost a fill for the image. I found this poster to be very striking because of its careful use of color. All of the image is desaturated except for the eyes and the moth on the mouth. The saturation directs the eyes where to look and essentially is a very meaningful way of communicating information. Upon closer examination you can see a classic image on the moths back of the nude women forming a skull. Perception of color is one of the most emotional parts of the visual process.