ITAP Lecture Three

Visual Hierarchy

Visual hierarchy is all about what you see first when looking at a piece of artwork or information. If done correctly you can portray the message across and draw people in to then go on the read or find out about more information on the subject. If done incorrectly you can bore a viewer and even make the information difficult to understand. An example of a good visual hierarchy is the Vanity Fair covers of Lady Gaga showing, a full-page picture which is one of the first things you notice about the page. Next you see the headline, being in the block capitals it stands out on the page, with the white letters against the grayish background. This is all very visual appealing towards a viewer, which gains interest from the person looking at the page. The colour theme running though out helps draw everything together, with nothing ‘fighting’ again the other for dominance of the page; everything is clearly laded out and in a readable order.

A bad example of visual hierarchy would be this would be the screen shot I have made of a website for the Yale School of Art home page. This comes across as very unprofessional as you look at the website they have obviously had to ‘tile’ they’re background image, which repeats numerous times. Also the text boxes aren’t appealing or fitting within a colour scheme, as the gradient colours are garish and detract you away from the information being presented. The layout doesn’t fit the screen correctly and there is no title for the page.

Tone of Voice

What makes an image stand out is the tone of voice used within each piece of art or information given. Everything that is used to convey a message should be done on purpose, styles, fonts, layouts, image sizes, graphic placements. If done correctly you can give the exact right message across to your viewer making them feel connected to the information. If this isn’t done correctly, the information wont be understood and the work will be useless. An example of a posters showing strong messages is this one of the US war posters stating that they want more people to join the army. The layout is simple but very effective as it gets the message across, without  ‘fluffing out’ a poster with extra writing that wasn’t needed or extra images that weren’t relevant to the message.

This advertisement for a perfume fragrance by Calvin Klein is perfect as it shows the title ‘escape’ which can be taken many ways, I believe it is the escape of inhabitations when it comes to the opposite sex, showing the man and women in an intimate scene and the complimentary scents from the perfume and aftershave, which then conveys a message of ‘if I wear this perfume something like this might happen to me’ the loss of the nervous inhabitations, keeping you from ‘making a move’ towards a member of the opposite sex.

Bibliography –
Vanity fair poster – http://www.google.co.uk/imgres?imgurl=http://2.bp.blogspot.com/_finP6a2_YD0/TG413kFza1I/AAAAAAAAAXk/cXbL5WB0-1E/s1600/Lady-Gaga-En-Vanity-Fair-UK-Septiembre-2010-Cover-Photo.jpg&imgrefurl=http://letmeeatcookies.blogspot.com/&usg=__iCOw-gDmJq61iOARTdvfhwmYo4w=&h=618&w=445&sz=73&hl=en&start=0&zoom=1&tbnid=H3LM5YlUoAj7yM:&tbnh=136&tbnw=104&prev=/images%3Fq%3Dmagazine%2Bfront%2Bpages%2Bvanity%2Bfair%2B2010%26um%3D1%26hl%3Den%26client%3Dsafari%26rls%3Den%26biw%3D1195%26bih%3D706%26tbs%3Disch:1&um=1&itbs=1&iact=rc&dur=344&ei=A6nITOy-PJXNjAe3-_34Dw&oei=A6nITOy-PJXNjAe3-_34Dw&esq=1&page=1&ndsp=28&ved=1t:429,r:15,s:0&tx=68&ty=73
Yale Arts Page – http://art.yale.edu/
USA war poster –http://www.google.co.uk/imgres?imgurl=http://lesconcepts.files.wordpress.com/2008/07/uncle_sam_lg1.jpg&imgrefurl=http://motherjones.com/environment/2009/02/nobody-knows-how-dry-we-are&usg=__bPMzoNmY_jwbzwGoUd0YGBu7b3w=&h=450&w=323&sz=94&hl=en&start=0&zoom=1&tbnid=9dFJ-dhN_jCbVM:&tbnh=143&tbnw=119&prev=/images%3Fq%3Dwe%2Bneed%2Byou%2Bposter%26um%3D1%26hl%3Den%26client%3Dsafari%26sa%3DX%26rls%3Den%26biw%3D1195%26bih%3D706%26tbs%3Disch:1&um=1&itbs=1&iact=hc&vpx=498&vpy=191&dur=5865&hovh=265&hovw=190&tx=116&ty=122&ei=yKrITIWBBpXNjAfzwKHqDw&oei=yKrITIWBBpXNjAfzwKHqDw&esq=1&page=1&ndsp=24&ved=1t:429,r:3,s:0Calvin klein Ad –http://www.google.co.uk/imgres?imgurl=http://www.eng.fju.edu.tw/Literary_Criticism/feminism/women/woman_perfume_1.jpg&imgrefurl=http://mediaenvironment.wordpress.com/2008/02/12/&usg=__pFvU2kzdf07HvSgNnsvPH3B_aJw=&h=648&w=428&sz=43&hl=en&start=23&zoom=1&tbnid=AAE0iy9uPD4m2M:&tbnh=125&tbnw=82&prev=/images%3Fq%3Dperfume%2Badvertisement%26um%3D1%26hl%3Den%26client%3Dsafari%26rls%3Den%26biw%3D1195%26bih%3D706%26tbs%3Disch:10%2C437&um=1&itbs=1&iact=hc&vpx=110&vpy=218&dur=738&hovh=276&hovw=182&tx=105&ty=140&ei=8a3ITNynL9vNjAe478xv&oei=5q3ITMDGDJO7jAflrKzkDw&esq=2&page=2&ndsp=30&ved=1t:429,r:0,s:23&biw=1195&bih=706
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: