Tuesday, 13 November 2012

DESIGN PRINCIPLES - TYPE AND CHARACTER

TYPE AND CHARACTER


In todays seminar we discussed type and character. Firstly, last week we were requested to identify a font and collect important information about it. In turn, we then each presented our information to our group.  I collected information on ‘Gill sans; which can be seen below.

‘Type is speech made visible.’

The arrival of digital pint fundamentally effected type and typography due to the ease and speed of production.

‘Who needs type if nobody can read?’
The increase in literate people created a demand for type, before printed news, town criers were responsible for informing people of current affairs.  

Type portrays oral dynamics such as; tones, accents, and volume essentially visualising the spoken word.

Type can portray character when used in relation to an image.

Colour can affect our perception of a font, such as the common association of red as a seductive, sexy colour.

Type Vocabulary


Font
Typeface
Font Family
Weight
Stroke
Upper/Lower case
Tracking
Kerning
Serif
Sans serif
Script
Blackletter
Display
Monotype
Symbol

Typeface – A collection of letters, numbers, symbols, punctuation etc. Which have the same design.

Font – The physical means used to create the font, be it computer code, letter press etc.

Font types


Roman – serif fonts
Gothic – Sans serif fonts
Script – hand rendered looking fonts
Block – Display/header fonts.


There can be multiple fonts in a single typeface. Moreover, you can also have multiple font types within one typeface such as  condensed, extended or light type.

An easy way to define script fonts is to look for a change in weight. This often happens because of the stroke used to create the letterform.

Legibility and Readability


Firstly, legibility and readability are based on the special quality and knowledge about the relationship between letters.

One way we are able to define letters is by looking at the counter, which is the negative space left by the letterform whether fully closed or semi open. Moreover, negative space can also define a letterform or shape. A prime example of this can be found within the ‘FedEx’ logo below.




The logo uses the negative space left by the ‘E’ and the ‘X’ to cleverly create the shape of an arrow. This is a great logo design for a company focused on delivering goods.

However, this can also be done badly, an example of this can be seen in the logo created for the ‘Office of Government Commerce’



Sans serif fonts are more legible at 12-16pt size, whereas, roman fonts are more legible at 8-12pt sizes.

Legibility – The degree to which glyphs in text are understandable and recognisable based on appearance.

Readability – The ease in which text can be read and understood. It is influenced by line length, primary and secondary leading, justification, type scale, kerning, trading point size etc.  

Leading - the space between characters.
Tracking - is increasing the leading.
Kerning - is condensing/reducing the leading.

At the end of the session we were requested to complete two tasks. The first requested us to identify the all fonts belonging to the typefaces we collected and select the most legible. This will be documented and printed for the next seminar.

The first typeface I looked at is called 'Blackoak STD' this typeface has no font variations or lower case. Moreover, when used at a small size the font becomes illegible.




The next font I looked at is a serif typeface called 'Birch std'.


Next, I looked at a font called Calibri, this font had italic, bold and bold italic font variations.


Next, i looked at an elaborate script font called 'Edwardian Script'.


Finally, I looked at a bold display font called 'Hattenschweiler'.


Out of all the fonts I looked at Calibri was the most legible font. This modern sans-serif font would be classified as a gothic typeface, due to the lack of serifs and clean letterform. I believe Calibri is the most legible font because two of the typefaces are display fonts and ‘Birch std’ looks like it has condensed letters. Contrasting this, Calibri has even leading and a recognisable letterform, making the typeface perfect for small print and bulk text.



The second task required us to choose four new fonts stemming from the classifications of  block, script roman or gothic. These had to be arranged in 10cm by 10cm squares in both upper and lowercase. My chosen fonts were...

Rockwell Extra Bold



Gabo Drive





Constantia



And finally, Mission Script


Tuesday, 6 November 2012

DESIGN PRINCIPLES - VISUAL LITERACY


In today’s seminar, Fred introduced us to the anatomy of type.

We first were introduced to the different materials used to generate type, some of the materials are old and have been used for centuries, others are new production techniques that have been introduced to the design industry in the last twenty years.

Stone
Sable
Bone
Wood
Lead
Silicone

Next we looked at the dictionary definition of typography to give us a clear understanding of the word.

ty·pog·ra·phy/ ˈpägrəfē/
Noun:
1.      The art or process of setting and arranging types and printing from them.
2.      The style and appearance of printed matter.
Synonyms:
 Printing

After this we were split into groups, we had previously been set a task to collect examples of five alphabets, each with a different characteristic. The task required us to sort the fonts into five groups defined by type characteristic. We had to think of the defining characteristics of each font, this formed our five groups that were;

Serif
Sans Serif
Bold
Light
Script

Upon completing this, each group had to read out how they had categorised their fonts, this formed a large group list of type characteristics;

Calligraphy
Script
Basic
Block
Modern
Roman
Classical
Bold
Cropped
Archaic
Retro
Futuristic
Divided
Free
Ridged
Rounded
Playful

With this list we have a range of visual references and ways to define and describe text.

Next, we were requested to rearrange our letterforms into groups that we believed to be their origin, using the list of production methods as reference.  Due to the crossovers between type style and production method this was a hard task, as methods such as wood and lead production share many of the same fonts.








Finally, we were handed an informative sheet that shows and explains different terms, and rules that are used within typography. 




Finally, at the end of the session we received some additional work. We swapped our five fonts that we previously collected, with the person sat on our left. The task required us to identify the five typefaces using our new knowledge of type characteristics to help us. Additionally, we then had to collect detailed research on one of the fonts.


FONT 1 - GILL SANS






Designer: Eric Gill
Year: 1928-32
Copyright: Monotype Classic Fonts
Publishers: Adobe and Monotype

FONT 2 - AG BOOK BQ




Year: 1980
Publisher: Berthold



FONT 3 - VAG rounded black



Designer: Unknown
Year: 1979
Publisher: Adobe

FONT 4 - Nimbus Roman



Publisher: URW++


FONT 5 - COMPACTA (LETRASET) 




Designer: Fred Lambert
Year: 1963
Publisher: Letraset
Influence on:

Despite the outcomes of the website, I believe some fonts are wrong, such as Compacta. I think that this font shares more similarities with the bold display font 'Impact', due to the letter width.

Moreover, we had to select one font that we would then research into further. I chose to research into Gill Sans.

Gill sans is an adaptation of a font called ‘Johnston Sans’ originally designed by Edward Johnston. Eric Gill was Johnston’s apprentice at the time and helped create the iconic typeface that was designed for the London Underground. However, Gill was not happy with the finished typeface, claiming that some letters could be more legible. Therefore, Gill produced a new font that used Johnstons original as a base font.

When finished the typeface became increasingly popular, in 1929 it became the standard typeface for the London North Eastern Railway and was used on the trains as well as for signage. The usage and popularity continued to grow and the font can now be found being used on corporate branding, on book covers and posters.