SlideShare une entreprise Scribd logo
1  sur  16
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

Contenu connexe

Tendances

1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
cindymartin
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
Greg Sarles
 

Tendances (20)

typography
 typography typography
typography
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
The Power of Typography
The Power of TypographyThe Power of Typography
The Power of Typography
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Typography
TypographyTypography
Typography
 
The typography
The typographyThe typography
The typography
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
 
Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic Design
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
How to design - Graphic design theory
How to design - Graphic design theoryHow to design - Graphic design theory
How to design - Graphic design theory
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
Graphic Design For non graphic designers
Graphic Design For non graphic designersGraphic Design For non graphic designers
Graphic Design For non graphic designers
 
Introduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignIntroduction to Layouts in Graphic Design
Introduction to Layouts in Graphic Design
 
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
WHAT IS GRAPHIC DESIGN? (Intro to GD, Wk 1)
 

En vedette

Racism against the chinese on the australian goldfields
Racism against the chinese on the australian goldfieldsRacism against the chinese on the australian goldfields
Racism against the chinese on the australian goldfields
James Hardingham
 
White australia’ and the outside world
White australia’ and the outside worldWhite australia’ and the outside world
White australia’ and the outside world
James Hardingham
 
Color Coding
Color CodingColor Coding
Color Coding
jugnua
 

En vedette (20)

5 Tips For Better Typography In Your Slides
5 Tips For Better Typography In Your Slides5 Tips For Better Typography In Your Slides
5 Tips For Better Typography In Your Slides
 
Typography ppt
Typography pptTypography ppt
Typography ppt
 
Typography and grids
Typography and gridsTypography and grids
Typography and grids
 
How to Create Presentations That Don't Suck
How to Create Presentations That Don't SuckHow to Create Presentations That Don't Suck
How to Create Presentations That Don't Suck
 
Elements vol 2 ed 7 - typography, events, design
Elements vol 2 ed 7 - typography, events, designElements vol 2 ed 7 - typography, events, design
Elements vol 2 ed 7 - typography, events, design
 
Citraan dalam-puisi
Citraan dalam-puisiCitraan dalam-puisi
Citraan dalam-puisi
 
Gurindam dan Puisi Kontemporer
Gurindam dan Puisi KontemporerGurindam dan Puisi Kontemporer
Gurindam dan Puisi Kontemporer
 
Types of Fonts
Types of FontsTypes of Fonts
Types of Fonts
 
Samantha Morron - Visual Pedagogy Presentation - Art Integration with Math
Samantha Morron - Visual Pedagogy Presentation - Art Integration with MathSamantha Morron - Visual Pedagogy Presentation - Art Integration with Math
Samantha Morron - Visual Pedagogy Presentation - Art Integration with Math
 
Racism against the chinese on the australian goldfields
Racism against the chinese on the australian goldfieldsRacism against the chinese on the australian goldfields
Racism against the chinese on the australian goldfields
 
The art of presentations
The art of presentationsThe art of presentations
The art of presentations
 
White australia’ and the outside world
White australia’ and the outside worldWhite australia’ and the outside world
White australia’ and the outside world
 
AIGA Raleigh Story 2012
AIGA Raleigh Story 2012AIGA Raleigh Story 2012
AIGA Raleigh Story 2012
 
AIGA-GR Early Shift with Dan Klyn from TUG
AIGA-GR Early Shift with Dan Klyn from TUGAIGA-GR Early Shift with Dan Klyn from TUG
AIGA-GR Early Shift with Dan Klyn from TUG
 
Citraan dalam puisi
Citraan dalam puisiCitraan dalam puisi
Citraan dalam puisi
 
AIGA presentation
AIGA presentationAIGA presentation
AIGA presentation
 
Principles Of Power Point Design Manipulating Typography
Principles Of Power Point Design  Manipulating TypographyPrinciples Of Power Point Design  Manipulating Typography
Principles Of Power Point Design Manipulating Typography
 
Week 3 - A Presentation Visual Components
Week 3 - A Presentation Visual ComponentsWeek 3 - A Presentation Visual Components
Week 3 - A Presentation Visual Components
 
