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 · 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.

Coursework · Part 4

Exercise 4.1: Playing with Words

Using the following words create typographical representations that present both the word and a suggestion of its meaning.

Sad      Safe      Sardonic      Saucy      Scholarly      Serious      Shadow Shattered      Shy      Short      Silly      Sinking      Skimpy      Sleek      Smart Snowy      Sodden      Soothing      Sordid      Sophisticated      Speed      Squat Squeeze      Stiff      Stodgy      Stoned      Style      Supine      Swagger      Sweet

 

Using A4 Paper and Scissors:

playing with words_NEW

 

playing with words 2

 

playing with words_0001_NEW

playing with words continued_NEW

 

 

playing with words

 

 

playing with words 2

Notes/ideas:

  •  Sad – small, dissolved and with a slight downward arch. Bottom of page because when sad feel low. Colour black for sadness.
  • Safe – big, bold font, upper caps, shows strength, close together shows being safe when stuck together, centre of page away from edges, safe. Colour, calming blue and with a metallic gradient and black stroke protecting letters.
  • Sardonic – I find this a difficult word to represent in type. Colour red to show negativity, ugly font, slight bulge to create not appealing design to represent ugly emotion.
  • Saucy – Red for passion and love. Thin font but with stylish flicks to create allure.
  • Scholarly – Times new roman font – clean, serif, italic, and commonly used for text. Has old feel like. Black to represent black ink used by scholars.
  • Serious – block letters all caps , thin, serif, straight.
  • Shadow – colour doge but has own shadow highlighting word.
  • Shattered – broken and shattered, stained glass effect texture and stencil like font.
  • Shy – small in corner, font is freeform handwriting type font, away from everyone else. Opacity lowered, would rather be invisible.
  • Short – standing straight but short, green with envy, green grass, font is illustrated with short curves and points.
  • Silly – long and curves which looks like smiles, colour multicolour for happy and fun. Childlike font. Stroke, looks like someone drew it and coloured in.
  • Sinking – sinking to bottom of page, bubble texture and blue colour for sea representation. A little distortion for undersea affect.
  • Sweet – orange like sweet orange and also sweets. Child like font to show sweet amd sweet packet like font.
  • Stiff – Standing straight stiff, stencil, rigid font like army. Strong blue colour.
  • Sordid – Negative word – upside down and grouped with sardonic. Red – evil colour, thin sharp font.
  • Sophisticated – strong on top, elegant calligraphy font type.
  • Speed – speeding into distance, yellow to represent light, light is fast. Font used helps looks like its travelling. Also, gradient colour, motion effect.
  • Squat – solid colour and shape, bevel, squat is strong but short, standing. Facing down like squat.
  • Squeeze – purple from getting squeezed. Squeeze transform, stroke added to close gaps. Bold but small font.
  • Stodgy – full of water, inner glow, wobbly font,
  • Stoned  – green for weed, slanted for being stoned, and wobbly font.  Opacity low  
  • Style  –   stylistic font with curves and angles, red is attractive.
  • Supine –       laying down, shadow on ground, midnight blue
  • Swagger   – cool pink, stroke, bevel, funky layout of letters.   
  • Sweet – bubblegum pink, rounded font,

 

Review:

I found this task difficult at times because I did not know how I could represent the word through its shape, colour or size. I was also not familiar with some of the words like sardonic and supine. Some of the words I enjoyed representing with type were the word speed and I found this easy to represent. Sinking was another word I felt I could represent well with the word literally sinking to the bottom of the page. I think shattered came across well with the glass like word shattered in different places. Also after a little thought, I was able to come up with the idea of the word shadow being highlighted by a shadow to show the word.

Typography is very difficult because I felt restricted with the current font types preinstalled on my system. I am aware now free fonts are available which can represent all different types of words and meanings. I think when approaching type in the future I need to think more out of the box but I think I did well for a first attempt.