Movement/Motion

Example #1

(http://www.ttthings.com/images/uploads/veerle_ttthings_what_is_graphic_design_3.jpg)

In this image is a example of implied motion through graphic design. In this image a person holding a tower of boxes that get smaller towards the top of the pyramid that are all toppling over. The image tells a story in its own way. There is a certain before and after effect that is being created. The viewer is aware of the motion and movement that is happening by the directional cues. This illusion is created by the unbalance of the picture. The viewer feels the off balance of the boxes tumbling because of the way they are grouped. You almost tilt your head to the right when your looking at the picture to balance and stabilize it. It is this technique that creates the movement feel.

Example 2

(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD55qZfkHatyMXn8E_adrISvlNGTdJKr-YCjJw84vOo7Fg-xej615tZn3V7nMdQ7_GThS5WrDgjRHJEWrq3pTd39mxXLTb0AXAhi3DHqjyQILesJcHPX23z_PqXhZy-maO4t6kDQH9pRM/s1600/nike-meteors.jpg)

This is a second example of implied motion through the use of graphics. This add,by Nike, illustrates a shoe that is shooting through space much like a meteor, catching on fire as it quickly descends. The viewer is aware that it is space because of the dark background and stars in the distance. The physics of this picture helps aide the illusion of the shoes rocketing through space. It looks like what a meteor would look like traveling. The sparks and fire in the front and the trail of smoke in the back create this illusion. The expanding of sparks off the back of the shoe to a focal point gives the suggestion of movement. It also conveys an outward rush of emotion and energy. The diagonal direction is also key in helping imply motion as it is a mental conformity that items placed at a diagonal must roll in the downward motion.

Dimension/Depth/Space

Above is an example of digital design that creates the illusion of depth. The image consists of a couch, table, flower pot, and a wagon filled with watermelons. A random grouping of objects but the way they are placed is key to creating depth. The image contains a linear perspective that is accentuated by the light and dark blue vertical lines. The parallel lines seem to recede back into the a horizon line creating that feeling of dimension. The shadows and lighting are key as well. In this image we can sense where the light source is coming from by the shadows. The light source in this image seems to be over head. It also gives the image a 3-dimensional feeling. You can see that the wagon is furthest from the light source since it casts the most shadow. The layering and overlapping of the object is another cue to depth. The wagon is closest to us, then the table, then the couch, then the wall. This effect is done by the overlapping and placement of objects. Texture also is used. Mainly the texture of lines. Color and value is used to create depth as well. The walls have a gradient of dark to light which keeps the illusion of dimension. The color also is key with where the light source is. All techniques create the illusion of depth and dimension in this image.

Tone and Color

1.

In his example of a graphic design poster there is a definite juxtaposition of tone used. There is an intensity of dark and light values. Example being the dark, black font and lines compared to the muted tones of design in the background. This technique brings the words "graphic design is about.." into the greatest focus. The addition of the light tonal background details reinforces this appearance. If the background was the same tone as the font, it would create a busy, chaotic image. The designer used tone in his/her advantage with texture as well. The tonal textures create a feeling of 3D or depth perception in the poster.

The colors used in this poster are very muted and saturated. There red, blue, and yellow colors used are almost saturated into their gray state. The neutrality of this image gives a feeling of stressless, calmness and restfulness. Here color is also used with texture to create its overall feeling.

.2

In this second example of a graphic design poster there is once again a definite juxtaposition of tone used in this poster with the intensity of dark and light values. The dark tones of the shadows create reality through the sensation of reflected light and in the cast shadows. The variations in light and dark help the viewer distinguish the visual information of the environment being displayed. Without tone this image would appear flat and without depth. It would also be visually less interesting. The designer of this image also used tone with texture as well. The tonal textures of the lines also create a feeling of 3D and depth.

The colors used in this poster are very bright and highly saturated as apposed the the poster above. There red, blue, and greens colors used are bright, vivid, and in a pure form. In return the image has a lively feeling. The colors create a feeling of excitement and spiritedness. Tone and color are very much used with lines in the right side of the poster. The thickness, shade, and color of the lines directs the viewers eyes around the image in a fun way.

Week 9 Dondis Basic Elements

Three of the Dondis Basic Elements used in graphic design that appeal to me are Lines, Shape, and Color as they are the most clear and easily recognized in the simplest forms of visual communication.

Lines-

Lines are the most basic elements of visual design but can often create the most elaborate effects due to their simplicity and flexibility. Alone or in combination with other lines they aid in the readability, appearance, and message being portrayed by the designer. Lines are used to organize and texturize images. The are a good indicator of direction and movement. If used effectively by the designer, lines are able guide the viewers eye across the composition. Lines also can make a statement and convey universal meanings in graphic design.

The repetitive use of one continuous line in the example below effectively directs the viewers eyes around the design and creates a complex image with the use of only one line and varying line weights.

Shapes-

Shape is also an interesting and extremely important element in graphic designs of all kinds. Ranging from rudimentary geometric shapes that we learn to identify in grade school like that of circles, squares, triangles, and so on, to free form abstract shapes produce varying effects in multiple graphic designs. Alone or in combination with other shapes they can convey a universal meaning and also guide the eye of the viewer. There are many types of shapes a designer could choose from: geometric, natural, and abstract (mainly depending on the overall goal trying to be portrayed). Symbol shape could also be used universally by the designer. In this image below, abstract shapes create a very interesting effect on the eyes of the viewer as the use of these particular shapes imply movement without anything in the image ever moving a millimeter.

Color-

Color is another factor of design that often makes

the largest impact on a graphic project . The use of the right colors can add extreme dimension, and invoke emotions in an effective and clear manner. In this image the extreme contrast between the dull yet imperative black, white and gray ink work and the interesting, emotion invoking bright red and blue accents create an eye catching image.

Week 7 Visual Perception 2/ Feature Hierarchy

This is an example of a poster/dvd cover design that I discovered online advertising three of the famous Star Wars movies. The degree that I am now working towards is in Graphic Visual Communications, which I hope one day will allow me to get a job in the book publishing, or movie industry designing either book/movie covers or posters. In the case of this particular poster, I hope to one day design great images like these as it is primarily the bold color scheme and recognizable shapes of the movie characters that catch the viewer's eye first. With the combinations of the character silhouettes amongst the bright white negative space and the posterized limitation of colors in each of the posters, the viewer's attention is first grabbed and then drawn downward to the rest of the written information displayed in white and the repeated bold color of the singular poster scheme. Over all I love this design for all of its easily recognizable yet abstract imagery and I hope one day to design something equally incredible.

Top-Down Visual Processing

Beans&Beyond Advertising Piece

In this image is an excellent example of top-down visual processing. As a viewer the center image of the makeshift owl is the first thing the eye sees. We automatically make out the large eyes, sharp horned ears, and the large breasted body. After a slight second of delay we then begin to see the many layers of material that create the overall image. Quickly we see that the easily identifiable owl like eyes and beak are actually two full, freshly poured cups of coffee, and the birds ruffled feathers are a shaped pile of coffee beans. These multiple aspects are taken in an automatic fashion, thus emulating top-down visual processing

It is my goal currently that one day I may graduate with a degree in visual graphics and eventually work for a publishing house designing book covers for novels. In these two images one can see the many differences between good graphic cover design and chaotically bad cover design.

In the first image of the well known cover of the popular book written by Stieg Larsson, "The Girl With The Dragon Tattoo." In this design one can see how the composition of visual elements can lend to a very interesting and eye catching design. The title of the novel, with its interesting and flowing placement throughout the page guides the eye throughout the page, creating an abstract image while still remaining legible and readable. Over all I absolutely love this cover because of its simple complexities of limited color, and composition.

In the second image one can see how oddly mishmeshed compositions can lead to a structurally bad design. In this cover for the motivational book "Pocket the Best Jobs in the World" we obviously see the visualization of the title in the central image, the earth peeking out of the back pockets of someones blue jeans. However, after that one piece of clever imagery all other components of the cover are splattered across the page. The title is in a too small, odd script font in an out of place red stroked white coloring at the top center of the page, and the rest of the cover is a heavenly blurred mesh of golden yellows and whites disguising some unidentifiable background image. Over all in this cover design too many 'fancy' decorative elements were stuffed into one small page, and their placement of these numerous elements were not thought out enough, which is what I hope to avoid doing in my future career.