Sunday, October 31, 2010

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.

Sunday, October 24, 2010

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.

Tuesday, October 19, 2010

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.

Sunday, October 10, 2010

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.




Tuesday, October 5, 2010

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.