Thursday, May 28, 2015

Type Matters: 5 Typographic Tips to Make Better Work

Type Matters: 5 Typographic Tips to Make Better Work

A brief presentation for the April 2015 Hudson Valley Tech Meetup in Kingston, NY.
Published in: Design

Transcript

  • 1. TYPE MATTERS:  5 typographic tips to make better work. Amy Papaelias | @fontnerd assistant professor, graphic design program, suny new paltz Hudson Valley Tech Meet Up | Wednesday, April 29, 2015
  • 2. fuckyeahtypefacedesign.tumblr.com
  • 3. ONE. Use good fonts well.
  • 4. Skolar ivory tower smarty-pants Tweed & Corduroy cumulative 3.87 gpa Afficionados Type Designer: David Březina (2009) ❦ Foundry: TypeTogether
  • 5. Source Sans FREEreadability 1/2 designer, 1/2 developer tech & coffee 3,256webstandards Type Designer: Paul D. Hunt (2012) ❦ Foundry: Adobe
  • 6. TWO. Contrast [in size, weight and style] creates hierarchy.
  • 7. Something old, something new, something borrowed, something blue.
  • 8. Something Bigsomething small SOMETHING BOLD something italic.
  • 9. THREE. breathe in, breathe out: Negative space gives visual pause.
  • 10. 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.
  • 11. 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.
  • 12. 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.
  • 13. 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.
  • 14. FOUR. the details: Dashes & Ligatures & Quotation Marks, oh my!
  • 15. Dashes: [Em] ­—, [En] –, [Hyphen] - Ligatures: ffluffy Quotation Marks: “smart quotes ” "inches
  • 16. InDesign’s OpenType palette is shrouded in mystery.
  • 17. FIVE. Nerd Out. Typographic resources abound.
  • 18. ☞ practicaltypography.com ☞ typographica.org ☞ smartquotesforsmartpeople.com ☞ practice.typekit.com ☞ typecast.com
  • 19. THANKS! ☞ SHAMELESS PLUG ☞ BFA Graphic Design Senior Show Friday, May 8, 2015, 3–6 pm Student Union Building SUNY New Paltz www.bfagraphicdesign.info Amy Papaelias | papaelia@newpaltz.edu | @fontnerd