SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and TrendsRida Farooq
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPointcindymartin
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typographyMigle Migle
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2Jennifer Janviere
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenHazlin Aisha Zainal Abidin
 
Graphic Design
Graphic DesignGraphic Design
Graphic DesignBen Fayza
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic DesignChris Edwards
 
Graphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationShahria Hossain
 
Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic DesignAshikul Islam
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryAbanoub Hanna
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)RJNithin
 
The History of Graphic Design
The History of Graphic DesignThe History of Graphic Design
The History of Graphic DesignMatt Erickson
 
Graphic Design Overview
Graphic Design OverviewGraphic Design Overview
Graphic Design OverviewRavi Bhadauria
 
Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction UploadNida Aslam
 
Graphic design
Graphic designGraphic design
Graphic designnikitap997
 

Mais procurados (20)

Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and Trends
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
The typography
The typographyThe typography
The typography
 
Design Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin CullenDesign Elements Typography Fundamentals by Kristin Cullen
Design Elements Typography Fundamentals by Kristin Cullen
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Graphic design slideshow
Graphic design slideshow Graphic design slideshow
Graphic design slideshow
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
 
Graphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspirationGraphic Design Elements and Principles - Tips and inspiration
Graphic Design Elements and Principles - Tips and inspiration
 
Basic concept of Graphic Design
Basic concept of Graphic DesignBasic concept of Graphic Design
Basic concept of Graphic Design
 
Principles of Design - Graphic Design Theory
Principles of Design - Graphic Design TheoryPrinciples of Design - Graphic Design Theory
Principles of Design - Graphic Design Theory
 
Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)Graphic Designing Presentation (Tips & Tricks)
Graphic Designing Presentation (Tips & Tricks)
 
The History of Graphic Design
The History of Graphic DesignThe History of Graphic Design
The History of Graphic Design
 
Graphic Design Overview
Graphic Design OverviewGraphic Design Overview
Graphic Design Overview
 
Intro to Graphic Design Elements
Intro to Graphic Design ElementsIntro to Graphic Design Elements
Intro to Graphic Design Elements
 
Graphic Design Introduction Upload
Graphic Design Introduction   UploadGraphic Design Introduction   Upload
Graphic Design Introduction Upload
 
History of Graphic Design
History of Graphic DesignHistory of Graphic Design
History of Graphic Design
 
Graphic design
Graphic designGraphic design
Graphic design
 

Destaque

Typography and grids
Typography and gridsTypography and grids
Typography and gridsGraeme Smith
 
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 SuckSketchBubble
 
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, designdes bate
 
Citraan dalam-puisi
Citraan dalam-puisiCitraan dalam-puisi
Citraan dalam-puisiwidiyati567
 
Gurindam dan Puisi Kontemporer
Gurindam dan Puisi KontemporerGurindam dan Puisi Kontemporer
Gurindam dan Puisi KontemporerQurrati A'yun
 
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 MathHallie DeCatherine Jones
 
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 goldfieldsJames Hardingham
 
The art of presentations
The art of presentationsThe art of presentations
The art of presentationsGraeme Smith
 
White australia’ and the outside world
White australia’ and the outside worldWhite australia’ and the outside world
White australia’ and the outside worldJames Hardingham
 
AIGA Raleigh Story 2012
AIGA Raleigh Story 2012AIGA Raleigh Story 2012
AIGA Raleigh Story 2012AIGA Raleigh
 
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 TUGDan Klyn
 
AIGA presentation
AIGA presentationAIGA presentation
AIGA presentationZeus Jones
 
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 TypographyJohn Fallon
 
Week 3 - A Presentation Visual Components
Week 3 - A Presentation Visual ComponentsWeek 3 - A Presentation Visual Components
Week 3 - A Presentation Visual ComponentsGraeme Smith
 
Color Coding
Color CodingColor Coding
Color Codingjugnua
 

Destaque (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
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
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
 

Semelhante a Typography guide for selecting fonts and communicating messages

Semelhante a Typography guide for selecting fonts and communicating messages (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
 

Mais de Graeme Smith

Project Management - An Introductiuon
Project Management - An IntroductiuonProject Management - An Introductiuon
Project Management - An IntroductiuonGraeme Smith
 
Intro to Game Design
Intro to Game DesignIntro to Game Design
Intro to Game DesignGraeme Smith
 
Composition, some basic rules of photography
Composition, some basic rules of photographyComposition, some basic rules of photography
Composition, some basic rules of photographyGraeme Smith
 
1 - Designing A Site
1 - Designing A Site1 - Designing A Site
1 - Designing A SiteGraeme Smith
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality EmotionGraeme Smith
 
Personality Emotion
Personality EmotionPersonality Emotion
Personality EmotionGraeme Smith
 
Information Design
Information DesignInformation Design
Information DesignGraeme Smith
 
Perspective Principles
Perspective PrinciplesPerspective Principles
Perspective PrinciplesGraeme Smith
 
Interaction Design
Interaction DesignInteraction Design
Interaction DesignGraeme Smith
 
Layout Principles 1
Layout Principles 1Layout Principles 1
Layout Principles 1Graeme Smith
 
Content for the Web
Content for the WebContent for the Web
Content for the WebGraeme Smith
 
What Is Interaction Design
What Is Interaction DesignWhat Is Interaction Design
What Is Interaction DesignGraeme Smith
 

Mais 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
 

Último

Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfchloefrazer622
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...RKavithamani
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
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.pdfQucHHunhnh
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 

Último (20)

Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Arihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdfArihant handbook biology for class 11 .pdf
Arihant handbook biology for class 11 .pdf
 
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
Privatization and Disinvestment - Meaning, Objectives, Advantages and Disadva...
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
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
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 

Typography guide for selecting fonts and communicating messages

  • 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