Typography – Brief 5

We were tasked with the brief to create a ‘Typographic Information Graphic‘ A4 size.

Step one consisted of reading the blog by Wendy Corbett titled ‘Lets talk about fonts’ as linked below:

https://wendycorbettdigital.com/2020/07/31/lets-talk-about-fonts/

and from reading through this blog I configured a mind map including the information that I learnt about typography. This mind map is pictured below:

This mind map shows all the different things that I gathered about typography from Wendy’s blog.

The first section is about classifications which includes different decorative styles, script and manuscript fonts, variable fonts, the legibility and readability of each font and how you should work with one variable font.

The next section was colour, this included how colour can be used to accompany the contrast of typography and emphasise the contrast more too. Also includes about how the different colours (ie. shades, tones and brightness) can communicate different moods and messages according to the specific colours used.

The next was contrast and how the contrast can be utilised to emphasise the message of a piece of typography, this can be emphasised through the font used, boldness of colours and font sizes of specific words or letters.

The next section was hierarchy which can be emphasised through the font sizes and shapes of typefaces (e.g. the bigger the font, the more important it is.) and also hierarchy in communicating to a target audience, one example of this is brighter colours appeal to younger audiences as this is what they are drawn more to and relate to the most. Brighter colours contrasted with darker colours can also emphasise the difference between two moods.

The next section was about shapes, this relates to the typefaces of fonts and also readability too. This also includes using different shapes to create a word or letter or even using objects to create words. Shape also creates authenticity, using consistent shapes or objects can make your typography more original and familiar to you as its creator and it helps to communicate a septic message consistently.

The next section was size and how this communicates meaning. Apple’s SF font is a really good example of a font that is efficiently readable at any size. Size also relates to hierarchy and contrast as the different sizes can emphasise different comparable messages.

The last section shown on my mind map was style, this includes the concept of anti-aliasing and how its bleak and is similar to serif but more prominent. This also includes about the classification system of fonts which has 15 different styles within it. Also the concept of ‘Apex’ which is used to refer to the top of the letter form.

Step two then consisted of me creating a mood board to further emphasise the aspects of my mind map about Wendy’s blog that inspired me as shown below:

After expanding my knowledge and understanding from the blog and creating an inspiration based mood board, I decided to create some rough concept ideas for my A4 infographic. These concept ideas are shown below.

1.

This poster displays three different aspects of typography that I felt really define and communicate the meaning of a piece of typography. Size, colour and contrast are all things that really stand out to me and are three things that I really consider in depth whenever I make typography.

2.

3.

After exploring these different concept ideas, I chose to use the history of the serif font as my infographic theme.

I used the same rough mock up idea but spaced and positioned everything to make it more readable/understandable, I also added dates to make it more of a timeline and to give a little more context behind each font.

Displayed below is my finished typography infographic based on the theme ‘the history of the serif font’.

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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s

Create your website with WordPress.com
Get started
%d bloggers like this: