09 01-Design-Principles-Font-Typeface

Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 20

Font & Typeface

Principles of Information Technology

Making good design choices in


formatting options for font when
developing visually appealing
publications
1
Copyright Texas Education Agency, 2013. All rights reserved.

OBJECTIVES
Identify

categories of font styles

Describe

characteristics of font styles

Identify

publishing guidelines when choosing


font styles

Identify

font formatting techniques for printed


and electronic publications
2

Copyright Texas Education Agency, 2013. All rights reserved.

FONT CATEGORIES
Serif
San

serif

Script
Decorative
3
Copyright Texas Education Agency, 2013. All rights reserved.

SERIF
Definition:
In this font category, there are short decorative
tips at the end of the stroke for each letter.

4
Copyright Texas Education Agency, 2013. All rights reserved.

SANS SERIF
Definition:
In this font category, there is an absence of short
decorative tips at the end of the stroke for each
letter.

5
Copyright Texas Education Agency, 2013. All rights reserved.

SCRIPT
Definition:
In this font category, the letters appear to be
handwritten.

6
Copyright Texas Education Agency, 2013. All rights reserved.

ORNAMENTAL
Definition:
In this font category, the letters have a unique
style that sets it apart, having an artistic design
element incorporated into the lettering.

7
Copyright Texas Education Agency, 2013. All rights reserved.

SERIF EXAMPLES
Style of Font

Name of Font

Tip Design

Playbill

Straight
Constant thickness
Thick slab

Modern

Bodoni

Straight
Constant thickness
Thin slab

Oldstyle

Garamond

Slanted
Thick to thin stroke
Straight stroke

Transitional

Baskerville

Straight
Thick to thin stroke
Straight stroke

Latin

Book Antiqua

Slanted
Thick to thin stroke
Curved stroke

Slab Serif

8
Copyright Texas Education Agency, 2013. All rights reserved.

SANS SERIF EXAMPLES

Arial

Tahoma

Century
Gothic

Gil
Sans
9
Copyright Texas Education Agency, 2013. All rights reserved.

SCRIPT EXAMPLES

Amie
nne
Comic Sans

Bradley
Hand
Freestyl
e Script
10
Copyright Texas Education Agency, 2013. All rights reserved.

ORNAMENTAL EXAMPLES

Jokerman

Chill
er

Earwig
Factory
Planet Benson
11
Copyright Texas Education Agency, 2013. All rights reserved.

Making good design choices

FORMATTING FONT
12
Copyright Texas Education Agency, 2013. All rights reserved.

FORMATTING CHOICES
1

Font style of
title on page
significantly
different than
other font on page

Font style of
2

title on page
significantly
different than
other font on page

Font style
of
title on page
significantly
different than
other font on page

Font style
4 of

title on page
significantly
13

different
than
Copyright
Texas Education Agency,
2013. All rights reserved.

FORMATTING CHOICES
1

Font style of

Font style of

title on page

title on page

exactly the
same as
other font on page

exactly the
same as
other font on page

Font style of

Font style of

title on page
different category
as the other
font on page

title on page
different category
as the other
font on page
14

Copyright Texas Education Agency, 2013. All rights reserved.

FORMATTING CHOICES
1

Font style
of Title
Is decorative
and while it is
pretty and
could be used
for the names

Font style of
Title
Is script and while
it is different and
could be used for
an attention
getter, it should
never be used for
full paragraphs of
text as in this
15

Copyright Texas Education Agency, 2013. All rights reserved.

FORMATTING CHOICES
FONT
STYLE
OF
1

Font Style
Of

title on page

title on page

exactly the
same as
other font on page
we only changed
the title text color
and background
shading

exactly the
same as
other font on page
we only changed
the title to appear
in all capital letters

16
Copyright Texas Education Agency, 2013. All rights reserved.

REVIEW

The four categories of font


1.

Serifletters having short decorative tips at the end of


each stroke

2.

Sans Serifletters that do not have short decorative tips at


the end of each stroke

3.

Scriptletters that appear to be handwritten

4.

Ornamentalletters that incorporate a common artistic


design element
17
Copyright Texas Education Agency, 2013. All rights reserved.

REVIEW

Examples of the four categories of font

SerifTimes New RomanR

Sans SerifArialR

ScriptFreestyle ScriptR

OrnamentalChillerR
18
Copyright Texas Education Agency, 2013. All rights reserved.

REVIEW

Use the following sparingly:


Script and ornamental
All capital letters
Switching categories of font within the same
document

Use serif for written documents

Use sans serif for electronic documents


19
Copyright Texas Education Agency, 2013. All rights reserved.

ACTIVITY #2

Look back at the document you created in


Activity #1.

Notice the font styles used on each web page.

Create a textbox next to each screen snapshot.


The textbox should show
1) The number of different font styles on each page
2) The categories of different font styles on each
page
20
Copyright Texas Education Agency, 2013. All rights reserved.

You might also like