Typography

14
MODULE 16: TYPOGRAPHY

Transcript of Typography

Page 1: Typography

MODULE 16: TYPOGRAPHY

Page 2: Typography

Categories of typefaces share similar characteristics.

Typefaces have families.

Type is measured in points.

Column widths should be in proportion to type size.

Page 3: Typography

ADISTINCTIVE | The sans serif letter (left) is streamlined; the serif letter (right) sports tiny brackets.

A

Page 4: Typography

Readable type communicates content clearly.

The alignment of type affects readability.

Paragraph indentations should be consistent.

Page 5: Typography

This is 36-point TimesThis is 36-point Times ItalicThis is 36-point Times Bold

This is 36-point Times Bold Italic

This is 36-point HelveticaThis is 36-point Helvetica Italic

This is 36-point Helvetica BoldThis is 36-point Helvetica Bold Italic

TYPEFACE FAMILY/STYLES | Times is a popular serif font. Helvetica is a popular sans serif font.

Page 6: Typography

TYPOGRAPHIC ANATOMY | The height of typography measured from the ascender to the descender.

Page 7: Typography

With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team.

With his head in his hands and the

sweat coming down his face,

sophomore Brandon Gonzales knew it

was all worth it when he placed third

in the district race. He finished with a

time of 20:06 to lead the junior varsity

team.

NORMAL LEADING EXPANDED LEADING

LEADING | The space between lines of typography is measured in points.

Page 8: Typography

THIS IS SMALL CAPS

this is lower case

This is sentence style

THIS IS ALL CAPS

CAPITALIZATION | Some styles are best used for primary headlines, not for stories and captions.

Page 9: Typography

With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team.

With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team.

With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team.

With his head in his hands and the sweat coming down his face,

sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a

time of 20:06 to lead the junior varsity team.

JUSTIFIED ALIGN LEFT

CENTERED ALIGN RIGHTALIGNMENT | Don’t always use justified alignment for stories and captions. Consider align left for variety.

Page 10: Typography

Several techniques create contrast.

Headlines and captions require close attention.

Body copy should be easy for the reader to read.

Page 11: Typography

A BOLD STATEMENT | For contrast, two sizes of this bold font are used for a powerful primary headline.

Page 12: Typography

A LITTLE IS A LOT | When using script, restraint is the key to effective communication.

Page 13: Typography

CLASSIC | Restrained typographic use doesn’t mean the design has to be boring.

Page 14: Typography

MODULE 16: TYPOGRAPHY