SlideShare a Scribd company logo
Typography for
[Digital] Humanists.
Friday, February 12, 2016
10am – 12pm
Fordham University
Amy Papaelias | @fontnerd
Assistant Professor of Graphic Design, SUNY New Paltz
The title for this presentation is inspired by:
Typography for Lawyers
Matthew Butterick
typographyforlawyers.com
And check out this very worthy follow-up:
Butterick’s Practical Typography
practicaltypography
Today, we’ll focus on
a few things:
Typeface selection in digital projects
Very basic type rules
Web typography tools and resources
“ Typography is what
language looks like.”
	 — Ellen Lupton
“ Typography exists to
honor content.”
— Robert Bringhurst
1.
Use good fonts well.
How do I know
what is good?
Choose your type
like you choose
your outfit:
What’s the occassion?
What’s the feeling I want to portray?
What’s the weather like?
[some very basic] Type Classification:
Serif
Sans-serif
Monospace
Script
Decorative
http://squidspot.com/Periodic_Table_of_Typefaces.html
Source Sans
FREEreadability
1/2 designer, 1/2 developer
tech & coffee
3,256webstandards
Type Designer: Paul D. Hunt (2012) Foundry: Adobe
Google Fonts
open source; web / print;
range of quality
Adobe Edge Fonts
free, web only, limited library
Typekit
access through Creative
Cloud; web & print
(subscription)
2.
Contrast
[in size, weight and style]
creates hierarchy.
Something old,
something new,
something borrowed,
something blue.
Something Bigsomething small
SOMETHING BOLD
something italic.
type in digital projects: levels of hierarchy.
<h1>Headlines</h1>
<h3>This might be a subhead</h3>
<p>Body copy. Here we want to consider a comfortable
line length as well as leading (or line height in CSS).
Use a font with low stroke contrast (not a lot of thicks
and thins) and select sizes for comfortable reading.
Note: 12pt ≠ 12px.</p>
Button Button
Type is everywhere on screen! Don’t forget other elements such as
buttons, captions, navigation, etc.
3.
breathe in, breathe out:
Negative space gives visual pause.
Thereactuallyisalotofnegativespaceonthisslide,butit’s
not being used very effectively. If you squint your eyes—
go ahead—you can see the space between lines of text.
There’s not a lot of breathing room because the space be-
tween lines and words is too monotonous. Negative space
creates dynamic visual interest and makes a text more
readable.
Thereactuallyisalotofnegativespaceonthisslide,butit’s
not being used very effectively. If you squint your eyes—
go ahead—you can see the space between lines of text.
There’s not a lot of breathing room because the space be-
tween lines and words is too monotonous. Negative space
creates dynamic visual interest and makes a text more
readable.
There actually is a lot of negative
space on this slide, but it’s not being
used very effectively.
If you squint your eyes—go ahead—
you can see the space between lines
of text. There’s not a lot of breath-
ing room because the space between
lines and words is too monotonous.
Negative space creates dynamic
visual interest and makes a text
more readable.
Typography for [Digital] Humanists
There actually is a lot of negative
space on this slide, but it’s not being
used very effectively.
If you squint your eyes—go ahead—
you can see the space between lines
of text. There’s not a lot of breath-
ing room because the space between
lines and words is too monotonous.
Negative space creates dynamic
visual interest and makes a text
more readable.
4.
the details:
Dashes and Ligatures and
Punctuation,
oh my!
Dashes: [Em] ­—, [En] –, [Hyphen] -
Ligatures: ffluffy
Punctuation:
“smart quotes ” ≠ ˝(inches)
apostrophe’s ≠ '(foot)
Typography for [Digital] Humanists
Typography for [Digital] Humanists
Typography for [Digital] Humanists
5.
nerd out.
Typographic resources abound.
ON WEB TYPOGRAPHY BY JASON SANTA MARIA FONTSTAND
PRACTICE.TYPEKIT.COM SMARTQUOTESFORSMARTPEOPLE.COM
type.method.ac
typeconnection.com
Examples for discussion
QUESTIONS TO ASK OURSELVES:
How is hierarchy created?
What feeling is the type conveying?
How is negative space used?
audubon.org
warholinitiative.org
gov.uk
pilot.boston.gov
A Brief Typography
Exercise with Typecast.com
Some NYC type resources:
Type Directors Club of NY: tdc.org
Type@Cooper: coopertype.org
Typographics Conference: typographics.org
Type as Language SVA: typography.sva.edu
Grolier Club: grolierclub.org
Some beyond NYC type resources:
Typographica: typographica.org
I Love Typography: ilovetypography.com
Letterform Archive: letterformarchive.org
Alphabettes: alphabettes.org

