Coursework · Part 4

Exercise: Hierarchy

Three different pages:

• an interview with a TV actor in a listings magazine entitled: Will Sheila tell the naked truth?

• a review of a new piece of hardware or software in a specialist computer magazine

• a book review in a newspaper’s weekend edition.
Three different combinations of typefaces appropriate for each publication can be found in the attached word document below (Magazine Typography).

Magazine Typography

TV Magazine

tv mag article

I chose the colours red and yellow as this seems to be colour of fonts found in TV magazines. The layout is also to mimic these magazines with half of the page and sometimes more taken up by a picture. The headline font is bold and simple, the font used is Arial Black. The subtitle is Calibri Bold because it is simple and similiar but slightly smaller with thinner strokes. The main body of text is Minion Pro, it is similiar to the headline font and this can be told by looking and seeing the slant at the top of the letter “t”. There is 3 short columns of text. The text is aligned to the left and ragged.

 

Computer Magazine

comp mag article

I made this design to feature plenty of white space and for it to only consist of 2 columns of text. The headline font is a digital looking font called Android Nation which really suits the style I am going for as i am trying to copy a computer games magazine.  The subtitle is Agency FB and the main body is Bell MT. I believe the font size and colours also play a part in the hierarchy.

 

Weekend Newspaper

newspaper article

 

The headline is Britannic Bold and I chose this font because it resembles old print but with style, it contains angled “t” and thin and thick strokes within the structure of a letter. The subtitle is Cambria, simple yet elegant with its tall and thin letters. The main body is Minion Pro, it’s a commonly used font and is very legible for large amounts of reading. The layout is 4 tall columns and a small image so not to create a wall of text. The main body of text is justified to create blocks of text as this is how it is normally found in newspapers to create what seems like rectangles.

Coursework · Part 4

Exercise: Lorum Ipsum

I chose this article to copy as it seems most pleasing to read compared to the other articles collected. There are 4 columns but not of equal measure, the third column is smaller. Unfortunately, I could not create this look exactly and instead created 4 symmetrical columns. I did make it so that it was as similar as possible with the image boxes and the coloured text. I noticed having the text in the different columns at different heights created a flow for your eyes to follow and this flow was descending, starting from top left to the bottom right. There is also good space between the header, sub title and main body.

I also tried to match the font but could not do so exactly. I did get close matching the letter ‘g’ and ‘a’ and having the tips of the letters rounded just like the font I was trying to copy. I could not get the title/header to be as bold as the article. The article started with a drop cap and the words were aligned to the left with the text ragged. I think having the text ragged makes it easier to read because justified text just creates a wall of text with less white space and weird spaces between words and letters instead. If anything was changed like font, alignment etc meant the article not being as legible as it currently is. I normally don’t use InDesign so it was useful and a big learning experience trying to copy this article. Overall, I am happy with my attempt.

nursery-world-magazine-crmp-article.jpg

Lorem Ipsum Article finished

Below is another attempt to copy the typography, layout and overall design from another article.

CYC_09_085_Base_Transition_Training

Lorum Ipsum Article 2 attempt

Notes · Research & Reflection

Research 4.4

This slideshow requires JavaScript.

From what I’ve seen and from the examples I collected I believe spacing between columns and regular breaks make it easier to read. If the words create a block of continues text then it can be difficult to read. A clean simple font is needed for legibility.

Images help the balance found on the page and if no image present then just empty white space or even a shape behind some text can create tension and the interest to carry on reading. Having the page split with different columns is also effective so for example the top half of the page has 2 columns and the bottoms half has 3 columns. A good size margin is also important to border the entire page and help creates focus. Colour and bold headings can also help the overall read.

I think when creating a layout, it needs to be designed like any other design, considering white space, tension, contrast, etc. The words on a page need to create a flow and need to differentiate itself from the sentence above or the paragraph before it. Symmetry and rigidness can cause boredom and a good example to compare is an article with 3 symmetrical columns compared with an article with 3 columns but with descending heights due to an image on the page.

I think the skill is in pulling back and taking in the page as a whole, noticing to where the eye leads and what shapes are created through the blocks of text.

Notes · Part 4

Exercise: If the face fits

Exercise 4.3 - Font Collection

Exercise 4.3 - Font Collection Cont'

This slideshow requires JavaScript.

With all the mock up designs I decided to have them totally plain and no colour. This is so to reflect the intentions of the message and audience intended only on the strength of the words and typography. This also made me see things clearly without getting distracted by colour and images.

  • A short story in a woman’s magazine entitled “I thought I loved him; now I’m not so sure”. The story is 1300 words long so you will need to identify a text font and a headline font.

