Tuesday, July 5, 2011

EX 17 Movement/Motion

Option 2: two examples of navigation

I think the most challenging part of creating this infographic was all the information, the designer had to think about how to separate the content. The designer did this by creating larger, highlighted title texts that sets the topic for the information being presented. The "titles" are in the lines (I think they're supposed to be like pipes--since this infographic is about water), so the topic is separated from other texts because it is highlighted by the text being in the thick lines. The titles I am talking about are the texts that say "Where is all the water," "Access to safe drinking water by region," "How does water get contaminated," etc. The blue and red lines also help with navigating through the graphic because they separate the different subjects into their own sections.  The graphic is read left to right, up down, starting with the infographic title and background on the very left, then navigates to the data starting up at the top middle going down, and then to the right side.

The navigation for this infographic was less clear to me. What was unclear was where I was supposed to look next after the main title "Female Soldiers on the front line..." because of the weight of the information at the bottom of the graphic I was drawn there. Despite being unclear how to navigate, the infographic is symmetrical and balanced. The designer solved the problem of displaying the data by separating each statistic with a title, which the designer highlighted with black and made the text white. They also put extra space between each section.

Friday, July 1, 2011

EX 14 Blog Exercise: Tone and Color


The tone is used on the model's figure, it interacts with dimension. This appears to be a design sketch, but the various shades of gray give it more dimension-- making the images seem more dynamic and dimensional.Tone builds on line. That is present in the human figure, which it's form is created by lines, various sizes of brush strokes that create tone.
The colors used are over saturated, which results in charged expressions and emotions. The colors create a kind of dynamism, they compliment the flowyness of the strokes.
I think the colors interact with movement. Movement is implied by the the various brush strokes of the color. The strokes are flowy, and with the many strokes seem to convey multiple movements.

Saturday, June 25, 2011

EX 10 Syntactical Guidelines **EX 12 is below this post!!!!!!!!!


This poster succeeds in its use of Syntactical Guidelines. There is Balance that is present, with the head in the middle and the extension of the wings which creates balance on both sides. I feel like there is a sense of Attraction and Grouping with the buildings surrounding batman because they seem to connect and creates closure which acts like a border around batman, and also there is the illusion of depth. There is also Positive and Negative syntactical guideline which makes him pop out against the background. Batman's figure would be the positive form because that is what dominates the visual experience, it is the most active element.








This magazine cover lacks Perception. The meaning of this is ambiguous, especially with the text. I am unsure which to read first, as all the text is nearly the same size and in different font. I look naturally to the face first, and then to the bold text. It is natural to read first top-to bottom, but the viewer is confused by which text to read first. I feel like this lacks Balance, since the person isn't in the center and the design isn't even assymetrical. There's no sharpening or leveling, that creates either harmony or stress. This layout is just uncomfortable to look out.

Friday, June 24, 2011

EX 12 Basic Elements - Magazine Design

1. Direction

The direction of the green lines are very explicit. They are diagonal, following along the increase of the horizontal solid white line. The deliberate diagonal direction of the lines are important in the overall stability. Diagonal lines usually are meant to be upsetting or threatening. The diagonal direction is unstable and usually the most provoking. This idea of stability suggested by the direction compliments the subject of the layout--which is about a concern for the rising demand of food and the struggling farmer's trying to meet that demand. The unstable aspect of the diagonal lines parallels with the conflicts of the agriculture-market.

1. Shape

Hudson Magazine is a magazine for shopping and design trends for the home and garden.  They chose circular designs for the cover, made by the the circular flowers and round vases. They created an asymmetrical balance with the flowers- the two smaller ones balance out the larger flower on the left. The think the main attribute gained by the use of the circles would be warmth and endlessness. The warmth aspect especially, since viewers associate warmth with the home.









3. Dimension

The designer uses chiaroscuro, the emphasis of light and shade, to create dimension on the hand. They did this by manipulating the shading at the left side of the icon, creating depth. It gives it an appearance of a 3-dimensional icon. The use of perspective also helps create dimension, the icon on the page is from the perspective of a birds eye view, one can see its depth on it's sides.  I think the purpose of giving this icon depth makes it seem more interactive.

Sunday, June 19, 2011

EX 9: Visual Thinking Research

Friend's Puzzle:
 Her strategy- was easy for her to solve puzzle. She looked at blue circles first, then red triangles, noticed the patterns were different between the top two.
















 Her strategy- first started top to bottom, payed close attention to colors which helped her differentiate between triangles.














 -----------------------------------------------------------------------------------------------------------------

My Puzzles:
 I was first drawn to the red color, then tried to match the first shapes I noticed which were the two triangles next to each other on the top bracelets. I tried pattern-seeking when looking at the two triangles next to each other.















I worked up to down. First counting the smaller triangles then bigger. I then tried to find triangles made from the smaller pieces.

Tuesday, June 14, 2011

Ex 6 Visual Perception 1



I found this infographic in an article titled "Why Californians will soon be drinking water from Mexico's ocean." This simple chart shows the desalination process to get the salt out of ocean water.  I think flow charts are a good example of Top-Down Visual Processing because there is an obvious sequence of eye movements. This chart entails goal bias attentional looking because the viewer starts at the beginning point of the chart and their attention flows in the direction to what they're trying to gain/learn. At each progression/circle, the viewer focuses and fixates to reach the goal. There are a variety of fixations. I think most viewers would fixate more on the larger circles of the chart, where the information is more relevant to the sought after information/goal--the outcome of the desalination process. I seem to fixate first and longer on "Ocean" then to "Reverse Osmosis," as I glimpse at the smaller circles alongside them, and then end at "Fresh Water." The same system would apply to more complex charts.

Sunday, June 12, 2011

EX 5 Meaning 2





Representational
The representational aspect of this image is the person. People could recognize who it is from experience. Its purpose is to pay homage to this athlete. The person is probably visibly present and represented to show their celebrity and power like the other levels do
.
- identify what role it plays in the whole

- describe what kind of impact it has

- how it relates to the other two levels

Abstract
The abstract would be the light blue illuminating light from the person's figure. It appeals to the perceptual experience. The purpose of the designer adding that abstract detail seems to imply movement and a certain aura about the person.
- identify what role it plays in the whole

- describe what kind of impact it has

- how it relates to the other two levels

Symbolic

In the design, there are present some symbols that seem to characterize who this person is and why they are a celebrity. The panther denotes the team this football player plays for, which is the Carolina Panthers. The colors symbolize the colors of the team. The purpose of this explains who this person is associated with and create a homage to him and the team.

- identify what role it plays in the whole

- describe what kind of impact it has

- how it relates to the other two levels

Friday, June 10, 2011

EX 3 Meaning 1















REPRESENTATIONAL LEVEL: This is an image of the Eiffel tower taken from the virtual online community, Second Life. This figure was virtually created to look like the real thing. The creator played close attention to detail to mimic the real Eiffel tower. The creator was detailed in the way they made the structure, showing the architecture, the "metal" pieces that make it's form. You can see the weaving/building up of the "rods" and other materials that create a texture would be present when viewing the real life Eiffel tower. This is a good example of the Representational level because this building is recognizable to everyone from our experience with it. It is recognizable to us even if we have never visited this location because of how iconic the Eiffel Tower is to Paris.














ABSTRACT LEVEL: This is a house designed by artists Madeline Gins and Arakawa. This house offers a direct connection to visual perception with the colors, lines, and forms. This house is meant to be playful and reminiscent of childhood. It plays with that with the various bright colors which remind me of toy building blocks. The house's structure seems to be formed by the many squares of different dimensions, which plays with the form and traditional structure of a house. This structure fulfills the requirements for a house--that it provides structure--but this house was inspired by expression.



















SYMBOLIC LEVEL: This is a design info poster made by a graphic design student in Germany. The student researched the characteristics and history of hats and displayed the information on a circular time matrix. There are 69 hats that are all color coded information to describe the cultural purposes for wearing the hats. Each hat icon, color, and the location on the sphere denotes some kind of information about what the era is, the hats that were popular at the time, and what their purposes were. This is a good example of the symbolic level because the designer has developed a way to use and display the information in a way that is easy for the audience to understand, successfully recording and expressing ideas to the viewer.