More Related Content

What's hot

Designing the Future: When Fact Meets Fiction
Designing the Future: When Fact Meets FictionDesigning the Future: When Fact Meets Fiction
Designing the Future: When Fact Meets Fiction
Dean Johnson
 
40 More Slides + Memorable Quotes from Cannes Lions 2010
40 More Slides + Memorable Quotes from Cannes Lions 201040 More Slides + Memorable Quotes from Cannes Lions 2010
40 More Slides + Memorable Quotes from Cannes Lions 2010
Jesse Desjardins - @jessedee
 
Design for Startups - Build Better Products, Not More Features
Design for Startups - Build Better Products, Not More FeaturesDesign for Startups - Build Better Products, Not More Features
Design for Startups - Build Better Products, Not More Features
Vitaly Golomb
 
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
Piktochart
 
Build the right thing
Build the right thingBuild the right thing
Build the right thing
Intercom
 
The Science of Story: How Brands Can Use Storytelling To Get More Customers
The Science of Story: How Brands Can Use Storytelling To Get More CustomersThe Science of Story: How Brands Can Use Storytelling To Get More Customers
The Science of Story: How Brands Can Use Storytelling To Get More Customers
Digital Surgeons
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
Yuan Wang
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of Everything
Charbel Zeaiter
 
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
Fight for Yourself: How to Sell Your Ideas and Crush PresentationsFight for Yourself: How to Sell Your Ideas and Crush Presentations
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
Digital Surgeons
 
How to Determine the ROI of Anything
How to Determine the ROI of AnythingHow to Determine the ROI of Anything
How to Determine the ROI of Anything
Gary Vaynerchuk
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
ux singapore
 
How People Really Hold and Touch (their Phones)
How People Really Hold and Touch (their Phones)How People Really Hold and Touch (their Phones)
How People Really Hold and Touch (their Phones)
Steven Hoober
 
Things That Don't Matter in Your Presentation!
Things That Don't Matter in Your Presentation!Things That Don't Matter in Your Presentation!
Things That Don't Matter in Your Presentation!
Ayman Sadiq
 
The Art of the Presentation
The Art of the PresentationThe Art of the Presentation
The Art of the Presentation
Jeffrey Stevens
 
Five Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same SlideFive Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same Slide
Crispy Presentations
 
5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak
Md. Samid Razzak
 
How to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfs
How to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfsHow to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfs
How to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfs
MarketingProfs
 
The Hierarchy of Engagement
The Hierarchy of EngagementThe Hierarchy of Engagement
The Hierarchy of Engagement
Greylock Partners
 
The Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-Workshop
Mike Rohde
 
10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation
Stinson
 

What's hot (20)

Designing the Future: When Fact Meets Fiction
Designing the Future: When Fact Meets FictionDesigning the Future: When Fact Meets Fiction
Designing the Future: When Fact Meets Fiction
 
40 More Slides + Memorable Quotes from Cannes Lions 2010
40 More Slides + Memorable Quotes from Cannes Lions 201040 More Slides + Memorable Quotes from Cannes Lions 2010
40 More Slides + Memorable Quotes from Cannes Lions 2010
 
