2
Most read
4
Most read
16
Most read
Typography
Font styles evoke different moods

•   Select a font
    that continues
    the theme of
    your design e.g
    Retro or Gothic,
    traditional or
    modern etc
Type continues the message

•   Font style can
    communicate
    a message
•   Selecting the
    wrong font
    can spoil a
    good design
Type and layout

•   Typography can
    enhance a design
•   Combine images
    and letters to create
    a successful,
    and eye catching
    example of graphic
    design
Legibility

•   Change direction,
    size, style e.g. bold,
    italic, light etc to
    improve legibility -
    your design is a
    form of visual
    communication,
    ensure the onlooker
    gets the message!
Use font as a design feature

•   Typography
    can be used
    to create
    patterns
    becoming the
    main design
    feature
Picture font

               •   Create an image
                   with words and
                   letters of varying
                   sizes
Exercise
  Write your first name in a typeface aimed at the
  following age groups:

 17-25 years
 4-7 years
 50-70 years

Use only black and white (no colour)
Consider the layout / composition of your typeface
Exercise
 Work in pairs
 Write your partner’s name using a typeface that you
  feel best represents their character
 Use only text (no images)
 Add colour if you think it helps communicate the
  message
 Consider composition I.e. where the name is placed
  within the space of an A4 page
Typeface
 Serif and Sans Serif
Typeface

 A typeface may be named after its original designer:
  Baskerville, Bodoni, Garamond, Goudy
 For its use:
  Times roman was designed for the London Times
  Avant Garde was designed for magazines
 For its characteristics:
  Excelsior, Paragon were designed for high legibility
 Or for its designer’s fancy:
  Perpetua, Centaur
 Typeface are also given brand names:
  Geneva, English
Parts of the letter: Type Anatomy

•      Bowl: main curved part
•      Counter: enclosed
       circular section
•      Ligature: where two or
       more letters are joined
•     Stem: main vertical
      stroke
     Spine: The main left to right curving stroke
     Serif: The thin projection at the end of main strokes
     Descender: The part of the lowercase letter below the baseline
     Ascender: The part of the lowercase letter above the mean line
How to recognize typefaces

                                                 1
                                                                         5
                                                                   4
                                                                         3
                                           2

1.   The point of letter strokes rising above the lowercase characters
2.   The point of letter strokes descending below the characters
3.   The point on which all characters and symbols rest
4.   The point that determines the height of lower case characters
5.   The point that determines the height of capital letters
Family
 A typeface can have a number of variants within the family:

Bold, Italic, Roman, Normal
   The popular type Helvetica
   has a family of over 50 variants
   whereas other more decorative fonts
   may have only one variant
   e.g. Algerian
Exercise
 Split into groups of 4
 Research two sans serif and two serif fonts (What did
  you use in the earlier exercises?)
 Compare their anatomy (see handout)
 Give an example of where the font may be used e.g.
  newspaper, children’s book, poster, magazine - find
  examples of these categories and look at the font
  used for headlines, titles etc
 Consider target audience
 Present your findings in a Power point
Exercise

Select a suitable typeface for the following words:

           Crazy                    Shade

          Space                    Summer

            Boy                     Winter

            Girl                    Smoke

More Related Content

PDF
Typography 101: The Basics
PDF
Typography Essentials: Part 1
PPTX
Typography
PDF
A crash course in typography
PDF
The typography
PDF
Introduction to Layouts in Graphic Design
PDF
Typography Essentials: Part 2
PPTX
Typography - History, Basics and Trends
Typography 101: The Basics
Typography Essentials: Part 1
Typography
A crash course in typography
The typography
Introduction to Layouts in Graphic Design
Typography Essentials: Part 2
Typography - History, Basics and Trends

What's hot (20)

PPTX
Typography
PDF
Graphic Design 101
PDF
Typography Fundamentals
PDF
It's all about typography
ODP
Intro to Graphic Design Elements
PPT
Typography presentation
PPTX
Graphic design composition
PPTX
Graphic Design Elements and Principles - Tips and inspiration
PDF
Design Elements Typography Fundamentals by Kristin Cullen
PPTX
typography
PPTX
Introduction to adobe Photoshop
PDF
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
PPTX
Graphic design for marketing professionals
PPTX
1.01 Typography Usability and Readability
PPT
An Introduction To Graphic Design
PPTX
Design elements and principles
PPTX
Graphic design
PPT
Graphic design
PPTX
1.01 Typography
PPTX
Graphic design
Typography
Graphic Design 101
Typography Fundamentals
It's all about typography
Intro to Graphic Design Elements
Typography presentation
Graphic design composition
Graphic Design Elements and Principles - Tips and inspiration
Design Elements Typography Fundamentals by Kristin Cullen
typography
Introduction to adobe Photoshop
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Graphic design for marketing professionals
1.01 Typography Usability and Readability
An Introduction To Graphic Design
Design elements and principles
Graphic design
Graphic design
1.01 Typography
Graphic design
Ad

