Thursday, December 20, 2012

Visual Techniques

http://collider.com/the-iron-lady-movie-trailer/130968/

sharpness
asymmetry
variation
transparency
simplicity

http://www.unstage.com/2010/02/150-creative-movie-posters/#!prettyPhoto

boldness
exaggeration
depth
randomness
variation
complexity

For the first poster graphic interprets the basic information of the movie. Even though I have not seen this movie I can conclude that it is about a historical woman in London. By using the city outline of London on one side and the image of the actor Meryl Streep this graphic creates visual interest. The sharpness on the points of the building give the feeling of harsh and hard on the graphic, the tagline, "Never Compromise", indicate a very dictatorial role. Looking into The Iron Lady, I found that this film was based on the Margaret Thatcher, the Prime Minister of the UK during the 1970's. With this graphic you get an idea of the setting and character that are portrayed on in this movie. For the Inglourious Basterds movie poster the various characters are displayed on the graphic. Comparing it to The Iron Lady poster also give that poster a feeling of power in the single character shown.  The use of various characters gives a complexity to the graphic that makes the viewer look closer to examine all the the different people on the poster. Using red in various parts of the graphic also give it a boldness all around the poster. Using scale also gives a sense of importance in characters, like actor Brad Pitt, Christoph Waltz and Melanie Laurent. Depth is displayed in the title, using a black background under the red title gives it a sense of three dimensions.  


Thursday, December 13, 2012

Contrast

http://chasemor.wordpress.com/2010/11/30/on-to-bad-graphic-design/
This is an example of a website with a lack of contrast in its design. The use of the background creates an unappealing design. The "confusion and ambiguity" makes this webpage ineffective. The repetitious background causes for the viewer to not be able to identify the features like the content on the webpage.
"Ambiguity is its natural enemy and must be avoided if the process of seeing is to function properly" (Dondis). If the text in the page had a solid color background  behind it this design could be more efficient. In the headline of the webpage "Mama's Cheesies" is much easier to read because it has a solid color background behind it. The absences of contrast and repetitious nature cause for this to be a failure in design.
http://shop.tangyauhoong.com/product/autumn-s-fall


This graphic created by Tang Yau Hoong is a good example of contrast. This technique sharpens the image in a well defined and creative graphic. To create a balance between contrast and harmony, Tang had to use different tones in color to separate the background from the foreground.  In this image you can see that the empty space is just as important in creating this graphic as the patterns created from color are. The scale used in the different patterns also cause for contrast in the shapes. "The contrast of tone is as vitally important as the presence of light in the process of seeing. Through tone, we can perceive patterns that we simplify into objects with shape, dimension, and other elemental visual properties" (Dondis).  By creating polarities between the the tonal patterns Tang Yau Hoong was able to create a more complex meaning into his work.

Thursday, December 6, 2012

Implied Motion

http://accad.osu.edu/womenandtech/Storyboard%20Resource/

This is an example of a storyboard for a scene in a movie or TV show. The designer faced problems of clearly depicting the motions that the camera needs to make. Another issue that comes with this design is showing the motions that the characters must make in each shot. The different boxes that are presented follow a story and it is important to read them correctly or the story might become lost to the reader. By using arrows, this design implied motion to the action of the characters and motions of the camera. Also for the characters motion the use of motion streaks are create to suggest motion. The viewer is guided from left to right of the page because the boxes are numbered and the use of arrows. To also convey motion the background images in each box are different referring that the character had to have moved from point a to point b.

http://visualgraphic.tumblr.com/
In this design motion is also implied and created. For the user to move through this graphic they much read from the top left to right, moving down and across back to the left. The use of variation in scale helps create motion and focuses the attention of the user. In this graphic arrows are also used to create motion but not all to help guide motion. For this graphic the problem occurs when arrows face the opposite direction the reader is intended to read the words. By using 2D in some words it creates the sense of forward motion. The word “around” also creates its own for of motion because of its swirl design type. The arrow under “once in a while” gives the implied motion of a circular movement.