Design for Startups - Build Better Products, Not More Features
Design for Startups - Build Better Products, Not More FeaturesDesign for Startups - Build Better Products, Not More Features
Design for Startups - Build Better Products, Not More Features
 
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
24 Awesome Infographic Ideas to Inspire Your Next Beautiful Creation
 
Build the right thing
Build the right thingBuild the right thing
Build the right thing
 
The Science of Story: How Brands Can Use Storytelling To Get More Customers
The Science of Story: How Brands Can Use Storytelling To Get More CustomersThe Science of Story: How Brands Can Use Storytelling To Get More Customers
The Science of Story: How Brands Can Use Storytelling To Get More Customers
 
10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience10 Insightful Quotes On Designing A Better Customer Experience
10 Insightful Quotes On Designing A Better Customer Experience
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of Everything
 
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
Fight for Yourself: How to Sell Your Ideas and Crush PresentationsFight for Yourself: How to Sell Your Ideas and Crush Presentations
Fight for Yourself: How to Sell Your Ideas and Crush Presentations
 
How to Determine the ROI of Anything
How to Determine the ROI of AnythingHow to Determine the ROI of Anything
How to Determine the ROI of Anything
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
 
How People Really Hold and Touch (their Phones)
How People Really Hold and Touch (their Phones)How People Really Hold and Touch (their Phones)
How People Really Hold and Touch (their Phones)
 
Things That Don't Matter in Your Presentation!
Things That Don't Matter in Your Presentation!Things That Don't Matter in Your Presentation!
Things That Don't Matter in Your Presentation!
 
The Art of the Presentation
The Art of the PresentationThe Art of the Presentation
The Art of the Presentation
 
Five Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same SlideFive Killer Ways to Design The Same Slide
Five Killer Ways to Design The Same Slide
 
5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak5 tools for an awesome presentation-By Samid Razzak
5 tools for an awesome presentation-By Samid Razzak
 
How to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfs
How to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfsHow to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfs
How to Craft Your Company's Storytelling Voice by Ann Handley of MarketingProfs
 
The Hierarchy of Engagement
The Hierarchy of EngagementThe Hierarchy of Engagement
The Hierarchy of Engagement
 
The Sketchnote Mini-Workshop
The Sketchnote Mini-WorkshopThe Sketchnote Mini-Workshop
The Sketchnote Mini-Workshop
 
10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation10 Things your Audience Hates About your Presentation
10 Things your Audience Hates About your Presentation
 

Similar to Typography for [Digital] Humanists

Type Matters: 5 Typographic Tips to Make Better Work
Type Matters: 5 Typographic Tips to Make Better WorkType Matters: 5 Typographic Tips to Make Better Work
Type Matters: 5 Typographic Tips to Make Better Work
Amy Papaelias
 
Rettig.interface designislanguagedesign
Rettig.interface designislanguagedesignRettig.interface designislanguagedesign
Rettig.interface designislanguagedesign
Marc Rettig
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
Jason Tham
 
Analytical Essay Outline
Analytical Essay OutlineAnalytical Essay Outline
Analytical Essay Outline
Paper Writing Service Reviews
 
Beyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and PersonasBeyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and Personas
Jeff Wisniewski
 
Typography & WordPress - WordCamp Rochester 2016
Typography & WordPress - WordCamp Rochester 2016Typography & WordPress - WordCamp Rochester 2016
Typography & WordPress - WordCamp Rochester 2016
AndyStaple
 
Powerpoint
PowerpointPowerpoint
Powerpoint
blair_matthews
 
Typography & WordPress
Typography & WordPressTypography & WordPress
Typography & WordPress
AndyStaple
 
Ielts Essay Telegraph
Ielts Essay   TelegraphIelts Essay   Telegraph
Ielts Essay Telegraph
Lisa Graves
 
