SlideShare a Scribd company logo
WHAT IS TYPOGRAPHY?
• Typography: The study of all elements of type including the
shape, size and spacing of the characters
• Typography plays an important role in the audience
perception of your document or project and its information
• Typography helps to create “information relationships” in two
ways:
• By the organization of your information
• Keeping things interesting through the use of fonts, letters
and symbols
PRINCIPLES OF DESIGN FOR TYPOGRAPHY
• Legibility: Making sure the audience can read and understand your
text
• Reverse type: white type on a dark background and is designed
to make type stand out
• Similarity, alignment: Using typography to create relationships
between similar kinds of information
• Uniformity or consistency: Repeating familiar elements to focus your
audience’s attention
• Contrast: Creating interest and distinguishing different types of
information with different typefaces
• Hierarchy: Making sure your audience understands that
information has different levels of importance
FONTS
• Font: Originally included typeface, style and size, but the term
is now interchangeable with typeface
• Font Family: A typeface and all its variants such as Times
New Roman regular, italic and bold
• Roman: describes a font without additional attributes such as
italics
• Decorative fonts: are those used for display purposes
• Script fonts: designed to imitate handwriting
• Blackletter fonts: Imitate an antique European font
• Monospace fonts: Fonts that mimic the spacing produced by a
typewriter
TYPEFACES
• Typeface: The design for the letters, numbers and symbols that
make up a font
• Serif: a typeface with extensions at the ends of the main strokes
that define each letter. These extensions are called serifs.
• Bracketed serif: a curved serif that fills in the area between the serif
and the stroke
• Sans serif: a typeface without serifs
• Oldstyle fonts: have bracketed serifs, angled stress, and strokes that
move gently from thick to thin
• Transitional fonts: have bracketed serifs, vertical stress and uneven
strokes that move quickly from thick to thin
• Modern fonts: have unbracketed serifs, vertical stress and uneven
strokes
• Slab Serif Fonts: have heavy serifs, vertical stress and even strokes
EXAMPLES
Serif Font Sans Serif Font
SPACING CHOICES
• Proportional fonts: are spaced according to the size of the letter
• Monospace fonts: are spaced the same for every letter
• Tracking: the spacing between letters in a word
• Kerning pairs: sets of letters designed to be spaced closely together
• Kerning: spacing of letters generally to make them move closer together
• Ligatures: Letters that have historically been attached, creating a single
character
• Leading: The spacing between lines of a paragraph
• Em space: a space the width of a capital letter “M” in the font and point size
being used
• En space: half the size of an em space, is the width of a capital letter “N” in
the font and point size being used
SPACING CONVENTIONS
• Hanging indents: a paragraph’s first line is flush left but the
remaining lines are indented
• Tabs: places on a ruler used to line up text
• Widows: Single sentences or phrases at the bottom of a
column or page. The rest of the paragraph appears on the
next page or column
• Orphans: Single lines of text that appear at the top of the
column or page, with the rest of the paragraph appearing in
the previous column or page
ALIGNMENT
• There are four primary types:
• Left Aligned: Often referred to as “left justified” or “flush
left”, typically the default setting for a document, begins
each line along the left margin of the document
• Right Aligned: Often referred to as “right justified” or “flush
right”, it aligns the beginning of each line of text along the
right margin of the document
• Centered: Text is placed in the center of each line leaving
the same margin on both sides
• Justified: Each line of text fills the entire space from left to
right, except for the paragraph indent and the last line of
the paragraph

More Related Content

Similar to 11959189.ppt

CHAPTER – 3 Text
CHAPTER – 3    TextCHAPTER – 3    Text
CHAPTER – 3 Text
Amir Ibrahim Tahir
 
Typography
TypographyTypography
Typography
Chris Snider
 
what is Font in multimedia
 what is Font in multimedia what is Font in multimedia
what is Font in multimedia
maliksiddique1
 
Lettering
LetteringLettering
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
Jo Lowes
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A PresentationGraeme Smith
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 textDom Mike
 
Typography
TypographyTypography
Typography
JessicaCheung1998
 
Typography
TypographyTypography
Typography
Penny Tan
 
LETTERING STYLES.pptx
LETTERING STYLES.pptxLETTERING STYLES.pptx
LETTERING STYLES.pptx
Bernard Richardson
 
Chapter 2 : TEXT
Chapter 2 : TEXTChapter 2 : TEXT
Chapter 2 : TEXT
azira96
 
10 typeface basics.fi_xed
10 typeface basics.fi_xed10 typeface basics.fi_xed
10 typeface basics.fi_xed
Lorraine Stratton
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
MsGilbert
 
Typography class 3
Typography class 3Typography class 3
Typography class 3
Pedro Aguirre
 
Font
FontFont

Similar to 11959189.ppt (20)

CHAPTER – 3 Text
CHAPTER – 3    TextCHAPTER – 3    Text
CHAPTER – 3 Text
 
