The Independent Newspaper
Below is a deconstructed newspaper to identify the visual hierarchy on the page. Obviously in some cases the imagery would usually grab your attention instantly but we had to mainly focus on the type. As shown below I have listed what stands out on the page when you first look at it, starting off with the main header. It consists of a contrasting serif font in full capital letters which instantly stands out on the page grabbing the main focus, below I cut out a smaller sub heading which also had colour as it was where my eyes naturally followed after the main heading. The imagery came next with the main body text last, each element working together to make your focus and attention naturally flow exactly where it wants you to.
Unknown Newspaper
This is a different newspaper I deconstructed. This newspaper featured a lot more colour and bolder headings, I thought the first thing that grabbed my attention was the large block of colour which had type and imagery inside. The bright colour instantly stood out, it also had a clean minimal san serif type which was scaled quite largely which informed you what the picture and coloured box was about. My eyes then darted to the bold heading at the top of the page which informed me what the body text featured below it was about, you could say the golden ratio applies to this page as the bright colours, bold text and imagery keep your focus around the page and not at the small print at the bottom.
This is another newspaper I deconstructed, however I accidentally forgot to take a photo before I deconstructed it but hopefully my description will be sufficient. Its hard visualise what it would of looked like before but I have listed below at what grabbed my attention and focus around the page. This also featured a lot more colour and bolder typefaces which had different information about what was on the page. Block black boxes and bold san serif typefaces I think instantly make a difference on a page making you look at it instantly, with the positioning of them on the page your attention darts around to the smaller more colourful type giving information on what the imagery and body text it about.
Daily Mirror
This is another example of a newspaper I have deconstructed, again unfortunately I forgot to take a photograph of the newspaper before I had cut into it. Below I have made a list of the various elements that caught my attention first on the page, the header obviously first as it is a white bold san serif font inside a black box which attracts your main focus first as it is giving you information on what the page is about. Below are mainly subheadings, almost all of them are in different colours the more brighter ones grabbing your attention first, finally the body text I positioned at the bottom as its the last place you read on the page after finding out what its informing you after reading the subheadings.
Magazine
This is an example of a magazine I deconstructed. It has a more messy layout as the baseline is not consistent throughout the page with the subheadings on an angle. However I suppose it does do the job of grabbing your attention as I have positioned them at the top of my hierarchies, the bold san serif type and colourful blue font grabs your focus straight away, the imagery comes second as it makes the page more visually exciting. Finally the body text contributes at the bottom giving more information on what the page is trying to tell you.
Magazine
I don't think this is a good example of a magazine hierarchies but I did struggle on finding good examples. As you can see below the main header and sub heading stand out the most as they are largely scaled and have colour. The imagery gives more information on what its trying to inform you, with the small print at the bottom giving more price information and where to purchase the products.
Finally this is a more simple hierarchy, with a basic three grid column its easy for your eyes to flow around the page with the main header in a light blue grabbing your attention first. The subheading below then gives the reader more information but keeping it short and simple, whilst below that the main body text gives a more in depth description on accommodation which by then the reader will be interested in by reading the other parts of the page.
ASOS Website
This is the Asos website I deconstructed. This was fairly easy as instantly as soon as you hit the page the imagery grabs your first attention, it then shoots to the right with the 'This is ASOS' explaining where you are. Underneath it the gives you the information that the website offers clothes for both women and men, your eyes then dart to the banner near the top of the page which is a brightly coloured blue and orange which then tells you that there is a sale on. The rest of the not so important information is a smaller scale for you to find yourself if your more interested in the page.
