SlideShare a Scribd company logo
1 of 44
Download to read offline
TYPOGRAPHY
Noun
The style and appearance of printed matter.
The art of designing and/or selecting of typefaces and the way in which
the type is laid out on a page to best achieve the desired visual effect.
Letterpress printing was the normal
form of printing text from its invention
by Johannes Gutenberg in the mid-
15th century until the 19th century.
It remained in wide use for books and
other uses until the second half of the
20th century.
Typefaces vs. Fonts
A typeface, also known as a font family, is a
set of fonts. A typeface contains all of the
different variations of a given font such as
bold, light, italic, condensed, etc.
A font is a specific variation of the font family,
such as Helvetica Light.
Serif vs. Sans-Serif
Serifs are extensions at the ends of
letter strokes.
Sans-serif fonts do not have serifs.
Slab Serif
A typeface
with thick
block like
Serifs
Rockwell
Script
Fluid typefaces based on handwriting or
calligraphy.
The letters often connect.
Leading
Used to describe the
vertical spacing
between lines.
Increasing leading is
often used to help
improve legibility.
Tracking
Used to describe the
spacing between letters
Increasing tracking is
often used to help
improve legibility.
Tracking
Tracking
Tracking
Kerning
Used to describe the spacing
between letter pairs
Increasing tracking is often
used for aesthetic reasons
Professional typefaces
contain automatic kerning
for a range of character pairs.
C O L O U R
EXAMPLES
OF
CREATIVE
TYPOGRAPHY
DESIGNS
T H E T Y P O G R A P H Y
S H O U L D R E F L R C T Y O U R
B R A N D I D E N T I T Y /
T H E M E / M E S S A G E –
WHAT DO YOU
WANT TO
COMMUNICATE
WITH THE VIE WER?
INTEGRATE TE X T
WITH
IMAGRY
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf
Typography Basics- Vocab- Examples-1 (1).pdf

More Related Content

Similar to Typography Basics- Vocab- Examples-1 (1).pdf

Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
Dom Mike
 
letteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptxletteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptx
TeacherAngelicaPanti
 

Similar to Typography Basics- Vocab- Examples-1 (1).pdf (20)

Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptx
 
Typography
TypographyTypography
Typography
 
Typography (incomplete)
Typography (incomplete)Typography (incomplete)
Typography (incomplete)
 
Typeface 2.pdf
Typeface 2.pdfTypeface 2.pdf
Typeface 2.pdf
 
Fonts
Fonts Fonts
Fonts
 
Describing type
Describing typeDescribing type
Describing type
 
Typographic basics
Typographic basicsTypographic basics
Typographic basics
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
 
Topic 3
Topic 3Topic 3
Topic 3
 
Anatomy of Type - Introduction.pdf
Anatomy of Type - Introduction.pdfAnatomy of Type - Introduction.pdf
Anatomy of Type - Introduction.pdf
 
Fonts and Book Cover Research and Designs
Fonts and Book Cover Research and DesignsFonts and Book Cover Research and Designs
Fonts and Book Cover Research and Designs
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
 
Typefaces and letter forms
Typefaces and letter formsTypefaces and letter forms
Typefaces and letter forms
 
Types and books
Types and booksTypes and books
Types and books
 
Science of font
Science of fontScience of font
Science of font
 
Typefaces and Letterforms
Typefaces and LetterformsTypefaces and Letterforms
Typefaces and Letterforms
 
letteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptxletteringstyles-220829234204-cc22a8bf.pptx
letteringstyles-220829234204-cc22a8bf.pptx
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
 
LETTERING STYLES.pptx
LETTERING STYLES.pptxLETTERING STYLES.pptx
LETTERING STYLES.pptx
 
Publication Design Chapter 04
Publication Design Chapter 04Publication Design Chapter 04
Publication Design Chapter 04
 

Recently uploaded

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17Model Attribute _rec_name in the Odoo 17
Model Attribute _rec_name in the Odoo 17
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
NO1 Top Black Magic Specialist In Lahore Black magic In Pakistan Kala Ilam Ex...
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Introduction to TechSoup’s Digital Marketing Services and Use Cases
Introduction to TechSoup’s Digital Marketing  Services and Use CasesIntroduction to TechSoup’s Digital Marketing  Services and Use Cases
Introduction to TechSoup’s Digital Marketing Services and Use Cases
 
Tatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf artsTatlong Kwento ni Lola basyang-1.pdf arts
Tatlong Kwento ni Lola basyang-1.pdf arts
 
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdfFICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
FICTIONAL SALESMAN/SALESMAN SNSW 2024.pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
VAMOS CUIDAR DO NOSSO PLANETA! .
VAMOS CUIDAR DO NOSSO PLANETA!                    .VAMOS CUIDAR DO NOSSO PLANETA!                    .
VAMOS CUIDAR DO NOSSO PLANETA! .
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Economic Importance Of Fungi In Food Additives
Economic Importance Of Fungi In Food AdditivesEconomic Importance Of Fungi In Food Additives
Economic Importance Of Fungi In Food Additives
 
How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17How to Manage Call for Tendor in Odoo 17
How to Manage Call for Tendor in Odoo 17
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 

Typography Basics- Vocab- Examples-1 (1).pdf

  • 1. TYPOGRAPHY Noun The style and appearance of printed matter. The art of designing and/or selecting of typefaces and the way in which the type is laid out on a page to best achieve the desired visual effect.
  • 2. Letterpress printing was the normal form of printing text from its invention by Johannes Gutenberg in the mid- 15th century until the 19th century. It remained in wide use for books and other uses until the second half of the 20th century.
  • 3.
  • 4. Typefaces vs. Fonts A typeface, also known as a font family, is a set of fonts. A typeface contains all of the different variations of a given font such as bold, light, italic, condensed, etc. A font is a specific variation of the font family, such as Helvetica Light.
  • 5. Serif vs. Sans-Serif Serifs are extensions at the ends of letter strokes. Sans-serif fonts do not have serifs.
  • 6.
  • 7. Slab Serif A typeface with thick block like Serifs Rockwell
  • 8. Script Fluid typefaces based on handwriting or calligraphy. The letters often connect.
  • 9.
  • 10.
  • 11. Leading Used to describe the vertical spacing between lines. Increasing leading is often used to help improve legibility.
  • 12. Tracking Used to describe the spacing between letters Increasing tracking is often used to help improve legibility. Tracking Tracking Tracking
  • 13.
  • 14. Kerning Used to describe the spacing between letter pairs Increasing tracking is often used for aesthetic reasons Professional typefaces contain automatic kerning for a range of character pairs.
  • 15.
  • 16.
  • 17. C O L O U R
  • 18.
  • 20. T H E T Y P O G R A P H Y S H O U L D R E F L R C T Y O U R B R A N D I D E N T I T Y / T H E M E / M E S S A G E – WHAT DO YOU WANT TO COMMUNICATE WITH THE VIE WER?
  • 21. INTEGRATE TE X T WITH IMAGRY