Font new edit
Font new editFont new edit
Font new edit
 
Typography
TypographyTypography
Typography
 
what is Font in multimedia
 what is Font in multimedia what is Font in multimedia
what is Font in multimedia
 
Lettering
LetteringLettering
Lettering
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
 
Typography3 bh
Typography3 bhTypography3 bh
Typography3 bh
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
Text
TextText
Text
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
 
Typography
TypographyTypography
Typography
 
Typography
TypographyTypography
Typography
 
LETTERING STYLES.pptx
LETTERING STYLES.pptxLETTERING STYLES.pptx
LETTERING STYLES.pptx
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 
Chapter 2 : TEXT
Chapter 2 : TEXTChapter 2 : TEXT
Chapter 2 : TEXT
 
Day01 design final
Day01 design finalDay01 design final
Day01 design final
 
10 typeface basics.fi_xed
10 typeface basics.fi_xed10 typeface basics.fi_xed
10 typeface basics.fi_xed
 
1.01 Typography
1.01 Typography1.01 Typography
1.01 Typography
 
Typography class 3
Typography class 3Typography class 3
Typography class 3
 
Font
FontFont
Font
 

More from GIFTCHIMWENDO

7467223.ppt
7467223.ppt7467223.ppt
7467223.ppt
GIFTCHIMWENDO
 
Discovering computers- Chapter 1 (1).pptx
Discovering computers- Chapter 1 (1).pptxDiscovering computers- Chapter 1 (1).pptx
Discovering computers- Chapter 1 (1).pptx
GIFTCHIMWENDO
 
Chapter 04 Hardware.pptx
Chapter 04 Hardware.pptxChapter 04 Hardware.pptx
Chapter 04 Hardware.pptx
GIFTCHIMWENDO
 
3C_Bank_Reconciliation.ppt
3C_Bank_Reconciliation.ppt3C_Bank_Reconciliation.ppt
3C_Bank_Reconciliation.ppt
GIFTCHIMWENDO
 
5942182.ppt
5942182.ppt5942182.ppt
5942182.ppt
GIFTCHIMWENDO
 

More from GIFTCHIMWENDO (6)

3886225.ppt
3886225.ppt3886225.ppt
3886225.ppt
 
7467223.ppt
7467223.ppt7467223.ppt
7467223.ppt
 
Discovering computers- Chapter 1 (1).pptx
Discovering computers- Chapter 1 (1).pptxDiscovering computers- Chapter 1 (1).pptx
Discovering computers- Chapter 1 (1).pptx
 
Chapter 04 Hardware.pptx
Chapter 04 Hardware.pptxChapter 04 Hardware.pptx
Chapter 04 Hardware.pptx
 
3C_Bank_Reconciliation.ppt
3C_Bank_Reconciliation.ppt3C_Bank_Reconciliation.ppt
3C_Bank_Reconciliation.ppt
 
5942182.ppt
5942182.ppt5942182.ppt
5942182.ppt
 

Recently uploaded

Snam 2023-27 Industrial Plan - Financial Presentation
Snam 2023-27 Industrial Plan - Financial PresentationSnam 2023-27 Industrial Plan - Financial Presentation
Snam 2023-27 Industrial Plan - Financial Presentation
Valentina Ottini
 
Corporate Presentation Probe June 2024.pdf
Corporate Presentation Probe June 2024.pdfCorporate Presentation Probe June 2024.pdf
Corporate Presentation Probe June 2024.pdf
Probe Gold
 
一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理
一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理
一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理
ybout
 
cyberagent_For New Investors_EN_240424.pdf
cyberagent_For New Investors_EN_240424.pdfcyberagent_For New Investors_EN_240424.pdf
cyberagent_For New Investors_EN_240424.pdf
CyberAgent, Inc.
 
Investor Day 2024 Presentation Sysco 2024
Investor Day 2024 Presentation Sysco 2024Investor Day 2024 Presentation Sysco 2024
Investor Day 2024 Presentation Sysco 2024
Sysco_Investors
 
Osisko Development - Investor Presentation - June 24
Osisko Development - Investor Presentation - June 24Osisko Development - Investor Presentation - June 24
Osisko Development - Investor Presentation - June 24
Philip Rabenok
 
Collective Mining | Corporate Presentation - May 2024
Collective Mining | Corporate Presentation - May 2024Collective Mining | Corporate Presentation - May 2024
Collective Mining | Corporate Presentation - May 2024
CollectiveMining1
 
2024-deutsche-bank-global-consumer-conference.pdf
2024-deutsche-bank-global-consumer-conference.pdf2024-deutsche-bank-global-consumer-conference.pdf
2024-deutsche-bank-global-consumer-conference.pdf
Sysco_Investors
 

Recently uploaded (8)