Color Coding
Color CodingColor Coding
Color Coding
 
Kinetic Typography Motion Graphics From After Effects To PowerPoint
Kinetic Typography Motion Graphics From After Effects To PowerPointKinetic Typography Motion Graphics From After Effects To PowerPoint
Kinetic Typography Motion Graphics From After Effects To PowerPoint
 

Similaire à Typography, A Presentation

Type faces and letter forms finished 2
Type faces and letter forms finished 2Type faces and letter forms finished 2
Type faces and letter forms finished 2
karan singh
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy pham
vy_pham96
 
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
Shobhit Jain
 
Unit 13 Typography
Unit 13 TypographyUnit 13 Typography
Unit 13 Typography
sumidahilo
 

Similaire à Typography, A Presentation (20)

Lettering
LetteringLettering
Lettering
 
10 typeface basics.fi_xed
10 typeface basics.fi_xed10 typeface basics.fi_xed
10 typeface basics.fi_xed
 
1.01 Typography Usability and Readability
1.01 Typography Usability and Readability1.01 Typography Usability and Readability
1.01 Typography Usability and Readability
 
Typography
TypographyTypography
Typography
 
Typography continued
Typography continuedTypography continued
Typography continued
 
Categories of fonts
Categories of fontsCategories of fonts
Categories of fonts
 
Font type research
Font type researchFont type research
Font type research
 
11959189.ppt
11959189.ppt11959189.ppt
11959189.ppt
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
 
Type faces and letter forms finished 2
Type faces and letter forms finished 2Type faces and letter forms finished 2
Type faces and letter forms finished 2
 
Font new edit
Font new editFont new edit
Font new edit
 
LETTERING STYLES.pptx
LETTERING STYLES.pptxLETTERING STYLES.pptx
LETTERING STYLES.pptx
 
Typography
TypographyTypography
Typography
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy pham
 
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
What is Font and Typefaces? Explain any five font’s families in DTP. By Shobh...
 
Anatomy of Type - Introduction.pdf
Anatomy of Type - Introduction.pdfAnatomy of Type - Introduction.pdf
Anatomy of Type - Introduction.pdf
 
Science of font
Science of fontScience of font
Science of font
 
Unit 13 Typography
Unit 13 TypographyUnit 13 Typography
Unit 13 Typography
 
Publication Design Chapter 04
Publication Design Chapter 04Publication Design Chapter 04
Publication Design Chapter 04
 
Type
TypeType
Type
 

Plus de Graeme Smith (20)

Project Management - An Introductiuon
Project Management - An IntroductiuonProject Management - An Introductiuon
Project Management - An Introductiuon
 
Intro to the unit
Intro to the unitIntro to the unit
Intro to the unit
 
The CSS Box Model
The CSS Box ModelThe CSS Box Model
The CSS Box Model
 
Flip Book
Flip BookFlip Book
Flip Book
 
Typography
TypographyTypography
Typography
 
Intro to Game Design
Intro to Game DesignIntro to Game Design
Intro to Game Design
 
Composition, some basic rules of photography
Composition, some basic rules of photographyComposition, some basic rules of photography
Composition, some basic rules of photography
 
Form Validation
Form ValidationForm Validation
Form Validation
 
1 - Designing A Site
1 - Designing A Site1 - Designing A Site
1 - Designing A Site
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality Emotion
 
Information Design
Information DesignInformation Design
Information Design
 
Perspective Principles
Perspective PrinciplesPerspective Principles
Perspective Principles
 
Interaction Design
Interaction DesignInteraction Design
Interaction Design
 
Colour
ColourColour
Colour
 
Web Functionality
Web FunctionalityWeb Functionality
Web Functionality
 
Layout Principles
Layout PrinciplesLayout Principles
Layout Principles
 
Layout Principles 1
Layout Principles 1Layout Principles 1
Layout Principles 1
 
Content for the Web
Content for the WebContent for the Web
Content for the Web
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction Design
 

Dernier

1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Dernier (20)

Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Magic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptxMagic bus Group work1and 2 (Team 3).pptx
Magic bus Group work1and 2 (Team 3).pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).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