SlideShare una empresa de Scribd logo
1 de 37
Descargar para leer sin conexión
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

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (20)

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
 
Discover The Top 10 Types Of Colleagues Around You
Discover The Top 10 Types Of Colleagues Around YouDiscover The Top 10 Types Of Colleagues Around You
Discover The Top 10 Types Of Colleagues Around You
 
4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams4 Biggest Challenges for Creative Teams
4 Biggest Challenges for Creative Teams
 
Pitching Ideas: How to sell your ideas to others
Pitching Ideas: How to sell your ideas to othersPitching Ideas: How to sell your ideas to others
Pitching Ideas: How to sell your ideas to others
 
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
 
People Don't Care About Your Brand
People Don't Care About Your BrandPeople Don't Care About Your Brand
People Don't Care About Your Brand
 
Secrets to impactful presentations volume 2 - 8 tools
Secrets to impactful presentations volume 2 - 8 toolsSecrets to impactful presentations volume 2 - 8 tools
Secrets to impactful presentations volume 2 - 8 tools
 
50 Essential Content Marketing Hacks (Content Marketing World)
50 Essential Content Marketing Hacks (Content Marketing World)50 Essential Content Marketing Hacks (Content Marketing World)
50 Essential Content Marketing Hacks (Content Marketing World)
 
Storytelling For Product Managers
Storytelling For Product ManagersStorytelling For Product Managers
Storytelling For Product Managers
 
Inspired Storytelling: Engaging People & Moving Them To Action
Inspired Storytelling: Engaging People & Moving Them To ActionInspired Storytelling: Engaging People & Moving Them To Action
Inspired Storytelling: Engaging People & Moving Them To Action
 
Publishing Production: From the Desktop to the Cloud
Publishing Production: From the Desktop to the CloudPublishing Production: From the Desktop to the Cloud
Publishing Production: From the Desktop to the Cloud
 
Startups are Hard. Like, Really Hard. @luketucker
Startups are Hard. Like, Really Hard. @luketuckerStartups are Hard. Like, Really Hard. @luketucker
Startups are Hard. Like, Really Hard. @luketucker
 
Employer Brand Thinking
Employer Brand ThinkingEmployer Brand Thinking
Employer Brand Thinking
 
Wild Slides: 20 tips to improve your PowerPoint presentations
Wild Slides: 20 tips to improve your PowerPoint presentationsWild Slides: 20 tips to improve your PowerPoint presentations
Wild Slides: 20 tips to improve your PowerPoint presentations
 
User Interfaces beyond the screen
User Interfaces beyond the screenUser Interfaces beyond the screen
User Interfaces beyond the screen
 
Blueprint for Executive Hiring
Blueprint for Executive HiringBlueprint for Executive Hiring
Blueprint for Executive Hiring
 
10 Powerful Body Language Tips for your next Presentation
10 Powerful Body Language Tips for your next Presentation10 Powerful Body Language Tips for your next Presentation
10 Powerful Body Language Tips for your next Presentation
 
The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)The Shift: UX Designer as Business Consultant (2016)
The Shift: UX Designer as Business Consultant (2016)
 
How to Write Clickass Presentations that Convert
How to Write Clickass Presentations that ConvertHow to Write Clickass Presentations that Convert
How to Write Clickass Presentations that Convert
 
UBER: THE TRANSPORTATION VIRUS
UBER: THE TRANSPORTATION VIRUSUBER: THE TRANSPORTATION VIRUS
UBER: THE TRANSPORTATION VIRUS
 

Similar 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
 

Similar 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

一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
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
 
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
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
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
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 

Último (20)

一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
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
 
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...
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
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
 
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
 
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 ...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
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...
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.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