Typography & WordPress - WordCamp Hamilton 2015
Typography & WordPress - WordCamp Hamilton 2015Typography & WordPress - WordCamp Hamilton 2015
Typography & WordPress - WordCamp Hamilton 2015
AndyStaple
 
Use Your Words: Content Strategy to Influence Behavior
Use Your Words: Content Strategy to Influence BehaviorUse Your Words: Content Strategy to Influence Behavior
Use Your Words: Content Strategy to Influence Behavior
Liz Danzico
 
PowerPoint Do's and Dont's
PowerPoint Do's and Dont'sPowerPoint Do's and Dont's
PowerPoint Do's and Dont's
meganturnham
 
Thoughts on design
Thoughts on designThoughts on design
Thoughts on design
shawntelford
 
Typography on the web charla meetup valencia espanol
Typography on the web charla meetup valencia espanolTypography on the web charla meetup valencia espanol
Typography on the web charla meetup valencia espanol
Fernando Serer
 
Designing Narrative Content Workshop
Designing Narrative Content WorkshopDesigning Narrative Content Workshop
Designing Narrative Content Workshop
Martha Rotter
 
Presentation Visuals
Presentation VisualsPresentation Visuals
Presentation Visuals
bthat
 
Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...
Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...
Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...
Takashi Iba
 
Introduction to My Research and Laboratory
Introduction to My Research and LaboratoryIntroduction to My Research and Laboratory
Introduction to My Research and Laboratory
Takashi Iba
 
Websites To Type Essays
Websites To Type EssaysWebsites To Type Essays
Websites To Type Essays
Best Paper Writing Service Reviews
 
Metaphic or the art of looking another way.
Metaphic or the art of looking another way.Metaphic or the art of looking another way.
Metaphic or the art of looking another way.
Suresh Manian
 

Similar to Typography for [Digital] Humanists (20)

Type Matters: 5 Typographic Tips to Make Better Work
Type Matters: 5 Typographic Tips to Make Better WorkType Matters: 5 Typographic Tips to Make Better Work
Type Matters: 5 Typographic Tips to Make Better Work
 
Rettig.interface designislanguagedesign
Rettig.interface designislanguagedesignRettig.interface designislanguagedesign
Rettig.interface designislanguagedesign
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 
Analytical Essay Outline
Analytical Essay OutlineAnalytical Essay Outline
Analytical Essay Outline
 
Beyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and PersonasBeyond Task Based Testing: Interviews and Personas
Beyond Task Based Testing: Interviews and Personas
 
Typography & WordPress - WordCamp Rochester 2016
Typography & WordPress - WordCamp Rochester 2016Typography & WordPress - WordCamp Rochester 2016
Typography & WordPress - WordCamp Rochester 2016
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 
Typography & WordPress
Typography & WordPressTypography & WordPress
Typography & WordPress
 
Ielts Essay Telegraph
Ielts Essay   TelegraphIelts Essay   Telegraph
Ielts Essay Telegraph
 
Typography & WordPress - WordCamp Hamilton 2015
Typography & WordPress - WordCamp Hamilton 2015Typography & WordPress - WordCamp Hamilton 2015
Typography & WordPress - WordCamp Hamilton 2015
 
Use Your Words: Content Strategy to Influence Behavior
Use Your Words: Content Strategy to Influence BehaviorUse Your Words: Content Strategy to Influence Behavior
Use Your Words: Content Strategy to Influence Behavior
 
PowerPoint Do's and Dont's
PowerPoint Do's and Dont'sPowerPoint Do's and Dont's
PowerPoint Do's and Dont's
 
Thoughts on design
Thoughts on designThoughts on design
Thoughts on design
 
Typography on the web charla meetup valencia espanol
Typography on the web charla meetup valencia espanolTypography on the web charla meetup valencia espanol
Typography on the web charla meetup valencia espanol
 
Designing Narrative Content Workshop
Designing Narrative Content WorkshopDesigning Narrative Content Workshop
Designing Narrative Content Workshop
 
