SlideShare a Scribd company logo
1 of 9
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 (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

Discovering computers- Chapter 1 (1).pptx
Discovering computers- Chapter 1 (1).pptxDiscovering computers- Chapter 1 (1).pptx
Discovering computers- Chapter 1 (1).pptxGIFTCHIMWENDO
 
Chapter 04 Hardware.pptx
Chapter 04 Hardware.pptxChapter 04 Hardware.pptx
Chapter 04 Hardware.pptxGIFTCHIMWENDO
 
3C_Bank_Reconciliation.ppt
3C_Bank_Reconciliation.ppt3C_Bank_Reconciliation.ppt
3C_Bank_Reconciliation.pptGIFTCHIMWENDO
 

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

VIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our EscortsVIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our Escortssonatiwari757
 
Collective Mining | Corporate Presentation - April 2024
Collective Mining | Corporate Presentation - April 2024Collective Mining | Corporate Presentation - April 2024
Collective Mining | Corporate Presentation - April 2024CollectiveMining1
 
Q3 FY24 Earnings Conference Call Presentation
Q3 FY24 Earnings Conference Call PresentationQ3 FY24 Earnings Conference Call Presentation
Q3 FY24 Earnings Conference Call PresentationSysco_Investors
 
CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service 🧦
CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service  🧦CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service  🧦
CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service 🧦anilsa9823
 
Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024
Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024
Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024Osisko Gold Royalties Ltd
 
Teck Investor Presentation, April 24, 2024
Teck Investor Presentation, April 24, 2024Teck Investor Presentation, April 24, 2024
Teck Investor Presentation, April 24, 2024TeckResourcesLtd
 
VIP Kolkata Call Girls Bidhannagar 8250192130 Available With Room
VIP Kolkata Call Girls Bidhannagar 8250192130 Available With RoomVIP Kolkata Call Girls Bidhannagar 8250192130 Available With Room
VIP Kolkata Call Girls Bidhannagar 8250192130 Available With Roomrran7532
 
VIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call Girladitipandeya
 
Call Girl Kolkata Sia 🤌 8250192130 🚀 Vip Call Girls Kolkata
Call Girl Kolkata Sia 🤌  8250192130 🚀 Vip Call Girls KolkataCall Girl Kolkata Sia 🤌  8250192130 🚀 Vip Call Girls Kolkata
Call Girl Kolkata Sia 🤌 8250192130 🚀 Vip Call Girls Kolkataanamikaraghav4
 
VIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our Escorts
VIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our EscortsVIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our Escorts
VIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our Escortssonatiwari757
 
如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书
如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书
如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书Fis s
 
VIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call Girladitipandeya
 
Russian Call Girls Kolkata Amaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls Kolkata Amaira 🤌  8250192130 🚀 Vip Call Girls KolkataRussian Call Girls Kolkata Amaira 🤌  8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls Kolkata Amaira 🤌 8250192130 🚀 Vip Call Girls Kolkataanamikaraghav4
 
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.pdfCyberAgent, Inc.
 

Recently uploaded (20)

VIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our EscortsVIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our Escorts
VIP Amritsar Call Girl 7001035870 Enjoy Call Girls With Our Escorts
 
Call Girls 🫤 East Of Kailash ➡️ 9999965857 ➡️ Delhi 🫦 Russian Escorts FULL ...
Call Girls 🫤 East Of Kailash ➡️ 9999965857  ➡️ Delhi 🫦  Russian Escorts FULL ...Call Girls 🫤 East Of Kailash ➡️ 9999965857  ➡️ Delhi 🫦  Russian Escorts FULL ...
Call Girls 🫤 East Of Kailash ➡️ 9999965857 ➡️ Delhi 🫦 Russian Escorts FULL ...
 
Collective Mining | Corporate Presentation - April 2024
Collective Mining | Corporate Presentation - April 2024Collective Mining | Corporate Presentation - April 2024
Collective Mining | Corporate Presentation - April 2024
 
Q3 FY24 Earnings Conference Call Presentation
Q3 FY24 Earnings Conference Call PresentationQ3 FY24 Earnings Conference Call Presentation
Q3 FY24 Earnings Conference Call Presentation
 
CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service 🧦
CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service  🧦CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service  🧦
CALL ON ➥8923113531 🔝Call Girls Vineet Khand Lucknow best Night Fun service 🧦
 
Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024
Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024
Osisko Gold Royalties Ltd - Corporate Presentation, April 23, 2024
 
@9999965857 🫦 Sexy Desi Call Girls Karol Bagh 💓 High Profile Escorts Delhi 🫶
@9999965857 🫦 Sexy Desi Call Girls Karol Bagh 💓 High Profile Escorts Delhi 🫶@9999965857 🫦 Sexy Desi Call Girls Karol Bagh 💓 High Profile Escorts Delhi 🫶
@9999965857 🫦 Sexy Desi Call Girls Karol Bagh 💓 High Profile Escorts Delhi 🫶
 
Teck Investor Presentation, April 24, 2024
Teck Investor Presentation, April 24, 2024Teck Investor Presentation, April 24, 2024
Teck Investor Presentation, April 24, 2024
 
Rohini Sector 17 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 17 Call Girls Delhi 9999965857 @Sabina Saikh No AdvanceRohini Sector 17 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
Rohini Sector 17 Call Girls Delhi 9999965857 @Sabina Saikh No Advance
 
Call Girls 🫤 Mahipalpur ➡️ 9999965857 ➡️ Delhi 🫦 Russian Escorts FULL ENJOY
Call Girls 🫤 Mahipalpur ➡️ 9999965857  ➡️ Delhi 🫦  Russian Escorts FULL ENJOYCall Girls 🫤 Mahipalpur ➡️ 9999965857  ➡️ Delhi 🫦  Russian Escorts FULL ENJOY
Call Girls 🫤 Mahipalpur ➡️ 9999965857 ➡️ Delhi 🫦 Russian Escorts FULL ENJOY
 
Vip Call Girls Vasant Kunj ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
Vip Call Girls Vasant Kunj ➡️ Delhi ➡️ 9999965857 No Advance 24HRS LiveVip Call Girls Vasant Kunj ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
Vip Call Girls Vasant Kunj ➡️ Delhi ➡️ 9999965857 No Advance 24HRS Live
 
VIP Kolkata Call Girls Bidhannagar 8250192130 Available With Room
VIP Kolkata Call Girls Bidhannagar 8250192130 Available With RoomVIP Kolkata Call Girls Bidhannagar 8250192130 Available With Room
VIP Kolkata Call Girls Bidhannagar 8250192130 Available With Room
 
VIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Miyapur high-profile Call Girl
 
Call Girl Kolkata Sia 🤌 8250192130 🚀 Vip Call Girls Kolkata
Call Girl Kolkata Sia 🤌  8250192130 🚀 Vip Call Girls KolkataCall Girl Kolkata Sia 🤌  8250192130 🚀 Vip Call Girls Kolkata
Call Girl Kolkata Sia 🤌 8250192130 🚀 Vip Call Girls Kolkata
 
VIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our Escorts
VIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our EscortsVIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our Escorts
VIP Call Girl Amritsar 7001035870 Enjoy Call Girls With Our Escorts
 
如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书
如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书
如何办理(UTS毕业证书)悉尼科技大学毕业证学位证书
 
VIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call GirlVIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call Girl
VIP 7001035870 Find & Meet Hyderabad Call Girls Shamirpet high-profile Call Girl
 
Russian Call Girls Kolkata Amaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls Kolkata Amaira 🤌  8250192130 🚀 Vip Call Girls KolkataRussian Call Girls Kolkata Amaira 🤌  8250192130 🚀 Vip Call Girls Kolkata
Russian Call Girls Kolkata Amaira 🤌 8250192130 🚀 Vip Call Girls Kolkata
 
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
 
Escort Service Call Girls In Shalimar Bagh, 99530°56974 Delhi NCR
Escort Service Call Girls In Shalimar Bagh, 99530°56974 Delhi NCREscort Service Call Girls In Shalimar Bagh, 99530°56974 Delhi NCR
Escort Service Call Girls In Shalimar Bagh, 99530°56974 Delhi NCR
 

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