1.01 Typography.pptx

TYPOGRAPHY

What’s the purpose of design?

•

_{To grab the reader’s attention}

_{Accomplished through:}

• _Typography

Something to think about…

"When pictures and words pull in

opposite directions and the poor reader

doesn't get any message at all, he simply

turns the page.“

John Newcomb, Author Book of Creative Problem Solving

Think-Pair-Share

• _{Who is the target audience for our school newsletter?}

• _{What will the target audience expect to see in the newsletter in}

terms of:

• _{Typefaces used.} • _{Colors used.} • _{Graphics used.} • _{Overall design.}

Typography

• _{the style, arrangement, and appearance of text} • _{Text should:}

Typeface Categories

• _{Typeface – the basic design of a character}

• _{Typefaces can be divided into four main categories.}

• _Serif

• _{Sans Serif} • _Ornamental • _Script

Serif Typefaces

•

_{Have strokes at the tips of the letters}

_{Easier to read for printed body text}

_Examples:

• _Courier

Sans Serif Typefaces

•

_{No strokes at the tips of the letters}

_{Easier to read on digital displays}

•

_Examples:

• _Arial

Serif vs. Sans Serif

Sans Serif

Ornamental Typefaces

•

_{Designed strictly to catch the eye}

• _{Should be used sparingly.} • _{Can be hard to read.}

•

_{Used for decoration}

•

_{Should never be used in body text}

•

_Examples

Script Typefaces

•

_{Appear to have been written by hand}

_{Should never be keyed in all caps}

•

_{Conveys a formal mood}

_Examples

Symbol Typefaces

• _{Use decorative pictures or symbols instead of characters} • _{Allows the user to use a symbol to convey the message}

without importing a graphic

• _{Example: Webdings Webdings}

• _{Can be used for specific purposes such as musical}

notation and mathematical symbols • _{Example: Mathematical symbol}

Just for fun

13

•

_{Thankfully, I was awakened by the}

_

that flew over my



. I did not



my



, and I was almost late for

Activity

• _{Open Microsoft Word.}

• _{Key your name on 5 different lines.}

• _{Change each name on your screen to reflect the following:}

• _{SERIF font}

• _{SANS SERIF font} • _{ORNAMENTAL font} • _{SCRIPT font}

• _{SYMBOL font}

• _{Beside each name, label it with the appropriate typeface}

name and category

• _{For example:}

• _{Kathryn Smith}

• _{Typeface – Bauhaus; Category - Decorative}

Fonts

• _{Font - the specific size, weight and style applied to a}

typeface.

• _{Examples: Arial, bold, 12 point}

Arial, italic, 14 point

Arial, 10 point

Font Style

•

_{The font style refers to the slant, weight and}

special effects applied to the text.

•

_Examples:

• _Bold

• _Italic

TYPEFACE SPACING

Monospaced Typefaces

•

_{Each character takes up the same amount of}

horizontal space

• _{Harder to read in large bodies of text}

Proportional Typefaces

•

_Proportional

• _{The amount of horizontal space each character takes}

up varies.

• _{An i is not as wide as an m and receives less space.} • _{Better for body text}