Presentation Visuals
Presentation VisualsPresentation Visuals
Presentation Visuals
 
Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...
Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...
Pattern Objects: Making Patterns Visible in Everyday Life (COINs16) by Ayaka ...
 
Introduction to My Research and Laboratory
Introduction to My Research and LaboratoryIntroduction to My Research and Laboratory
Introduction to My Research and Laboratory
 
Websites To Type Essays
Websites To Type EssaysWebsites To Type Essays
Websites To Type Essays
 
Metaphic or the art of looking another way.
Metaphic or the art of looking another way.Metaphic or the art of looking another way.
Metaphic or the art of looking another way.
 

Recently uploaded

University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
eacwpay
 
GRID integration of Wind energy conversion system
GRID integration of Wind energy conversion systemGRID integration of Wind energy conversion system
GRID integration of Wind energy conversion system
sulabhsachan
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
vsingram
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
ailynolive
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
asazt
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Fashions
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
chandadutta02102
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
sonalibook860
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
sonalibook860
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
revolutionary575
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
Anit Kapoor
 
How to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy StepsHow to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy Steps
maudadkalbmundhir
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
miss ekta$A17
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
Resolute
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
monikaservice00
 
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
tanupasswan6
 
Ghhhhhgggfffgggghhjjhytrrffffggggggggggggg
GhhhhhgggfffgggghhjjhytrrffffgggggggggggggGhhhhhgggfffgggghhjjhytrrffffggggggggggggg
Ghhhhhgggfffgggghhjjhytrrffffggggggggggggg
LaraibIrshad8
 
Unit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.pptUnit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.ppt
ChiragSuresh
 
100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga
AvtaritTripathi
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
77sayre
 

Recently uploaded (20)

University of Waterloo diploma
University of Waterloo diplomaUniversity of Waterloo diploma
University of Waterloo diploma
 
GRID integration of Wind energy conversion system
GRID integration of Wind energy conversion systemGRID integration of Wind energy conversion system
GRID integration of Wind energy conversion system
 
Art by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising CampaignsArt by Sally Booth Advertising Campaigns
Art by Sally Booth Advertising Campaigns
 
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
Private Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service ...
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
 
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in CityGirls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
Girls Call Vadodara 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in CityIndore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
Indore Girls Call 000XX00000 Provide Best And Top Girl Service And No1 in City
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
 
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptxHow to Choose the Perfect Exterior Paint Colors for Your Home.pptx
How to Choose the Perfect Exterior Paint Colors for Your Home.pptx
 
How to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy StepsHow to Buy Verified Payoneer Account in 5 Easy Steps
How to Buy Verified Payoneer Account in 5 Easy Steps
 
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
Premium Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service A...
 
Building Accessibility into your Design Systems
Building Accessibility into your Design SystemsBuilding Accessibility into your Design Systems
Building Accessibility into your Design Systems
 
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
Chinese Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No...
 
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
Female Girls Call Delhi 🎈🔥9711199171 🔥💋🎈 Provide Best And Top Girl Service An...
 
Ghhhhhgggfffgggghhjjhytrrffffggggggggggggg
GhhhhhgggfffgggghhjjhytrrffffgggggggggggggGhhhhhgggfffgggghhjjhytrrffffggggggggggggg
Ghhhhhgggfffgggghhjjhytrrffffggggggggggggg
 
Unit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.pptUnit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.ppt
 
100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga100 FPO Overview & concept (1).pptx nigga
100 FPO Overview & concept (1).pptx nigga
 
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Jogeshwari 9910780858 Provide Best And Top Girl Service And No1 in...
 

