SlideShare une entreprise Scribd logo
1  sur  14
MODULE 16: TYPOGRAPHY
Categories of typefaces share similar
characteristics.
Typefaces have families.
Type is measured in points.
Column widths should be in proportion to type
size.
ADISTINCTIVE | The sans serif letter (left) is streamlined; the serif letter (right) sports tiny brackets.
A
Readable type communicates content clearly.
The alignment of type affects readability.
Paragraph indentations should be consistent.
This is 36-point Times
This is 36-point Times Italic
This is 36-point Times Bold
This is 36-point Times Bold Italic
This is 36-point Helvetica
This is 36-point Helvetica Italic
This is 36-point Helvetica Bold
This is 36-point Helvetica Bold Italic
TYPEFACE FAMILY/STYLES | Times is a popular serif font. Helvetica is a popular sans serif font.
TYPOGRAPHIC ANATOMY | The height of typography measured from the ascender to the descender.
With his head in his hands and the
sweat coming down his face,
sophomore Brandon Gonzales knew it
was all worth it when he placed third
in the district race. He finished with a
time of 20:06 to lead the junior varsity
team.
With his head in his hands and the
sweat coming down his face,
sophomore Brandon Gonzales knew it
was all worth it when he placed third
in the district race. He finished with a
time of 20:06 to lead the junior varsity
team.
NORMAL LEADING EXPANDED LEADING
LEADING | The space between lines of typography is measured in points.
THIS IS SMALL CAPS
this is lower case
This is sentence style
THIS IS ALL CAPS
CAPITALIZATION | Some styles are best used for primary headlines, not for stories and captions.
With his head in his hands and the
sweat coming down his face,
sophomore Brandon Gonzales knew it
was all worth it when he placed third
in the district race. He finished with a
time of 20:06 to lead the junior varsity
team.
With his head in his hands and the
sweat coming down his face,
sophomore Brandon Gonzales knew it
was all worth it when he placed third
in the district race. He finished with a
time of 20:06 to lead the junior varsity
team.
With his head in his hands and the
sweat coming down his face,
sophomore Brandon Gonzales knew it
was all worth it when he placed third
in the district race. He finished with a
time of 20:06 to lead the junior varsity
team.
With his head in his hands and the
sweat coming down his face,
sophomore Brandon Gonzales knew it
was all worth it when he placed third
in the district race. He finished with a
time of 20:06 to lead the junior varsity
team.
JUSTIFIED ALIGN LEFT
CENTERED ALIGN RIGHT
ALIGNMENT | Don’t always use justified alignment for stories and captions. Consider align left for variety.
Several techniques create contrast.
Headlines and captions require close attention.
Body copy should be easy for the reader to read.
A BOLD STATEMENT | For contrast, two sizes of this bold font are used for a powerful primary headline.
A LITTLE IS A LOT | When using script, restraint is the key to effective communication.
CLASSIC | Restrained typographic use doesn’t mean the design has to be boring.
MODULE 16: TYPOGRAPHY

Contenu connexe

En vedette

Photography Basics
Photography BasicsPhotography Basics
Photography BasicsBrad Lewis
 
All I Needed to Know About Photojournalism Ethics, I Learned in Kindergarten
All I Needed to Know About Photojournalism Ethics, I Learned in KindergartenAll I Needed to Know About Photojournalism Ethics, I Learned in Kindergarten
All I Needed to Know About Photojournalism Ethics, I Learned in KindergartenBradley Wilson
 
Yearbook theme for high schools
Yearbook theme for high schoolsYearbook theme for high schools
Yearbook theme for high schoolsBradley Wilson
 

En vedette (6)

tree ring analysis
tree ring analysis tree ring analysis
tree ring analysis
 
Photography Basics
Photography BasicsPhotography Basics
Photography Basics
 
Yearbook vocabulary
Yearbook vocabularyYearbook vocabulary
Yearbook vocabulary
 
Caption writing
Caption writingCaption writing
Caption writing
 
All I Needed to Know About Photojournalism Ethics, I Learned in Kindergarten
All I Needed to Know About Photojournalism Ethics, I Learned in KindergartenAll I Needed to Know About Photojournalism Ethics, I Learned in Kindergarten
All I Needed to Know About Photojournalism Ethics, I Learned in Kindergarten
 
Yearbook theme for high schools
Yearbook theme for high schoolsYearbook theme for high schools
Yearbook theme for high schools
 

Plus de Brad Lewis

PhotoJournalism Syllabus and Class Directives Presentation
PhotoJournalism Syllabus and Class Directives PresentationPhotoJournalism Syllabus and Class Directives Presentation
PhotoJournalism Syllabus and Class Directives PresentationBrad Lewis
 
Introduction to Multimedia Journalism Class Directives
Introduction to Multimedia Journalism Class DirectivesIntroduction to Multimedia Journalism Class Directives
Introduction to Multimedia Journalism Class DirectivesBrad Lewis
 
Modular Design
Modular DesignModular Design
Modular DesignBrad Lewis
 
Changing of the guard
Changing of the guardChanging of the guard
Changing of the guardBrad Lewis
 
Headline writing
Headline writingHeadline writing
Headline writingBrad Lewis
 
Write better captions
Write better captionsWrite better captions
Write better captionsBrad Lewis
 
Opinion writing
Opinion writingOpinion writing
Opinion writingBrad Lewis
 
Caption writing
Caption writingCaption writing
Caption writingBrad Lewis
 
Newswriting tips
Newswriting tipsNewswriting tips
Newswriting tipsBrad Lewis
 
Journalism Writing vs. English Writing
Journalism Writing vs. English WritingJournalism Writing vs. English Writing
Journalism Writing vs. English WritingBrad Lewis
 
