Skip to main content

Notes from Week 2 Workshop


  • Typography = evolution of writing in clay.
  • Serif came from Roman engravers - 100 B.C.E.
  • Johan Gutenburg invented the first printing press - the letters were in a gothic style in order to fit as much content onto the paper as possible due to the fact paper was expensive at the time.
  • Eric Gill - 1928 - Gill Sans - London Underground still uses this as the font uses open shapes for optimum readability.
  • Anatomy of typeface is made up of: stroke, stem, stress, terminal, ascender, descender, serif, medium, baseline, leading and tracking.
  • Classification:
    • 1450 - Black letter
    • 1475 - old style
    • 1500 - italic
    • 1750 - transitional
    • 1775 - modern
    • 1825 - square serif
    • 1900 - sans serif
    • 1990 - serif/sans serif
  • Screen is low resolution compared to print - serif good for print.
  • Look at negative spaces behind letters.
  • Read in shapes - look at top half of a word - can you read?
  • Font sizes:
    • 14 = headings
    • 10-12 = text
    • 9 = tables
  • Grids vs rule of thirds vs golden section (1:1.6).
  • Lettering as motifs - simple thing & break it apart.

Comments

Popular posts from this blog

Graphic Design: The New Basics - Time and Motion

Motion is a kind of change, and change takes places in time. Time and motion are considerations for all design work. Any still image has implied Motion, while motion graphics share compositional principles with print.  Animation encompasses diverse modes of visible change. Alternative modes of change: scale, transparency, colour, layer, etc. A word or design element can stay still while the environment around it changes. A motion sequence is developed through a series of storyboards, which convey the main pages and movements of an animation. Cropping a shape can suggest motion, just as diagonal compositions do. Complex and subtle behaviours are created by using different modes of change simultaneously. When animating type, the designer must pay special attention to legibility and reading order - context is important. Storyboards summarise key content/moments of an animation's events. Interactive logos and graphics are another aspect of motion design. 

Contrasting Letterforms

In Photoshop, I used a pair of contrasting letterforms; g & Z, and created logos using just the letters and a background to see how the curves and straight lines contrasted.