SlideShare uma empresa Scribd logo
1 de 37
Baixar para ler offline
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.
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)
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

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Visual Silence can help your PowerPoint slides
Visual Silence can help your PowerPoint slidesVisual Silence can help your PowerPoint slides
Visual Silence can help your PowerPoint slides
 
10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One
10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One
10 Killer Tips for an Amazing Presentation - Way Before You Actually Give One
 
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UXDESIGN THE PRIORITY, PERFORMANCE 
AND UX
DESIGN THE PRIORITY, PERFORMANCE 
AND UX
 
Employer Brand Thinking
Employer Brand ThinkingEmployer Brand Thinking
Employer Brand Thinking
 
17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View17 Ways to Design a Presentation People Want to View
17 Ways to Design a Presentation People Want to View
 
The Other C Word: What makes great content marketing great
The Other C Word: What makes great content marketing greatThe Other C Word: What makes great content marketing great
The Other C Word: What makes great content marketing great
 
UX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dustUX Strategy - the secret sauce that defines the pixie dust
UX Strategy - the secret sauce that defines the pixie dust
 
Build Features, Not Apps
Build Features, Not AppsBuild Features, Not Apps
Build Features, Not Apps
 
The Future of Everything
The Future of EverythingThe Future of Everything
The Future of Everything
 
STEAL THIS PRESENTATION!
STEAL THIS PRESENTATION! STEAL THIS PRESENTATION!
STEAL THIS PRESENTATION!
 
How a Strong Brand Boosts B2B Demand
How a Strong Brand Boosts B2B DemandHow a Strong Brand Boosts B2B Demand
How a Strong Brand Boosts B2B Demand
 
How to Use Photography for Great Presentations
How to Use Photography for Great PresentationsHow to Use Photography for Great Presentations
How to Use Photography for Great Presentations
 
Mobile Growth: Best Strategies, Tools and Tactics
Mobile Growth: Best Strategies, Tools and TacticsMobile Growth: Best Strategies, Tools and Tactics
Mobile Growth: Best Strategies, Tools and Tactics
 
Marketing's 7 Deadly Sins
Marketing's 7 Deadly SinsMarketing's 7 Deadly Sins
Marketing's 7 Deadly Sins
 
15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!15 Quotes To Nurture Your Creative Soul!
15 Quotes To Nurture Your Creative Soul!
 
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
 
PowerPoint Hacks for Rookies: 4 Must Consider Aspects
PowerPoint Hacks for Rookies: 4 Must Consider AspectsPowerPoint Hacks for Rookies: 4 Must Consider Aspects
PowerPoint Hacks for Rookies: 4 Must Consider Aspects
 
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
 
There is no such thing as UX strategy
There is no such thing as UX strategyThere is no such thing as UX strategy
There is no such thing as UX strategy
 
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
How I got 2.5 Million views on Slideshare (by @nickdemey - Board of Innovation)
 

Semelhante a Typography for [Digital] Humanists

Rettig.interface designislanguagedesign
Rettig.interface designislanguagedesignRettig.interface designislanguagedesign
Rettig.interface designislanguagedesign
Marc Rettig
 
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
Typography & WordPressTypography & WordPress
Typography & WordPress
AndyStaple
 
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
 
Presentation Visuals
Presentation VisualsPresentation Visuals
Presentation Visuals
bthat
 

Semelhante a 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.
 

Último

Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
wpkuukw
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 

Último (20)

How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
BLOCK CHAIN PROJECT block chain project
BLOCK CHAIN  PROJECT block chain projectBLOCK CHAIN  PROJECT block chain project
BLOCK CHAIN PROJECT block chain project
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
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...
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
一比一定(购)滑铁卢大学毕业证(UW毕业证)成绩单学位证
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 

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.
  • 20.
  • 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)
  • 24.
  • 25.
  • 26.
  • 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