SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Typography
Typography is the art and technique of
arranging type in order to make language
                 visible.
Typeface and Font
Typeface:
  "Set of characters that share common design features"



It’s the letters, numbers, and other characters that let us
   put words on paper (or screen).



Font:
 "A complete character set within a typeface, of a particular
                        style and size"



For eg. a set of characters of "Verdana" size 9 point and in
Typeface Types
• Roman typeface
• Blackletter typeface
• Gaelic typeface
• Monospaced typeface
• Symbol typeface
• Display type
Roman Typeface
• Serif
• Sans-Serif
• Script
• Ornamental
Serif and Sans-Serif:
Serif is easier to read in long passages.
Roman Typeface

Script:
Imitates handwriting or
calligraphy.


Used for logos and
invitations.
Roman Typeface
Ornamental:
Used for decorative purposes. They may
 contain some images, symbols etc. Almost
 never used in paragraph text.
Blackletter Typeface
Earliest typeface used for printing. Also called
 as Gothic Scripts.
Gaelic Typeface
Irish script.
Monospaced
Proportional:
Glyphs of varying width.
Monospaced:
Glyphs of common width.
Symbol Typeface
Also called "Dingbats" consists of symbols. Eg,
  bullets, traffic symbols etc.
Display Typeface
Type used mainly to attract the viewer.
  Normally with higher font sizes.
Typeface Anatomy
Basic Parts:




Common parts
Typeface Anatomy (contd.)
Ascender and Descender:
Typeface Anatomy (contd.)
Pronounced Serif
Typeface Anatomy (contd.)
Aperture, Ear, Hairline
Typeface Anatomy (contd.)
Crossbar, Terminal, Loop
Typeface Anatomy (contd.)
Spur, Link, Spine
Typeface Anatomy (contd.)
Tail, Finial, Shoulder
Typography
Typography
Typography

Weitere ähnliche Inhalte

Was ist angesagt?

Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseDigital Surgeons
 
Basic to Mastering Typography
Basic to Mastering TypographyBasic to Mastering Typography
Basic to Mastering TypographyShahria Hossain
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typographyMigle Migle
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPointcindymartin
 
Which font should I use?
Which font should I use?Which font should I use?
Which font should I use?Alexei Kapterev
 
Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy finalSenistr0
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typographyRayn HOWAYEK
 
Type faces
Type facesType faces
Type facesJo Lowes
 
Cunning Plan - The Power of Typography
Cunning Plan -  The Power of Typography Cunning Plan -  The Power of Typography
Cunning Plan - The Power of Typography Lizzie Clarke
 
ID,P,PS+portfolio.compressed
ID,P,PS+portfolio.compressedID,P,PS+portfolio.compressed
ID,P,PS+portfolio.compressedtara cook
 
Typefaces and Letterforms
Typefaces and LetterformsTypefaces and Letterforms
Typefaces and LetterformsKatie Taplin
 
Fund of design unit 6 module 2 introduction to classifications
Fund of design unit 6 module 2 introduction to classificationsFund of design unit 6 module 2 introduction to classifications
Fund of design unit 6 module 2 introduction to classificationskateridrex
 
Como elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio webComo elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio webAna Cirujano
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webAna Cirujano
 
Typography Presentation - OUGD404
Typography Presentation - OUGD404Typography Presentation - OUGD404
Typography Presentation - OUGD404Olivia Homar
 

Was ist angesagt? (19)

The typography
The typographyThe typography
The typography
 
Typecurious: A Typography Crash Course
Typecurious: A Typography Crash CourseTypecurious: A Typography Crash Course
Typecurious: A Typography Crash Course
 
Basic to Mastering Typography
Basic to Mastering TypographyBasic to Mastering Typography
Basic to Mastering Typography
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
1.01 Typography PowerPoint
1.01 Typography PowerPoint1.01 Typography PowerPoint
1.01 Typography PowerPoint
 