Interviewing 101
Interviewing 101Interviewing 101
Interviewing 101Brad Lewis
 
Localize the news
Localize the newsLocalize the news
Localize the newsBrad Lewis
 
Photographic Composition
Photographic CompositionPhotographic Composition
Photographic CompositionBrad Lewis
 
You be the editor
You be the editorYou be the editor
You be the editorBrad Lewis
 
You be the editor
You be the editorYou be the editor
You be the editorBrad Lewis
 
Understanding light
Understanding lightUnderstanding light
Understanding lightBrad Lewis
 
Photo technical - how did they do it
Photo   technical - how did they do itPhoto   technical - how did they do it
Photo technical - how did they do itBrad Lewis
 
Photo technical - exposure w recip agreement
Photo   technical - exposure w recip agreementPhoto   technical - exposure w recip agreement
Photo technical - exposure w recip agreementBrad Lewis
 
Photo technical - lenses
Photo   technical - lensesPhoto   technical - lenses
Photo technical - lensesBrad Lewis
 

Plus de Brad Lewis (20)

PhotoJournalism Syllabus and Class Directives Presentation
PhotoJournalism Syllabus and Class Directives PresentationPhotoJournalism Syllabus and Class Directives Presentation
PhotoJournalism Syllabus and Class Directives Presentation
 
Introduction to Multimedia Journalism Class Directives
Introduction to Multimedia Journalism Class DirectivesIntroduction to Multimedia Journalism Class Directives
Introduction to Multimedia Journalism Class Directives
 
Modular Design
Modular DesignModular Design
Modular Design
 
Top 7 excuses
Top 7 excusesTop 7 excuses
Top 7 excuses
 
Changing of the guard
Changing of the guardChanging of the guard
Changing of the guard
 
Headline writing
Headline writingHeadline writing
Headline writing
 
Write better captions
Write better captionsWrite better captions
Write better captions
 
Opinion writing
Opinion writingOpinion writing
Opinion writing
 
Caption writing
Caption writingCaption writing
Caption writing
 
Newswriting tips
Newswriting tipsNewswriting tips
Newswriting tips
 
Journalism Writing vs. English Writing
Journalism Writing vs. English WritingJournalism Writing vs. English Writing
Journalism Writing vs. English Writing
 
Interviewing 101
Interviewing 101Interviewing 101
Interviewing 101
 
Localize the news
Localize the newsLocalize the news
Localize the news
 
Photographic Composition
Photographic CompositionPhotographic Composition
Photographic Composition
 
You be the editor
You be the editorYou be the editor
You be the editor
 
You be the editor
You be the editorYou be the editor
You be the editor
 
Understanding light
Understanding lightUnderstanding light
Understanding light
 
Photo technical - how did they do it
Photo   technical - how did they do itPhoto   technical - how did they do it
Photo technical - how did they do it
 
Photo technical - exposure w recip agreement
Photo   technical - exposure w recip agreementPhoto   technical - exposure w recip agreement
Photo technical - exposure w recip agreement
 
Photo technical - lenses
Photo   technical - lensesPhoto   technical - lenses
Photo technical - lenses
 

Dernier

SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxjeswinjees
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756dollysharma2066
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...kumaririma588
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Delhi Call girls
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...sonalitrivedi431
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Delhi Call girls
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...amitlee9823
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funneljen_giacalone
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxmirandajeremy200221
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...amitlee9823
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...Call Girls in Nagpur High Profile
 

Dernier (20)

young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptxStark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
 
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Mahipalpur Delhi Contact Us 8377877756
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
Best VIP Call Girls Noida Sector 44 Call Me: 8448380779
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
Best VIP Call Girls Noida Sector 47 Call Me: 8448380779
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
DragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptxDragonBall PowerPoint Template for demo.pptx
DragonBall PowerPoint Template for demo.pptx
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 

Typography

  • 2. Categories of typefaces share similar characteristics. Typefaces have families. Type is measured in points. Column widths should be in proportion to type size.
  • 3. ADISTINCTIVE | The sans serif letter (left) is streamlined; the serif letter (right) sports tiny brackets. A
  • 4. Readable type communicates content clearly. The alignment of type affects readability. Paragraph indentations should be consistent.
  • 5. This is 36-point Times This is 36-point Times Italic This is 36-point Times Bold This is 36-point Times Bold Italic This is 36-point Helvetica This is 36-point Helvetica Italic This is 36-point Helvetica Bold This is 36-point Helvetica Bold Italic TYPEFACE FAMILY/STYLES | Times is a popular serif font. Helvetica is a popular sans serif font.
  • 6. TYPOGRAPHIC ANATOMY | The height of typography measured from the ascender to the descender.
  • 7. With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team. With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team. NORMAL LEADING EXPANDED LEADING LEADING | The space between lines of typography is measured in points.
  • 8. THIS IS SMALL CAPS this is lower case This is sentence style THIS IS ALL CAPS CAPITALIZATION | Some styles are best used for primary headlines, not for stories and captions.
  • 9. With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team. With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team. With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team. With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team. JUSTIFIED ALIGN LEFT CENTERED ALIGN RIGHT ALIGNMENT | Don’t always use justified alignment for stories and captions. Consider align left for variety.
  • 10. Several techniques create contrast. Headlines and captions require close attention. Body copy should be easy for the reader to read.
  • 11. A BOLD STATEMENT | For contrast, two sizes of this bold font are used for a powerful primary headline.
  • 12. A LITTLE IS A LOT | When using script, restraint is the key to effective communication.
  • 13. CLASSIC | Restrained typographic use doesn’t mean the design has to be boring.