Exercise #15: Interaction Between 3 Levels

This is a design that relates to visual communication design because it is a logo design for a company. It clearly demonstrates all three levels of visual design communication: the representational level, the abstract level, and the symbolic level. In a whole, it's representational because we recognize it to be connected to the bank, Chase. So it is a symbol that represents a bank. It impacts the viewer by having them memorize a symbol instead of a name to represent a bank. It's an abstraction because its reduced to it's most basic form while also providing the viewer with an emotional response. It's a form of symbolism because it communicates to the viewer that you need a shared knowledge as society to be aware of what this symbol represents. The three levels relate to each other because basically its an abstract symbol that represents a bank.

Photo found at:
http://logodesignerblog.com/bank-logo-designs/

Exercise #14: Three Levels of Design

Representational:

This is an image of a dollar bill zoomed into one of the corners which contains what's known as "The All-Seeing Eye." Below the pyramid/eye symbol are the words, "Novus Ordo Seclorum," which can be translated as, "A new order of the ages." This is a form of representation in an item that we use on a daily basis. All Americans have seen it, but not everyone knows what it is or what it represents. To the viewer, it can represent many different things. Either that the Government watching over the people, or that nothing is hidden from the Government, or that the symbol of an eye is a universal energy. In this case, the representational form has transformed into a symbol of an eye.

Abstraction:
This an abstract image made up of lines, shapes, and color. To the viewer, it communicates abstraction because we are not visually seeing a photograph or still life painting. We see lines, color and shapes that make out a highway with cars on it with a city in the background. This is based on our knowledge as a society, not all people may see a city and a highway. It is an abstracted form because the viewer contributes an emotional response to the painting by adding their own imagination to what they seeing. The colors can impact your emotions by making you feel like your in the city, or that your stressed out, etc.

Symbolism:
This is an image of a symbolic representation of today's society. Many people have seen an evolution photo of how man developed from apes. This is a humorous photo of how man evolved from apes to man to pigs. The viewer can see how the evolution occurred and then developed into what most people view as men. Before the man turns into a pig, it shows a fat man holding a McDonald's bag and drink. This man is a symbol of how today's society is eating too much fast food and developing an unhealthy diet and also not exercising and becoming lazy.

Photos found at:
http://www.jesus-is-savior.com/False%20Religions/Illuminati/dollar_ase.gif
http://averellgallery.com/images/2002_02_Abstraction8_page.jpg
http://joeoreilly.co.uk/blog/images/evolution.jpg

Exercise #11: Contrast

In this magazine layout, I believe the use of contrast adds to the success of the design. The contrast in color helps us see the strong juxtaposition between the two wolves. The contrast in scale of the wolves displays the importance of the article. The image and the article show contrast because they are competing in size and depth. The color used in the article complements the colors in the photo, creating harmony between the photo and story.


In this magazine cover, I believe the poor use of contrast adds to the failure of this design. The contrast in color and tone can be frustrating or too much for the viewer. The red used in the cover are all the same hue, so the contrast isn't strong enough for the viewer to differentiate what those objects are. The layout gets confusing because of all the bold colors especially from a distance pr if you squint your eyes. However the bottom does contrast with the top of the page because of the lightness and darkness. However if we were only to focus on the top, it doesn't seem to work well.






Photos found at:
http://www.xenu.net/archive/media/time910605.html
http://www.nwf.org/News-and-Magazines/National-Wildlife/Animals/Archives/2005/Africas-Lone-Wolf.aspx

Exercise #10: Motion/Movement

This is a website known as Graphic Archaeology. The user can navigate through a lot of different graphic art. The website gives you an option to either navigate through the slides on the bottom, or the titles on the sidebar. It also has another form of navigation in the top. Which is a way to move to another categorized page, to either submit your work or learn more about who runs this site, etc. As you can see the website also has arrows on the bottom left where the site allows the viewer a type of linear navigation rather than clicking on each slide. It allows you to go through the slides one by one. The only problem with these type of navigation on this page is that there is a lot of different types and not all of them seem easy to use. Also for some people it may not be easy to see because there is so much going on in the website, some of the navigation might be hard to locate.
As a user of the iPhone, I have always found the navigation very easy to use and fast. In this image it shows some type of group chat going on. There is a bottom navigation bar that allows you to go back, forward, add another person to chat, or to open another website. There is also an open space for the user to type and a send button parallel to it. On the top, it also allows you to go back onto the main page. Almost anything you open on an iPhone will give you these options. I think why many people are fans on the iPhone is because the navigation is so clear, easy to use and it allows them to move through space without getting stuck or not knowing what to do.


