Design Principles - Type Hierarchy: Magazines (3)

I decided for this one I would look at a page where the type is predominately body copy.

The first thing to go was the title, however I found this unusual as it was still really small.

The blurb went next.

The red background attracted the eye and the first paragraph went first.

After that each one went down chronologically.

THe next thing was the subheadings of each section.

The red text underneath linked to the block which the type was on.

Your eye automatically scans back up to the first paragraph.

and goes down to all of them.

Ive noticed that apart from paragraphs in colour they tend to be read in the correct order unless large words or quotes stick out which then pulls you into that section.

Design Principles - Type Hierarchy: Magazines (2)

Once again in the title stood out first as it should due to its larger point size and colour.

The blurb then is the next logical step.

THen the intro paragraph.

THen my eyes skipped straight to the text highlighted by a blue box.

THen the lighter blue type.

THen the main paragraph.

And the smaller info last.

During this one I noticed that after the title and any larger text the next thing that stands out is anythign boxed off because it takes away from the bulk body copy.

Design Principles - Type Hierarchy: Magazines (1)

The first thing that stood out was the title. This is because it was bold in capitals and also red which is the same as highlighting it - it attracts your attention first.

The smaller subheading was naturally next as my eyes followed it down.

Because the next piece of information was in a banner and directly below it took your attention.

The next 2 were the pieces of text which didn't look like a type heavy paragraph.

Then the main paragraph

And the smaller body copy...

Overall you can see that there is a correlation between the point size and the order it is read in. The smaller the point size the more likely you are to disregard it and it goes lower down on the type hierarchy. Interesting! Also type in a different colour compared to the rest stands out first - this is useful for adverts who want to attract your attention.

Design Practice - Colour: Paper Task

Pantone codes for the paper:

Green Paper - Solid Matte - 376m

Orange Paper - Solid Matte - 166m

Yellow Paper - Solid Matte - 127m

Blue Paper - Solid Matte - 2915m

Red Paper - Solid Matte - 200m

For this task we had to pick 4 objects (each a different colour) and place them on to coloured paper. The point behind this was to see how the different coloured paper affected the colour of the object. Sometimes it made the object darker or lighter or even more saturated.

ORANGE

The green is a complimentary colour. The green has a slight tint of orange in it when they are placed together. The green makes the orange uncomfortable to look at.

The blue cools down the orange and makes the tone darker. The contrast between the two make the orange stand out prominently from the background.

The orange is so bright on the orange it almost blends in. It makes the temperature a lot warmer.

The red makes the orange hue darker

The yellow makes the orange look more saturated and a brighter, stronger colour.

 YELLOW

The yellow on red turns even more yellow. The contrast is high and the yellow stands out as a fully saturated block colour. 

The green really dulls the yellow down and the saturation of the yellow is lowered.

The yellow on the yellow makes the back look darker, this in turn, pushes the backing to the back and makes the object stand out. 

The blue makes the yellow seem prominent and own the page but it does not make the colour look as saturated as the red backing.

RED

The red balloon on the red paper blends in. The tone is the same for the paper and the balloon.

The red almost becomes neon on the blue background. It gives it a warmer temperature and almost painful to look at, you cannot really see the edges.

The red on the yellow makes the red a really dark tone. The hue has been lowered and the red stands out with clear edges. 

Red on orange blends in but not as well as on the red paper. It turns the balloon more orange than red. 

GREEN

The orange is a complimentary colour for the green. It makes the green darker and also makes the orange look like it has a hint of green in it. 

The green backing makes the coaster lighter, mainly because it is a lighter green. If the backing was darker it would bring down the colour of the coaster.

The light blue lifts the colour of the coaster and makes it tonally lighter.

The red background makes the coasters hue saturated and dark.