Headline font chosen is French Script MT as the French represent love and romance. The font also conjures images of a handwriting style used in love letters. The text font I have chosen is Gill Sans MT as this is a clean san serif font which I believe is like what is used currently in magazines. The clean look will also make it easier to read as the story is 1300 words long.

  • An advertisement in a parish magazine asking for more helpers on the flower rota. The finished size is A6 landscape and the text reads: “Can you add that important artistic flourish to our church? We desperately need more volunteers to join the flower rota. If you can help or would like more information please contact Jennie jennie@vicarage.co.uk.”

For the headline font I used the font type Algerian because it has an old feeling to it. The font has a slight emboss look and its angular serif look also reminds me of the architecture found in a church/parish. For the main body of text I used the font Book Antique because it is clean serif font which resembles the font type found in old books.

 

  • A poster to advertise an after-school club for boys aged 13 – 14. The poster will be A3 size and the copy reads: “Bored? Feeling got at? Nowhere to go? Then why not come and join us on Tuesdays and Wednesdays after school in the Old Gym. We’ve got football, ping pong, table soccer, computers, Karate, cooking and lots more. All free just come along.”

I used the font Some Time Later for the headline font. I used this font on the first 3 questions because its bold and has an irregular look. It resembles a freehand style like graffiti found on a wall. For the main body I used the font Segoe Print as it resembles a freehand, script like font. The font design is something similar to how young people would write in their text books and/or found in their favourite comics.

  • Your friends’ engagement party. They want a flyer A5 size to send to their friends as if advertising a club night. The copy reads: “Mandy and Josh are finally going to do it…well almost!!!!! Come and join them on Friday 24 March from 8pm at the Golden Calf to celebrate their long awaited engagement… and yes lots of presents would be gratefully received particularly if we can drink them!!!!!

For the headline i used the font Remachine Script as it reminded me of a font style found on invitation cards. The font style has joint up letters so it gives off a personal feel as if someone wrote the heading. I like how the upper caps highlight the first letters in their names as it is their engagement. For the main body I used the font Pristine, it is slightly italic with style added to the desenders/ascenders. It also reminds me of a style found in wedding/engagement invitation cards.

I also used different fonts to change the feel of the various messages, some examples are below. I tried to create the opposite feeling of the message by only changing the font style. I feel some of the changes were drastic and prove that typography is very important.

This slideshow requires JavaScript.

 

Notes · Part 4 · Research & Reflection

Research: Vernacular Typography

 

I have found it hard to find ‘vernacular typography’. Some of the examples are simple but effective like the typical fairground font used for the fun fair. This font is a standard design used for fair grounds and conjures images of candy floss and fun games. Using a typical font can help to reinforce an idea.

The Old Macdonald’s Farm leaflet used a simple serif font to represent an old style but retains a childlike quality due to the wobble found in the letters therefore reaching out to it’s intended audience.

Some of the other fonts used seemed crudely designed with bold fonts for the header. It seems like little thought was put into the typographic design.

Part 4

Exercise: A typographic jigsaw puzzle

tracing font

My appreciation on the design behind type has increased immensely. When looking at it closely all the small nuances can be noticed. I have come to realisation that uniformity comes from the median line and the shared ascenders, bowls, serif etc.

Completing the task seemed relatively easy when sticking to the instructions of finding the median line first and then filling in the rest but more I continued I realised I made mistakes in recreating the exact font. Mistakes were created due to the many similar ascenders, bowls, descenders, and cross bars but I think I came close to the font type intended.

I am also surprised to see how a single letter can be broken down into parts and it makes me understand how there can be such a variety of typefaces. Going forward, understanding the construction will help me choose the correct font for my designs or if necessary create my own.

Coursework · Notes · Part 4 · Research & Reflection

Research point 4.2

Research in Identifying Font

Other characters:

! ” £ $ % ^ & * ( ) _ + – = ¬ < > ? / * | \ ; : ’ @ # ~ { [ } ]

Typography in Mini Undergraduate Prospectus 2018 (University of Bedfordshire)

My results using www.indentifont.com could not find a perfect match instead I was given the closest match (Linotype Univers Condensed) and 27 close matches. I think I may have answered some questions wrong due to me taking reference from the normal and bold font found in the book. I know think that these could be two different fonts even though they look identical. I was also unable to answer some questions because I did not have the letter required for reference.

I was surprised with the amount of questions asked to identify a typeface but it really made me realise the small intricacies that can change a font. At first it’s hard to distinguish between two fonts but when you look closely and understand what to look for then the differences can be seen. The small details like angle, serifs, straight leg or curve all make the difference.