Movement/Motion

Ingrid Alfaro

DAI 323

Assignment 12

Movement/Motion

Implied Motion in Design

http://www.coroflot.com/

This image perfectly reflects movement and motion through the high level system derived from perceiving form then movement which is affected by the knowledge of kicking a ball. The designer implied motion by adding lines that points to the object who is the soccer player so then the movement in the still image happens with the effect of the white lines that implies speed coming towards the viewer. The way the soccer player’s leg is high up and coordinates with the direction of the ball moving away we can see that the motion and movement is achieved with graphical motion and our knowledge of the real world. Not to mention but I believe the designer might have run into a problem of showing speed. As mentioned before I think the best approach to the designer’s problem was to add linear perception of depth and which implies motion, movement and as a result we get an add that communicates fast strong  movement trough the player and the result of the ball been kicked really hard.

http://forums.mtbr.com/

This next image we can appreciate depth, motion, movement created with a pattern flow. The motion and movement is created by the movement of the biker traveling across the woods. We can feel the movement of the trees and bushes coming toward us the viewers; which are passing by us from the sides in a very fast motion. This motion creates a blur to the things closes to us. This creation of blur helps create motion/movement and change throughout the image. In this image the low level system of perception is active. The low level system consist on perceiving the movement then form; which according to the notes this is developed fast and is not affected by the knowledge of the world.

Dimension/Depth/Space/Scale

Ingrid Alfaro

DAI 323

Assignment 11

Dimension/Depth/Space/Scale

http://blog.rave.ac.uk

While looking for some magazine covers I run into this image which I found very interesting because of the sense of depth, scale dimension, and space. Here the eye is using the muscles (oculomotor cues) – and the visual cues to interpret the 2.D image and has a 3D vision. The depth perception is created by the objects used in the space. The objects help create depth because of the scale size perception in context. There is also a lot of overlapping going on in the space. Besides that we can also appreciate a vanishing point from the upper right corner of the magazine cover. There is also atmospheric perspective going on as well as familiar size of the objects around the space. Texture gradient is also displayed which is reflected through the windows from the buildings. I believe the way that the way the design techniques of perception scaling, sizing the objects created a successful image that clearly communicates what I have talked about above (Dimension/Depth/Space/Scale).

Tone and Color

Ingrid Alfaro
DAI 323
Assignment 3

http://www.brandstoryonline.com/

This image is the one that it stood out the most for me while searching for advertising. The tone and color applied are very interesting and attractive which makes the advertising simple but yet successful in communicating the message of the product.

Tone is operating in the human figure as well as light and dark which it helps bring out the human figure plus the details on the pants which I believe it gives the whole composition that extra spice that helps define more of the human structure.

The advertisement also incorporates interaction with another visual element which is movement by using the dancing human figure. The elements that help represent this motion of movement is the hair, the arms been swing back, the leg high up, and the way the whole body is positioned. On top of that the hues tones of gray on the tips of the hair help the motion more vivid.

Another important element to analyze here is color. The way color has been applied in this example helps create a pop-out effect, since the negative and positive layers of spaces have created a dominant image for the human figure and the product which is the iPod. The red background makes the human figure stands out and the white iPod stands out from the person as well. The iPod cord implies the line basic element interacting with white color used as well as creating that pop-out effect.

Due to the color white use for the iPod the design creates a contrast with the human figure and which also makes it stand out as the focal point in the design and also creates motion of movement by following the white line from the ears to its end point which is the iPod.

I believe that taking into consideration and analyzing the elements of the design it really creates a very interesting and strong advertisement which successfully catches the viewer’s attention and transmit the message very clearly.   

Magazine Design

Color/Tone

Color is active in the Z!NK magazine design as the main necessary of the layout to implement focal point in the magazine’s  name and the present issue which is fashion. The role of this element is to emphasize the message of the fashion issue with the bight yellow color against the black background. Tone is also active as well due to the pigmentation of the gray scale and light in the photograph. The role of this element is to express distance between the object and background, helping the element of color stand out and function better by communicating the message to the viewer.



Texture

Texture is active element in this magazine design due to the layers of the white lines which creates contrast between the colors in the back. The role of texture is to create a 3Dimentional feeling and a more realistic design.

Movement

Movement is active in the magazine layout by the graphical image containing vertical lines made of a collage, which creates differentiation between the lines and the picture in the back. The role of this element is to create motion in the design to activate eye movement through out the whole composition. 

Visual Thinking Research

Ingrid Alfaro

Assignment #8



The Visual Thinking Research project that I (Ingrid) and my friend (Erica) did together was tested on two puzzles from puzzles.com. The first puzzle we did was “The Cat”. The instructions were to find and count all the triangles in the picture. My strategy on counting 20 triangles in the picture was based on the reading “Images in Action” by Mckim. I was able to use the pattern seeking- finding technique in order to find the triangles along picture. Besides that I also utilize the categorizing pattern technique which helped me put together the shape of what was to be considered a triangle. Another technique that I put into use was the pattern completion due to the fact that some of the triangles in the tail were not complete which all added to 7. The rest of the triangles can b find in the body=3, and 10 along the face with that said I also used the visual memory which helped retain in record of the amount of triangles displayed.

My friend Erica came up with 18 triangles, she basically used pattern finding, categorizing, and visual memory. She did not use the pattern completion technique which is the reason for her not to be able to find the other two triangles in the picture.

The second puzzle that we both worked on was “Name the Month”. This puzzle consists on guessing the month by visualizing the symbols provided. I came up with the answer a little faster than Erica. The reason for that was because there was a cognitive illusion involved at the beginning which rapidly transformed into an inverse drawing technique and that was the reason for me drawing the horizontal line along the symbols, and that is how I figure out that the month was July. Erica did figure out the month of July but she apply spatial analogy as visual reasoning when she analyzing the 4 symbols and the months that have 4 letters.



Visual Perception and Feature Hierarchy

Ingrid Alfaro

DAI 323

Assignment 7

Visual Perception and Feature Hierarchy

http://www.designm.ag/

The fallowing poster shows a good example of Visual Perception and Feature Hierarchy, because it implies a composition of lines, contrast, direction, along with preattentive channel techniques like color and shape. We can see the layout of the lines creates contrast, movement; which helps differentiate the color applied to the main object. Color happens to be one of the most powerful hierarchy channels in design. The way visual perception works in this poster is by using “bottom-up” processing. Once you see the poster the mind is already telling you what is different in the composition. That information is transmitted to the “what is that” part of the process, then it process the information and it tells you “that is a yellow block”, and then it refers you to “where” the yellow block is located. The eye does rapid movements finds the yellow color then it tells you the shape and where it’s located. The combination of Visual Perception and Feature Hierarchy is very important in visual search because it helps gather information, and communicates the message of the design in a very fast and effective way by attracting attention, and this makes the research very efficient.

Top-Down Visual Processing

Ingrid Alfaro

DAI 323

Top- Down Visual Processing

 

The following image represents the top-down visual processing, because by taking a quick look at the design all we see is bunch of letters. But after that what we see the color red since it creates a lauder signal. The fixation created lets the viewer identify specific details; which helps anticipate the seeking of what exactly we are looking for. At this point we are processing and the goal is to discover the message behind it. All this is accomplished by the eye movement. We first recognize the feature which is a pool of letters then we see the color red at this point we are processing our next move towards our goal. After that we go back and start identifying all the red letters in a chronological order and that is when we start discovering the message meanwhile the surroundings become blurry and meaningless.

 http://www.vanseodesign.com/