Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Typography 101 – A Beginner's Guide to All Things Type

853 views

Published on

Working with creatives and designers can be tough when you don't know, or understand, the lingo. So, let's change that! This presentation will help you identify and describe commonly used typographic terms.

Published in: Design
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/fPejY ◀ ◀ ◀ ◀
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/fPejY ◀ ◀ ◀ ◀
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Typography 101 – A Beginner's Guide to All Things Type

  1. 1. Typography 101 A B E G I N N E R ’ S G U I D E T O A L L T H I N G S T Y P E
  2. 2. hello there! I ’ M C H R I S T A R E N S E L Founder & Designer of Nimble Kettle
  3. 3. what we’re chatting about: What is Typography? The Difference Between a Typeface & Font Basic Type Classifications The Anatomy of Type Other Important Things You Should Know
  4. 4. what is typography?
  5. 5. Typography is the art & technique of arranging type. When typography is well done, text becomes readable, legible, emotional, and invisible.  
  6. 6. the difference between 
 a typeface & a font
  7. 7. The terms typeface and font are not synonymous, though they are often used interchangeably. But if you use the correct terms, you’ll score major points with your designer.
  8. 8. The two terms come to us from the good ole days, when printers would have to handset type for use on printing presses. A font refers to the entire set of letters, numbers, punctuation, and characters in every size, weight, style available for that typeface. Typeface (a.k.a. font family) refers to the style and overall aesthetic of the characters within a font. 
 In other words, a typeface is a family of fonts.
  9. 9. basic type classifications
  10. 10. Serif Sans-Serif Slab Serif Script Monospace
  11. 11. the anatomy of type
  12. 12. CAP HEIGHT X HEIGHT BASELINE
  13. 13. CAP HEIGHT X HEIGHT BASELINE ASCENDER DESCENDER ARM TAIL STEM TERMINAL EAR BOWL SHOULDER SERIF FOOT LOOP
  14. 14. CAP HEIGHT X HEIGHT BASELINE ASCENDER DESCENDER ARM TAIL STEM TERMINAL EAR BOWL SHOULDER SERIF FOOT LOOP BRACKET CROTCH APERTURE COUNTER
  15. 15. other things you 
 should know…
  16. 16. Tracking ORIGINAL Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis id justo 
 et sollicitudin. Mauris vitae gravida ipsum. Donec hendrerit elit id turpis porta, 
 et imperdiet velit porttitor. Donec id neque a urna finibus eleifend. LOOSER TRACKING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis id justo et sollicitudin. Mauris vitae gravida ipsum. 
 Donec hendrerit elit id turpis porta, et imperdiet velit porttitor. Donec id neque a urna finibus eleifend. R E F E R S T O T H E S P A C I N G O F A W O R D 
 O R S E R I E S O F T E X T
  17. 17. Kerning Lorem ipsum S O M E T I M E S C O N F U S E D W I T H T R A C K I N G – K E R N I N G I S T H E S P A C E B E T W E E N I N D I V I D U A L L E T T E R S O R C H A R A C T E R S Lorem ipsum *Original *Adjusted Kerning
  18. 18. Leading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi venenatis id justo et sollicitudin. Mauris vitae gravida ipsum. Donec hendrerit elit id turpis porta, et imperdiet velit porttitor. Donec id neque a urna finibus eleifend. Nunc at leo ut erat auctor scelerisque. Fusce volutpat magna at eleifend placerat. Vivamus dapibus tincidunt tempus. Donec fringilla risus arcu, tempus semper dui lobortis ut. Etiam consequat, ante ut tempor consequat, lorem neque malesuada metus, ut maximus eros risus cursus quam. R E F E R S T O T H E S P A C E B E T W E E N L I N E S O F T E X T
  19. 19. Typography 101 A B E G I N N E R ’ S G U I D E 
 T O A L L T H I N G S T Y P E Did you find this helpful? Share the love with a friend!

×