Viewers also liked (20)

PDF
5 Tips For Better Typography In Your Slides
PPTX
Typography ppt
PPT
1.01 Typography PowerPoint
PPTX
Typography and grids
PPTX
How to Create Presentations That Don't Suck
PDF
5 Reasons Typography is Powerful
PDF
Elements vol 2 ed 7 - typography, events, design
PPTX
Citraan dalam-puisi
PPTX
Gurindam dan Puisi Kontemporer
PPTX
Types of Fonts
PPTX
Samantha Morron - Visual Pedagogy Presentation - Art Integration with Math
PPTX
Racism against the chinese on the australian goldfields
PPTX
The art of presentations
PPTX
White australia’ and the outside world
PDF
AIGA Raleigh Story 2012
PDF
AIGA-GR Early Shift with Dan Klyn from TUG
PPT
Citraan dalam puisi
PDF
AIGA presentation
PPTX
Principles Of Power Point Design Manipulating Typography
PPT
Week 3 - A Presentation Visual Components
5 Tips For Better Typography In Your Slides
Typography ppt
1.01 Typography PowerPoint
Typography and grids
How to Create Presentations That Don't Suck
5 Reasons Typography is Powerful
Elements vol 2 ed 7 - typography, events, design
Citraan dalam-puisi
Gurindam dan Puisi Kontemporer
Types of Fonts
Samantha Morron - Visual Pedagogy Presentation - Art Integration with Math
Racism against the chinese on the australian goldfields
The art of presentations
White australia’ and the outside world
AIGA Raleigh Story 2012
AIGA-GR Early Shift with Dan Klyn from TUG
Citraan dalam puisi
AIGA presentation
Principles Of Power Point Design Manipulating Typography
Week 3 - A Presentation Visual Components
Ad

Similar to Typography, A Presentation (20)

PPTX
IVC - Lesson 12
PDF
Typography Basics Lecture-Design 101.pdf
PPTX
Learn more About Typography Art Technique
PPT
10 typeface basics.fi_xed
PPTX
Typography in UI Design
PDF
Things I Know About Type [Field Guide]
PPTX
Basic to Mastering Typography
PPT
Class 5 Type
PPTX
12-TYPOGRAPHY-(The Anatomy and Types).pptx
PDF
Put On Your Typeface by Chris Tyre
PPTX
Typography
PPTX
Lecture 3 -Typography in Graphic Design.pptx
PPTX
Typography Basics for DTP
PDF
Stem 22 text
PPTX
Display typeface talk given by Garry
PPTX
Typographic basics
PDF
Defining Typography. An introduction to exploring graphic design using typogr...
PDF
Introduction to the Digital Typography
PDF
all about typography interactivect.pdf
PDF
Typograph typing matter which contents colours
IVC - Lesson 12
Typography Basics Lecture-Design 101.pdf
Learn more About Typography Art Technique
10 typeface basics.fi_xed
Typography in UI Design
Things I Know About Type [Field Guide]
Basic to Mastering Typography
Class 5 Type
12-TYPOGRAPHY-(The Anatomy and Types).pptx
Put On Your Typeface by Chris Tyre
Typography
Lecture 3 -Typography in Graphic Design.pptx
Typography Basics for DTP
Stem 22 text
Display typeface talk given by Garry
Typographic basics
Defining Typography. An introduction to exploring graphic design using typogr...
Introduction to the Digital Typography
all about typography interactivect.pdf
Typograph typing matter which contents colours

More from Graeme Smith (20)

PPT
Project Management - An Introductiuon
PPTX
Intro to the unit
PPTX
The CSS Box Model
PPTX
Flip Book
PPT
Typography
PPT
Intro to Game Design
PPT
Composition, some basic rules of photography
PPTX
Form Validation
PPT
1 - Designing A Site
PPT
Personality Emotion
PPT
Personality Emotion
PPT
Information Design
PPT
Perspective Principles
PPT
Interaction Design
PPT
Colour
PPT
Web Functionality
PPT
Layout Principles
PPT
Layout Principles 1
PPT
Content for the Web
PPT
What Is Interaction Design
Project Management - An Introductiuon
Intro to the unit
The CSS Box Model
Flip Book
Typography
Intro to Game Design
Composition, some basic rules of photography
Form Validation
1 - Designing A Site
Personality Emotion
Personality Emotion
Information Design
Perspective Principles
Interaction Design
Colour
Web Functionality
Layout Principles
Layout Principles 1
Content for the Web
What Is Interaction Design

Recently uploaded (20)