Snam 2023-27 Industrial Plan - Financial Presentation
Snam 2023-27 Industrial Plan - Financial PresentationSnam 2023-27 Industrial Plan - Financial Presentation
Snam 2023-27 Industrial Plan - Financial Presentation
 
Corporate Presentation Probe June 2024.pdf
Corporate Presentation Probe June 2024.pdfCorporate Presentation Probe June 2024.pdf
Corporate Presentation Probe June 2024.pdf
 
一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理
一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理
一比一原版(UW毕业证)华盛顿大学毕业证成绩单专业办理
 
cyberagent_For New Investors_EN_240424.pdf
cyberagent_For New Investors_EN_240424.pdfcyberagent_For New Investors_EN_240424.pdf
cyberagent_For New Investors_EN_240424.pdf
 
Investor Day 2024 Presentation Sysco 2024
Investor Day 2024 Presentation Sysco 2024Investor Day 2024 Presentation Sysco 2024
Investor Day 2024 Presentation Sysco 2024
 
Osisko Development - Investor Presentation - June 24
Osisko Development - Investor Presentation - June 24Osisko Development - Investor Presentation - June 24
Osisko Development - Investor Presentation - June 24
 
Collective Mining | Corporate Presentation - May 2024
Collective Mining | Corporate Presentation - May 2024Collective Mining | Corporate Presentation - May 2024
Collective Mining | Corporate Presentation - May 2024
 
2024-deutsche-bank-global-consumer-conference.pdf
2024-deutsche-bank-global-consumer-conference.pdf2024-deutsche-bank-global-consumer-conference.pdf
2024-deutsche-bank-global-consumer-conference.pdf
 

11959189.ppt

  • 1.
  • 2. WHAT IS TYPOGRAPHY? • Typography: The study of all elements of type including the shape, size and spacing of the characters • Typography plays an important role in the audience perception of your document or project and its information • Typography helps to create “information relationships” in two ways: • By the organization of your information • Keeping things interesting through the use of fonts, letters and symbols
  • 3. PRINCIPLES OF DESIGN FOR TYPOGRAPHY • Legibility: Making sure the audience can read and understand your text • Reverse type: white type on a dark background and is designed to make type stand out • Similarity, alignment: Using typography to create relationships between similar kinds of information • Uniformity or consistency: Repeating familiar elements to focus your audience’s attention • Contrast: Creating interest and distinguishing different types of information with different typefaces • Hierarchy: Making sure your audience understands that information has different levels of importance
  • 4. FONTS • Font: Originally included typeface, style and size, but the term is now interchangeable with typeface • Font Family: A typeface and all its variants such as Times New Roman regular, italic and bold • Roman: describes a font without additional attributes such as italics • Decorative fonts: are those used for display purposes • Script fonts: designed to imitate handwriting • Blackletter fonts: Imitate an antique European font • Monospace fonts: Fonts that mimic the spacing produced by a typewriter
  • 5. TYPEFACES • Typeface: The design for the letters, numbers and symbols that make up a font • Serif: a typeface with extensions at the ends of the main strokes that define each letter. These extensions are called serifs. • Bracketed serif: a curved serif that fills in the area between the serif and the stroke • Sans serif: a typeface without serifs • Oldstyle fonts: have bracketed serifs, angled stress, and strokes that move gently from thick to thin • Transitional fonts: have bracketed serifs, vertical stress and uneven strokes that move quickly from thick to thin • Modern fonts: have unbracketed serifs, vertical stress and uneven strokes • Slab Serif Fonts: have heavy serifs, vertical stress and even strokes
  • 7. SPACING CHOICES • Proportional fonts: are spaced according to the size of the letter • Monospace fonts: are spaced the same for every letter • Tracking: the spacing between letters in a word • Kerning pairs: sets of letters designed to be spaced closely together • Kerning: spacing of letters generally to make them move closer together • Ligatures: Letters that have historically been attached, creating a single character • Leading: The spacing between lines of a paragraph • Em space: a space the width of a capital letter “M” in the font and point size being used • En space: half the size of an em space, is the width of a capital letter “N” in the font and point size being used
  • 8. SPACING CONVENTIONS • Hanging indents: a paragraph’s first line is flush left but the remaining lines are indented • Tabs: places on a ruler used to line up text • Widows: Single sentences or phrases at the bottom of a column or page. The rest of the paragraph appears on the next page or column • Orphans: Single lines of text that appear at the top of the column or page, with the rest of the paragraph appearing in the previous column or page
  • 9. ALIGNMENT • There are four primary types: • Left Aligned: Often referred to as “left justified” or “flush left”, typically the default setting for a document, begins each line along the left margin of the document • Right Aligned: Often referred to as “right justified” or “flush right”, it aligns the beginning of each line of text along the right margin of the document • Centered: Text is placed in the center of each line leaving the same margin on both sides • Justified: Each line of text fills the entire space from left to right, except for the paragraph indent and the last line of the paragraph