Visual Techniques

San Francisco Art Expo 1981 by Patrick Nagel 

Asymmetry, Contrast, Simplicity, Flatness, Stasis

Harper's Bazaar cover by Erte 

Contrast, Asymmetry, Activeness, Flatness

Both poster designs employ the visual technique of asymmetry. Patrick Nagel's poster for the 1981 SF Art Expo uses the technique to asymmetrically portray the golden gate bridge behind one of his signature women. Erte uses asymmetry to create a contrast between the models on the right and woman's face on the left. He also uses contrasting colors to highlight the red carpet, the gold of the curtains, the blue of the models makeup and the white of the skin and gowns of the models. Nagel also uses the same contrasting colors to highlight the red of the golden gate bridge and the pale white skin of his model. Both artists also use bold lines to emphasis the flatness of their subjects and backgounds. This is an element found in both of these artists' signature styles and shows off their influence from the bold lines and bold colors found in Japanese woodblock prints. While Erte's piece suggests activeness with the posing and placement of his models on a runway, Nagel's pieces uses stasis to emphasize the calm, romantic feel of his model and the golden gate bridge behind her. 

Contrast

iPod advertisement by Apple 

The early advertisements for the Apple iPod featured a successful and appealing way of using contrast in advertisement design. They all featured a dark silhouette of a dancer, a white apple iPod in his or her hand, against a contrasting colored background. The white of the iPod, signature white ear buds, and the white iPod logo all draw the viewers attention and make them immediately aware of the product that is advertised. The dancer silhouette provides a nice contrast and graphic image to go with the white iPod and the colored background. Other similar advertisements feature the dancer against a more psychedelic background, providing a visual metaphor for the sensation of listening to music. The faceless dancer allows the viewer to more easily imagine themselves as the dancer. The image and contrast along with the effectiveness of the simple "iPod" text all work together so nicely that no other text, slogan or product description is needed. This advertisement design by Apple is both simple yet memorable and brings to mind the simple and memorable designs of most apple products.

Shape-ups ad by Sketchers

The contrast in this ad for Sketchers "Shape-ups" shoes fails almost as much as their shoes fail to help a person lose weight. First, the contrast in the text sizes adds little to no visual hierarchy to the text. The text of the body paragraph is almost the same size as the text of the header adding little contrast and little attraction for the viewers eyes. The lack of difference in fonts does not help the situation either. The some of the white text is outlined with a purple border which actually makes the words blend in more with the purple background rather than stand out against it. The completely white bodies of text have no luck either and are almost completely unreadable, drowning in the intensity of the purple background. Also the lack in different font styles used does not establish a visual hierarchy either. All the text looks roughly the same adding little variety and little interesting features to this ad. 

Movement/Motion

The Avengers movie poster by Marvel

The implied motion used in movie poster advertisements is most effective when advertising action/adventure movies. The poster for the film The Avengers is filled to the brim with implied motion . The poster portrays all the films main characters during the epic battle that takes place during the movie's climax. Each superhero is caught doing a heroic stance, ready for action. Others, mainly The Hulk and Iron Man, look as if they are about to attack an off screen enemy. The backdrop of the heroes also contains implied motion. They stand in the center of New York city which is under attack as buildings crumble or catch on fire in the background. Spaceships spin out of control and fireballs fall from the sky to further portray the destruction. Even the circle surrounding the "A" in "Avengers" logo is implying a circular motion, bringing to mind the group leader Captain America's spinning shield attack .

New Super Mario Bros. U game cover by Nintendo

The game cover art for New Super Mario Bros. U uses implied motion to advertise the game play of the new Wii U game. The characters are all facing to the right which is the traditional direction that side scroller video games such as Super Mario Bros. follow. The characters are also all shown floating in the air, since jumping on your enemies is the main power in Super Mario games. Other new flying abilities are also portrayed such as using the raccoon suit to glide through the air. Mario's friends the Yoshis appear in this game as well. They are also portrayed floating in the air and shown using their new abilities for the game such as flying and using bubbles to defeat enemies. The text of the game's title is given a three dimensional feel as if it were bursting out of the box at the reader, further emphasizing the three dimensional look and feel of the game. The word "new" is enclosed in an action bubble, most often scene during action scenes in comics and bringing to mind the intense movement during those action scenes. 

Dimension/Dept/Space/Scale

Adventure Time Opening Title Sequence by Cartoon Network

