MODULE 16: TYPOGRAPHY - PowerPoint PPT Presentation

1 / 15
About This Presentation
Title:

MODULE 16: TYPOGRAPHY

Description:

GROUPS OF TYPEFACES SHARE SIMILAR CHARACTERISTICS. TYPEFACES HAVE FAMILIES. ... the height of typography and is measured from the ascender to the descender. ... – PowerPoint PPT presentation

Number of Views:58
Avg rating:3.0/5.0
Slides: 16
Provided by: gary254
Category:

less

Transcript and Presenter's Notes

Title: MODULE 16: TYPOGRAPHY


1
MODULE 16 TYPOGRAPHY
2
Type selection starts with the BASICS
of style and size.
  • GROUPS OF TYPEFACES SHARE SIMILAR
    CHARACTERISTICS.
  • TYPEFACES HAVE FAMILIES.
  • TYPE IS MEASURED IN POINTS.
  • COLUMN WIDTHS SHOULD BE IN PROPORTION TO TYPE
    SIZE.

Typography
1
2
3
3
Typography
1
2
3
  • POINT SIZE indicates the height of typography and
    is measured from the ascender to the descender.

4
This is 36-point Times This is 36-point Times
Italic This is 36-point Times Bold This is
36-point Times Bold Italic This is 36-point
Helvetica This is 36-point Helvetica Italic This
is 36-point Helvetica Bold This is 36-point
Helvetica Bold Italic
Typography
1
2
3
  • Times is a popular SERIF font. Helvetica is a
    popular SANS SERIF font.

5
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 2006
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 2006
to lead the junior varsity team.
NORMAL LEADING
EXPANDED LEADING
Typography
1
2
3
  • LEADING, the white space between lines of
    typography, is measured in points.

6
this is lower case This is sentence style THIS IS
ALL CAPS
THIS IS SMALL CAPS
Typography
1
2
3
  • CAPITALIZATION Some styles are best used for
    primary headlines, not for stories and captions.

7
Type SETTINGS are important to design and
readability.
READABLE TYPE COMMUNICATES CONTENT CLEARLY. THE
ALIGNMENT OF TYPE AFFECTS READABILITY. PARAGRAPH
INDENTS SHOULD BE CONSISTENT.
Typography
1
2
3
8
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 2006
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 2006
to lead the junior varsity team.
JUSTIFIED
ALIGN LEFT
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 2006
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 2006
to lead the junior varsity team.
CENTERED
ALIGN RIGHT
Typography
1
2
3
  • ALIGNMENT Dont always use justified alignment
    for stories and captions. Consider align left for
    variety.

9
Type DECISIONS should always be made to
help readers.
CONTRAST IS KEY TO EXCITING
DESIGN. HEADLINES AND CAPTIONS REQUIRE CLOSE
ATTENTION. BODY COPY SHOULD BE EASY FOR THE
READER TO READ.
Typography
1
3
2
10
Typography
1
3
2
  • TYPOGRAPHY must be readable and consistent. For
    best results, use a limited number of fonts.

11
PRIMARY HEADLINE SECONDARY HEADLNE
Typography
1
3
2
  • A lively PRIMARY HEADLINE features a dominant
    word. The SECONDARY HEADLINE is much smaller.

12
QUOTE
Typography
1
3
2
  • The QUOTE is displayed in the same font and color
    as the secondary headline.

13
STORY
Typography
1
3
2
  • The STORY uses a serif font, align left alignment
    with a drop cap that matches the primary
    headline.

14
CAPTION
Typography
1
3
2
  • The CAPTION uses an overline that repeats the
    headline colors. The caption text matches the
    story font.

15
CONTENT MODULE
Typography
1
3
2
  • The CONTENT MODULE features the same typographic
    techniques used throughout the spread.
Write a Comment
User Comments (0)
About PowerShow.com