PDF
Journal of Dental Science - UDMY (2020).pdf
PDF
Literature_Review_methods_ BRACU_MKT426 course material
PDF
The TKT Course. Modules 1, 2, 3.for self study
PDF
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2013).pdf
PDF
LIFE & LIVING TRILOGY- PART (1) WHO ARE WE.pdf
PDF
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2015).pdf
PPTX
Macbeth play - analysis .pptx english lit
PDF
African Communication Research: A review
PDF
PUBH1000 - Module 6: Global Health Tute Slides
PDF
MICROENCAPSULATION_NDDS_BPHARMACY__SEM VII_PCI Syllabus.pdf
PPTX
BSCE 2 NIGHT (CHAPTER 2) just cases.pptx
PDF
Horaris_Grups_25-26_Definitiu_15_07_25.pdf
PPTX
Reproductive system-Human anatomy and physiology
PPTX
Thinking Routines and Learning Engagements.pptx
PPTX
2025 High Blood Pressure Guideline Slide Set.pptx
PDF
Health aspects of bilberry: A review on its general benefits
PDF
Skin Care and Cosmetic Ingredients Dictionary ( PDFDrive ).pdf
PDF
0520_Scheme_of_Work_(for_examination_from_2021).pdf
PPTX
PLASMA AND ITS CONSTITUENTS 123.pptx
PPTX
UNIT_2-__LIPIDS[1].pptx.................
Journal of Dental Science - UDMY (2020).pdf
Literature_Review_methods_ BRACU_MKT426 course material
The TKT Course. Modules 1, 2, 3.for self study
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2013).pdf
LIFE & LIVING TRILOGY- PART (1) WHO ARE WE.pdf
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2015).pdf
Macbeth play - analysis .pptx english lit
African Communication Research: A review
PUBH1000 - Module 6: Global Health Tute Slides
MICROENCAPSULATION_NDDS_BPHARMACY__SEM VII_PCI Syllabus.pdf
BSCE 2 NIGHT (CHAPTER 2) just cases.pptx
Horaris_Grups_25-26_Definitiu_15_07_25.pdf
Reproductive system-Human anatomy and physiology
Thinking Routines and Learning Engagements.pptx
2025 High Blood Pressure Guideline Slide Set.pptx
Health aspects of bilberry: A review on its general benefits
Skin Care and Cosmetic Ingredients Dictionary ( PDFDrive ).pdf
0520_Scheme_of_Work_(for_examination_from_2021).pdf
PLASMA AND ITS CONSTITUENTS 123.pptx
UNIT_2-__LIPIDS[1].pptx.................

Typography, A Presentation

  • 2. Font styles evoke different moods • Select a font that continues the theme of your design e.g Retro or Gothic, traditional or modern etc
  • 3. Type continues the message • Font style can communicate a message • Selecting the wrong font can spoil a good design
  • 4. Type and layout • Typography can enhance a design • Combine images and letters to create a successful, and eye catching example of graphic design
  • 5. Legibility • Change direction, size, style e.g. bold, italic, light etc to improve legibility - your design is a form of visual communication, ensure the onlooker gets the message!
  • 6. Use font as a design feature • Typography can be used to create patterns becoming the main design feature
  • 7. Picture font • Create an image with words and letters of varying sizes
  • 8. Exercise Write your first name in a typeface aimed at the following age groups:  17-25 years  4-7 years  50-70 years Use only black and white (no colour) Consider the layout / composition of your typeface
  • 9. Exercise  Work in pairs  Write your partner’s name using a typeface that you feel best represents their character  Use only text (no images)  Add colour if you think it helps communicate the message  Consider composition I.e. where the name is placed within the space of an A4 page
  • 11. Typeface  A typeface may be named after its original designer: Baskerville, Bodoni, Garamond, Goudy  For its use: Times roman was designed for the London Times Avant Garde was designed for magazines  For its characteristics: Excelsior, Paragon were designed for high legibility  Or for its designer’s fancy: Perpetua, Centaur  Typeface are also given brand names: Geneva, English
  • 12. Parts of the letter: Type Anatomy • Bowl: main curved part • Counter: enclosed circular section • Ligature: where two or more letters are joined • Stem: main vertical stroke  Spine: The main left to right curving stroke  Serif: The thin projection at the end of main strokes  Descender: The part of the lowercase letter below the baseline  Ascender: The part of the lowercase letter above the mean line
  • 13. How to recognize typefaces 1 5 4 3 2 1. The point of letter strokes rising above the lowercase characters 2. The point of letter strokes descending below the characters 3. The point on which all characters and symbols rest 4. The point that determines the height of lower case characters 5. The point that determines the height of capital letters
  • 14. Family  A typeface can have a number of variants within the family: Bold, Italic, Roman, Normal The popular type Helvetica has a family of over 50 variants whereas other more decorative fonts may have only one variant e.g. Algerian
  • 15. Exercise  Split into groups of 4  Research two sans serif and two serif fonts (What did you use in the earlier exercises?)  Compare their anatomy (see handout)  Give an example of where the font may be used e.g. newspaper, children’s book, poster, magazine - find examples of these categories and look at the font used for headlines, titles etc  Consider target audience  Present your findings in a Power point
  • 16. Exercise Select a suitable typeface for the following words: Crazy Shade Space Summer Boy Winter Girl Smoke