Which font should I use?
Which font should I use?Which font should I use?
Which font should I use?
 
Typograpghy final
Typograpghy finalTypograpghy final
Typograpghy final
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
 
Typography Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)Typography Referenced by Allan Haley (2012)
Typography Referenced by Allan Haley (2012)
 
Type faces
Type facesType faces
Type faces
 
Typefaces
TypefacesTypefaces
Typefaces
 
Cunning Plan - The Power of Typography
Cunning Plan -  The Power of Typography Cunning Plan -  The Power of Typography
Cunning Plan - The Power of Typography
 
ID,P,PS+portfolio.compressed
ID,P,PS+portfolio.compressedID,P,PS+portfolio.compressed
ID,P,PS+portfolio.compressed
 
Typefaces and Letterforms
Typefaces and LetterformsTypefaces and Letterforms
Typefaces and Letterforms
 
Fund of design unit 6 module 2 introduction to classifications
Fund of design unit 6 module 2 introduction to classificationsFund of design unit 6 module 2 introduction to classifications
Fund of design unit 6 module 2 introduction to classifications
 
Como elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio webComo elegir el tipo de letra perfecto para un sitio web
Como elegir el tipo de letra perfecto para un sitio web
 
Typeform Class
Typeform ClassTypeform Class
Typeform Class
 
Elige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu webElige un tipo de letra adecuado para tu web
Elige un tipo de letra adecuado para tu web
 
Typography Presentation - OUGD404
Typography Presentation - OUGD404Typography Presentation - OUGD404
Typography Presentation - OUGD404
 

Ähnlich wie Typography

Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWahyuRafdinal1
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdfjb00007
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 textDom Mike
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI DesignSusmita Khare
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy phamvy_pham96
 
What is topography
What is topographyWhat is topography
What is topographyAnushayAkbar
 
Text-Elements of multimedia
Text-Elements of multimediaText-Elements of multimedia
Text-Elements of multimediaVanitha Chandru
 
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
 
Typography.pptx
Typography.pptxTypography.pptx
Typography.pptxsadert1
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explainedJo Lowes
 

Ähnlich wie Typography (20)

Typography Basics for DTP
Typography Basics for DTPTypography Basics for DTP
Typography Basics for DTP
 
Week 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptxWeek 7_Chapter 7_typography.pptx
Week 7_Chapter 7_typography.pptx
 
all about typography interactivect.pdf
all about typography interactivect.pdfall about typography interactivect.pdf
all about typography interactivect.pdf
 
Lec14 15 16 text
Lec14 15 16 textLec14 15 16 text
Lec14 15 16 text
 
Font Basics - a small introduction
Font Basics - a small introductionFont Basics - a small introduction
Font Basics - a small introduction
 
Typography in UI Design
Typography in UI DesignTypography in UI Design
Typography in UI Design
 
Topography
TopographyTopography
Topography
 
Typography
TypographyTypography
Typography
 
4. typographic terms vy pham
4. typographic terms vy pham4. typographic terms vy pham
4. typographic terms vy pham
 
What is topography
What is topographyWhat is topography
What is topography
 
What is topography
What is topographyWhat is topography
What is topography
 
Text-Elements of multimedia
Text-Elements of multimediaText-Elements of multimedia
Text-Elements of multimedia
 
Topic 3
Topic 3Topic 3
Topic 3
 
Typography
TypographyTypography
Typography
 
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...
 
LETTERING STYLES.pptx
LETTERING STYLES.pptxLETTERING STYLES.pptx
LETTERING STYLES.pptx
 
Fonts!
Fonts!Fonts!
Fonts!
 
Typography.pptx
Typography.pptxTypography.pptx
Typography.pptx
 
Typography
TypographyTypography
Typography
 
Design and type terms explained
Design and  type terms explainedDesign and  type terms explained
Design and type terms explained
 

Kürzlich hochgeladen

group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 

Kürzlich hochgeladen (20)

group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 

Typography