The opening sequence for the Cartoon Network show Adventure Time features an entire virtual tour of the shows landscape and main characters and villains, all in a matter of 25 seconds. This is achieved by the overlapping of different images which are then zoomed in upon and zoomed past, giving an illusion of depth to the otherwise two dimensional world.  The camera follows a flow pattern throughout the landscape and provides the viewer a first person perspective throughout the sequence. This gives the viewer the feeling that they are flying throughout the land of "Ooo" and gives a sense of scale as to how big this imaginary 2D world would be if it were real.
 The sequence begins with the camera view coming out of a cave, then zooming past several different places including a junkyard, mountains, and a castle.  Each next destination is seen in the background of the previous one, which keeps the motion flowing. The sequence ends with the camera zooming into the window of a tree house to revels the shows main heroes inside.  This gives you a feel for the depth and size of the 2D world that the characters live in and travel across in the show.

Tone and Color

Baby I'm Yours (Official Music Video) by Breakbot

How TONE is operating

The tone in this music video is used to draw the viewers eye to the areas of light against the dark black background.  The background of the entire video is dark which creates a nice contrast with the bright colors of the imagery seen in the video. This demands that the viewers attention be entirely on the areas of light and color which create shapes and portray motion along to the beat of the song.

How TONE is interacting

Tone is interacting with line in this video to create shapes and images against an otherwise dark background. The contrast between the color against the black background creates lines which give the illusion of different shapes.These lines vary from thin to bold to give the illusion of depth as well.

How COLOR is operating

Color is the main creative element in this music video. It creates a beautiful aesthetic experience to accompany the uplifting, dance beat of the song. The colors are bright, psychodelic, and give life to the funky lyrics and bass line of the song. 

How COLOR is interacting

Color is used in the video to create a variety of different objects and shapes. The shapes range from people to instruments to animals, each with their own beautiful variety of colors. The video contains a  kaleidoscope of colors and visuals which provides the viewer with an intense and beautiful aesthetic experience.

Magazine Design

Esquire Magazine 

Shape

The Square in this article establishes visual hierarchy by drawing your eye to the orange squares that house the title of each article. It establishes itself as the dominant aspect of the entire piece with the text and pictures being in square shapes as well. The bright orange squares against the dull white of the background and plain black of the text captures the viewers eye and shows them where each column begins. The pictures on the pages are also square shaped and in black and white as to not draw attention from the bright orange squares. The text is even arranged in square paragraphs as to keep with the shape theme. The overall theme of this piece is minimalist in both color and shape, centering around a square theme. 

Code (x) Magazine 

Line

Line is the essential element to this piece. The lines draw your eye to the title of the article which is surrounded by the diagonals of the sun in the background. It gives a 3D effect to the outline of the shape of the country of Japan. In edition to adding dimension, the lines in this piece also show the direction in which the viewers eye should travel. This is most noticeable in the text of this article which is all diagonally composed as opposed to being horizontal. This particular aspect of the piece is appropriate by further continuing the Japanese theme of the article due to the fact that Japanese characters are usually read horizontally. 

Sashay Magazine 

Scale

The scale of the lettering in this piece establishes a visual hierarchy of type. The main title of the article is made obviously bigger than the text of the subtitles and the body of the article in order to establish this as both the main subject and lettering of the entire piece. The first letter of the body of the article is made bold and huge to draw the readers eye to where they should begin reading. The body of the article is arranged in cascading text column to guide the reader up and down the entire article and page and eventually on to the next page of the magazine. 

Visual Thinking Research

Cube Ring Puzzle by Puzzles.com

 For this exercise, my mom and I had to identify which of the four shapes was different than the other three. My method of approaching the task, shown in the image on the left, involved looking at the overall shape of the figure. I looked at the image marked "B"and rotated it in my head to see if it would match A, C, and D and discovered that choice "C" was the odd shape out. My mom took a different approach to the task and looked at each shape as being made up of three different smaller shapes. She was then able to notice that the shapes in choice "C" looked different than the shapes in the other three choices.

Block Twins Puzzle by Puzzles.com

This exercise had us identify matching pairs of shapes. My method as shown in the left image was to see each shape as a whole and imagine them from different viewpoints. I looked to see if any of those viewpoints I imagined were similar to an image on the paper to find the matching pairs. My mom's method was to once again see each shape as a collection of three different smaller shapes and rotate them in her mind to discover which ones were matching pairs.