Images found at:
http://www.otherthings.com/grafarc/
http://productblog.37signals.com/products/2008/01/launch-campfire.html

Week #9: Dimension/Depth/Space

The photo I have chosen is from the virtual world, Second Life. I chose this photo because it relates to graphic design as well as Veeder’s Depth/Size Perception notes. The image creates a graphic illusion of space to the viewer because it makes the computer screen look as if it has a three-dimensional dance party going on inside. This image relates to overlapping, relative height, and even linear perspective. The depth cue, overlap, occurs where the woman with blonde hair is standing in front of the man in white pants and the woman with a red shirt. From this perspective, the blonde woman seems closer to the screen because she is overlapping the two people behind her. The image relates to relative height because the woman with purple hair is below the horizon line which makes her seem closer to the screen, as opposed to the woman in the red shirt that is above or on the horizon line that seems further away. The linear perspective in this photo is a main component because the floor, ceiling, and walls have a lot to do with how we visually see this image. The picture appears to be in a 3-D space even though were viewing it from a 2-D surface. The linear perspective in this image indicates greater distance as the walls go back and it appears that the vanishing point would be behind the woman in the red shirt.

Photo found at:
http://www.rpgonline.com.br/games.asp?id=117

Week #8: Tone and Color

Tone operates in this picture by showing gradients on the bottom on top of the poster. There is a sense of light to dark pattern being depicted through the color scheme. The tone in the poster interacts with the visual design element of lines. On the top of the poster, there is a yellow gradient that shows presence of light while lines are beaming out of this light source which makes it feel like there is a sunrise in the distance. Color operates in this poster by context and theme. The theme of the poster is a Memorial Day celebration at UCLA with Jam Day and Reggae Day. The colors chosen for the event are festive, fun, and give the poster a Jamaican vibe. Color interacts with movement. Although there is no physical or digital movement occurring in the poster, there is a visual movement with the use of color. In the bottom green area of the poster, it shows two shades of green with curves. The curves and different colors makes the image have a sense of movement like waves in the ocean.


Photo found at: http://www.last.fm/festival/602507+The+22nd+Annual+JazzReggae+Festival

Exercise #7: Basic Elements

Tone

Tone is active in this website layout because it builds off the lines which occurred in the development process of this layout. There is a border around the page to focus the viewer in the center of the page. There is a light to dark pattern on the page. For example, the background is black while the centered page with content is white. The menu bar and company bar has a black gradient flowing through it to create tonal value. The tone is active in both the design process and the final result of this web page.

Color

Color is active in this website design because the color is dependent on the content on the page. Although there is not too many colors used, it is used in a way that simplifies the navigation of the site for the user. The colors used are two shades of red, gray, and white. The lighter red color is used for titles or the most important information. The darker red is used for the user to understand that they are clicking on and what they are reading. The white is the background, and the gray is used as a subcategory color for the less important aspects. Therefore, color performs as a hierarchy. Color is active in both the design process and the final result.

Line

Line is active in this website design because it is used on the sides of the page to create a linear border. There are also lines that surround the menu bar, as well as the sidebar on the left side of the page. The line performs the job of organizing the page for the user to better understand what’s going on. I think that the lines succeed in how they perform on this page because it’s clear what their purpose is. The line is both active in the design process, as well as the final result in this case.

Photos found at: http://shashi05.deviantart.com/art/Adidas-Website-Design-89966296 http://adrialdesigns.com/website-design/laurus-foundation-website-desig/ http://www.completewebpagedesign.com/webpagedesign.html