Implied Motion in Design

This graphic image contains the element of implied motion. The guy is about to be launched as soon as the bottle releases the cork. This is implied motion of expectation because we expect to see the guy riding the cork to be launched, we even unconsciously start counting down. It is also a good example of scale exaggeration and thus the designer has successfully created an image that contains energy of movement.

In this other image implied motion plays an important role. This Ad for Legos shows a toy by the sidewalk of a city trying to get a taxi and it blurs the background to create a busy street scene and to emphasize the Lego toy. The Ad uses Familiar size cue to emphasizes that its a toy not an scale exaggeration of a human dress in Lego costume. Also the ad uses strong diagonal lines and perspective, creating an converging point, to imply motion down the street to show that the toy will never get a taxi in this busy city.

Dimension/Depth/Space

Office Products now at FedEx Kinkos

Its hard not to look at this Ad again and again, but why is that? What makes this Ad stand out more that any other around us. We are used, at least those who live or have lived in the city, to see hundreds if not thousands of different Advertisements around us trying to sell or better yet stand out more than others. In this image FedEx has gone beyond paper and ink, playing with our perception by using scale. Typically, our minds use a combination of perceptual cues to interpret visual information. Overlap, Relative Size, Atmospheric, Linear Perspective, Texture Gradient etc. We are familiar with the size of a highlighter, the depth+size cue "Familiar size" telling us that the highlighter should be further away from the person walking by, but other information conflicts, making no logical sense and therefore making it more interesting and confusing. Conflicting cues cause excitement and/or confusion.

Tone & Color

Tone, dependent on context, is a basic yet important visual element for communication. In this image we can admire tone everywhere. Continues tones in both the bride and groom to emphasize their faces and to create a happy couple mood. Thought there is not much detail in the highlight or the shadows of the dress and suit, we can see contrasting detail in the mid-tones. Tone interacts most of the time with the idea of dimension. In this image there's a clear sense of deeper space. The foreground is out of focus while the background clear and with detail. By overlapping them we get the idea that the couple is far and the image out of focus really close.

Color, highly dependent upon context and contrast with other colors, plays an important role in communicating concepts and for our survival. In this two images we can see the same image but the concept changes when the color is removed. In the first picture, the green becomes the focal point and its meaning follows. The green color in traffic lights is associated with the command; proceed, go, etc while the red, stop. Then the attention goes to the bright background and then we see the two individuals standing there. It created visual hierarchy. The meaning of the message is up to the viewer to interpret. In the second image everything becomes one. No color only tone. It has meaning but no real emphasis anywhere. Color and tone are considered to work together, they interact with each other and show hierarchical relationship in both perception and design. In the first image the combination of both show mood, and a more concise message. Without tone, pure Hue has no strong meaning in this image.

Product Design

Shape

What a better way to recycle the materials instead of throwing them away. Shape, derived from the dot and line, plays an important role in design. We can appreciate how several similar curvilinear shapes interact with each other to create a whole new one, a unique chair. Using the circle, the basic life structure that everyone is familiar with, as the dominant shape helps to create a safe, peaceful, relaxing, protecting atmosphere. So,  if you want to turn your bike into a rocking chair, you know what to do.

 

Line

Though at a simple glance it might look like a normal, and modern shelf unit that could be sold at an any furniture store, there’s more a whole lot more. Line, derived from the dot and the most important visual element, shows structure and balance in this simple yet interesting and playful shelf. Line is every where, from straight, rectilinear to curvilinear edges.  

Texture

It might look as a regular boring block yet its appearance states the opposite. Texture, whether visual or tactile, frequently serves as a stand-in for the qualities of our touching sense. We are extremely curious beings but sometimes we are held against, limited by the many "Do not touch" signs that do nothing more than enticing it viewers to actually touch it. Most of out textural experience is optical, we only see, not tactile, touch, feel. In this simple block, texture, achieved through patter, was added to relieve the block from its flatness in order to create a more interesting piece.

Design Success and Failure in Relation to Syntactical Guidelines

In this example we can admire beautiful structural relationships in the visual message. Though there are minimum elements present, the message is clear and well define. The balance is well distributed throughout  the composition making it easy to read and understand the concept without spending to much time. Every element is well arranged, harmony can be found, great leveling.

This example speaks for itself. Terrible color balance. Stress is everywhere. Unable to find any pattern. No relation between positive or negative, both want to act at the same time. There isn't a single fixed point where to stop. Structure was used but not achieved. No visual hierarchy. Background image is too distracting, no headline or title or i wasn't able to find it, different colors every where which adds to user confusion, and embossing effect on Ads. In simple words its a terrible design with no plan or structure, impossible to even read.

Visual Vs Symbolic Language

In this image; woman, man, all ethnic backgrounds, a hat, chairs line up, lights, people waiting, looking around, a pair of glasses, warm clothing, waiting patiently, hands together, praying, they all have been waiting for long, waiting for their turn, rows and columns of people sitting right next to each other,  talking, a room full of people.
People have to endure extreme hardship when it comes to unemployment. Many have waited and waited for their turn, for their chance, for a job that will support them, that will at least provide them with a meal. In the photo we see that many people of all ethnic backgrounds have gather in a room of many rows and columns of chairs waiting patiently for their turn. Some look like they have waited for a long time. Since morning possibly, and constantly looking around, talking to their neighbor. In the area out of focus we can also see how one of them have her/his hands cross in hope of getting something, of getting somewhere. The main character in photo, though it looks like the man is asleep because of his head is down leaning against his hands, he portrays an image of someone that has persevere the long waiting, praying the today will be the day he will get something. Most of us have already experience the long waiting at the DMV office, just to get some document that it takes a few minutes to process, imagine how it feels to wait hours, days, weeks even months to get a job.

Visual Thinking Research

Me

My Brother's

I challenged my brother to do the puzzles with me but with a time limit. I wanted to employ the "perceptual speed" test. We are constantly challenging each other all the time so this was a pretty fun activity. We started with "The Cat" puzzle to start off easy or so I thought. It didn't took me long to solve the puzzle yet my bother was struggling still. I'm way faster than him because every time he played a video game such as "Resident Evil" where puzzle solving, dealing with riddles, and finding clues to complete a mission was necessary, i was the one who solve them all, so i got used to it. My patter-seeking perception was/is always active, constantly filling in missing pieces of information, finding ways to fill those missing pieces in, matching objects, categorizing and so on to solve the game.Everyone is constantly doing it too, they're just not aware of it. Though i finish mine first with an 18 as an answer and my bother kept getting 16 somehow every time, my answer was wrong. I kept the answer on my image and my brothers' too. On my brother's image you can see that the number was originally 16 till after he realize he wasn't counting the inside of the eyes that he change it to 18. It was until i looked at the answer that i found out the correct answer was 20. So i went back and looked at the puzzle again compering my answer with the answer sheet to see where i had miss some information. It was on the tail. I initially counted 5 triangles but there are 7. 

Me

My Brother's

The challenge was not over yet. Our next challenge was "The Quarrelsome Neighbors", quite an interesting puzzle. So we did the same thing, we set a time limit to see who was better.  So i begin with what i usually do; i categorize and match the information provided. Then i find more details to fill out the missing pieces. This puzzle was more challenging and it took me more time to figure it out . At the end it was me again who won. My brother in other hand just got frustrated so he decided to looked at my answer when i went to get a glass of water. Thought the answer wasn't exactly the same as in the answer sheet it still worked. There was more than one answer.