Typography for [Digital] Humanists

  • 1. Typography for [Digital] Humanists. Friday, February 12, 2016 10am – 12pm Fordham University Amy Papaelias | @fontnerd Assistant Professor of Graphic Design, SUNY New Paltz
  • 2. The title for this presentation is inspired by: Typography for Lawyers Matthew Butterick typographyforlawyers.com And check out this very worthy follow-up: Butterick’s Practical Typography practicaltypography
  • 3. Today, we’ll focus on a few things: Typeface selection in digital projects Very basic type rules Web typography tools and resources
  • 4. “ Typography is what language looks like.” — Ellen Lupton “ Typography exists to honor content.” — Robert Bringhurst
  • 6. How do I know what is good?
  • 7. Choose your type like you choose your outfit: What’s the occassion? What’s the feeling I want to portray? What’s the weather like?
  • 8. [some very basic] Type Classification: Serif Sans-serif Monospace Script Decorative
  • 10. Source Sans FREEreadability 1/2 designer, 1/2 developer tech & coffee 3,256webstandards Type Designer: Paul D. Hunt (2012) Foundry: Adobe
  • 11. Google Fonts open source; web / print; range of quality Adobe Edge Fonts free, web only, limited library Typekit access through Creative Cloud; web & print (subscription)
  • 12. 2. Contrast [in size, weight and style] creates hierarchy.
  • 13. Something old, something new, something borrowed, something blue.
  • 14. Something Bigsomething small SOMETHING BOLD something italic.
  • 15. type in digital projects: levels of hierarchy. <h1>Headlines</h1> <h3>This might be a subhead</h3> <p>Body copy. Here we want to consider a comfortable line length as well as leading (or line height in CSS). Use a font with low stroke contrast (not a lot of thicks and thins) and select sizes for comfortable reading. Note: 12pt ≠ 12px.</p> Button Button Type is everywhere on screen! Don’t forget other elements such as buttons, captions, navigation, etc.
  • 16. 3. breathe in, breathe out: Negative space gives visual pause.
  • 17. Thereactuallyisalotofnegativespaceonthisslide,butit’s not being used very effectively. If you squint your eyes— go ahead—you can see the space between lines of text. There’s not a lot of breathing room because the space be- tween lines and words is too monotonous. Negative space creates dynamic visual interest and makes a text more readable.
  • 18. Thereactuallyisalotofnegativespaceonthisslide,butit’s not being used very effectively. If you squint your eyes— go ahead—you can see the space between lines of text. There’s not a lot of breathing room because the space be- tween lines and words is too monotonous. Negative space creates dynamic visual interest and makes a text more readable.
  • 19. There actually is a lot of negative space on this slide, but it’s not being used very effectively. If you squint your eyes—go ahead— you can see the space between lines of text. There’s not a lot of breath- ing room because the space between lines and words is too monotonous. Negative space creates dynamic visual interest and makes a text more readable.
  • 21. There actually is a lot of negative space on this slide, but it’s not being used very effectively. If you squint your eyes—go ahead— you can see the space between lines of text. There’s not a lot of breath- ing room because the space between lines and words is too monotonous. Negative space creates dynamic visual interest and makes a text more readable.
  • 22. 4. the details: Dashes and Ligatures and Punctuation, oh my!
  • 23. Dashes: [Em] ­—, [En] –, [Hyphen] - Ligatures: ffluffy Punctuation: “smart quotes ” ≠ ˝(inches) apostrophe’s ≠ '(foot)
  • 28. ON WEB TYPOGRAPHY BY JASON SANTA MARIA FONTSTAND PRACTICE.TYPEKIT.COM SMARTQUOTESFORSMARTPEOPLE.COM
  • 31. Examples for discussion QUESTIONS TO ASK OURSELVES: How is hierarchy created? What feeling is the type conveying? How is negative space used?
  • 36. A Brief Typography Exercise with Typecast.com
  • 37. Some NYC type resources: Type Directors Club of NY: tdc.org Type@Cooper: coopertype.org Typographics Conference: typographics.org Type as Language SVA: typography.sva.edu Grolier Club: grolierclub.org Some beyond NYC type resources: Typographica: typographica.org I Love Typography: ilovetypography.com Letterform Archive: letterformarchive.org Alphabettes: alphabettes.org