1 / 31

Basic Typography

Basic Typography. Typography. The art and practice of making words both readable and legible . Readability: how easy a text is to read. Legibility: speed with which each word is recognized. Basic Anatomy. Baseline. Alphabet. Uppercase Letter. Lowercase Letters. Basic Anatomy.

teryl
Download Presentation

Basic Typography

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Basic Typography

  2. Typography • The art and practice of making words both readable and legible. • Readability: how easy a text is to read. • Legibility: speed with which each word is recognized.

  3. Basic Anatomy Baseline Alphabet Uppercase Letter Lowercase Letters

  4. Basic Anatomy Ascenders Counters Alphabet X-Height, or Body Baseline Descender

  5. Basic Anatomy Serif Alphabet Serif Baseline

  6. Variations & Form • Sans Serif • Serif • Bold • Italic • Bold Italic

  7. Basic Type Measurements • point 1/72 inch size & linespacing • pica 1/6 inch line length / column depth

  8. Type Sizes • Display type 14 pt. or larger • Text type smaller than 14 pt.

  9. Other Measurements • Em space (mutton) • En space (nut)

  10. Horizontal Spacing • Letterspacing • Word Spacing • Tracking • Kerning

  11. Kerning Texas

  12. Kerning Texas T exas

  13. Vertical Spacing • Leading aka Linespacing

  14. Categories of Type • Romans • Sans Serifs • Slab Serifs (Egyptians) • Scripts* • Miscellaneous / Novelty

  15. Romans • Based on traditional letterforms • Very readable / legible • Two characteristics: Typography

  16. Sans Serifs • Contemporary • Two characteristics: Typography

  17. Slab Serifs (Egyptians) • Combine characteristics of romans & sans serifs: Typography

  18. Scripts • resembles handwriting • resembles handwriting

  19. Miscellaneous / Novelty • Mood

  20. How do we read? • CAPS vs. lowercase typography TYPOGRAPHY

  21. Serif vs. Sans Serif You will find that the serifs on a typeface facilitate the horizontal flow necessary to comfortable reading. As sans serif typefaces do not have serifs, some people find them difficult or uncomfortable to read. The designer should be aware of this and decide for himself whether to use a serif or a sans serif typeface. Which do you find easier to read?

  22. Serif vs. Sans Serif • You will find that the serifs on a typeface facilitate the horizontal flow necessary to comfortable reading. As sans serif typefaces do not have serifs, some people find them difficult or uncomfortable to read. The designer should be aware of this and decide for himself whether to use a serif or a sans serif typeface. Which do you find easier to read?

  23. Black on White or Vice Versa? Is it more difficult to read white type on a black background or black type on a white background? White type on a black background has a tendency to sparkle, which distracts the eye and makes reading difficult. Is it more difficult to read white type on a black background or black type on a white background? White type on a black background has a tendency to sparkle, which distracts the eye and makes reading difficult.

  24. Boldvs. Regular Bold type can be very effective when used for emphasis or in small quantities. When the designer uses bold type in large quantities, he must ask himself if the excessive blackness of the type is actually aiding legibility.

  25. Bold vs. Regular Bold type can be very effective when used for emphasis or in small quantities. When the designer uses bold type in large quantities, he must ask himself if the excessive blackness of the type is actually aiding legibility.

  26. Designing with Text Type • Aesthetics • Appropriateness • Legibility Leading Line Length • Graphics Standards • Corporate identity

  27. Arranging the Type • justified • unjustified - flush left, ragged right - flush right, ragged left • centered • asymmetrical

  28. Designing withDisplay Type • Relationship to text type • Mood? • Setting ALL CAPS all lowercase Cap First Letter Of Every Word. Cap First Letter of Important Words. Cap first letter of first word only.

  29. Designing with Display Type • Breaking Lines Designing with Display Type Designingwith Display Type

  30. Designingwith Display Type • Breaking Lines • Arrangement • Attention-getters • Letterspacing • Word Spacing • Punctuation • Optical Alignment

More Related