Lesson Plan
Course Title:
Graphic Design & Illustration
Session Title: Working with Type
Lesson Duration: Approximately 2 days
[Lesson length is subjective and will vary from instructor to instructor]
Performance Objective: Upon completion of this assignment, the student will be able to use
desktop publishing software to create a document according to specified criteria.
Specific Objectives:
1. Review terms associated with typography.
2. Define terms associated with typography.
3. Use desktop publishing software to create a document, set margins and columns, and add
text boxes.
4. Format text.
Preparation
TEKS Correlations:
§130.88 (c)
(1) The student applies academic knowledge and skills in art and design projects. The student
is expected to:
(A) apply English language arts knowledge and skills by demonstrating use of content,
technical concepts, and vocabulary; using correct grammar, punctuation, and
terminology to write and edit documents; and composing and editing copy for a
variety of written documents such as brochures, programs, posters, flyers, and
magazine covers; and
(B) apply mathematics knowledge and skills by identifying whole numbers, decimals,
and fractions applied to measurement and scale; demonstrating knowledge of
arithmetic operations; using conversion methods such as fractions to decimals and
inches to points; and applying measurement to solve a problem.
(4)
The student applies information technology applications. The student is expected to use
personal information management, email, Internet, writing and publishing, presentation,
and spreadsheet or database applications for art and design projects.
(11) The student develops an increasing understanding of graphic design and illustration. The
student is expected to:
(F) employ a creative design process to create original two- or three-dimensional
projects by:
(iii) applying design principles and typography;
(viii) applying printing concepts;
Instructor/Trainer
References:
• Williams, R. (2008). The Non-Designer's Design Book. (3 ed.). Berkeley: PeachpitPress.
•
Typography. Retrieved June 23, 2013 Wikipedia, The Free Encyclopedia.
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
1
•
http://en.wikipedia.org/w/index.php?title=Typography&oldid=561206321
International Society of Typographic Designers. Retrieved June 25, 2013
Wikipedia, The Free Encyclopedia.
http://en.wikipedia.org/w/index.php?title=International_Society_of_Typographic_
Designers&oldid=561494390
Instructional Aids:
1. Working with Type Slide Presentation
2. Preamble to the Constitution – Versions 1 and 2
3. Independent Practice Activity – Setting up a document
4. Working with Type Exam
5. Working with Type Exam Key
6. Working with Type Rubric
Materials Needed:
Preamble to the Constitution Version 1
Preamble to the Constitution Version 2
Equipment Needed:
Projection device from computer
Computer with appropriate presentation software and desktop publishing software
Computer lab with desktop publishing software installed
Learner
Complete the Type Classification and Selection lesson.
Introduction
MI
Introduction (LSI Quadrant I):
Hand out Preamble to the Constitution (version 1).
SAY: Read through this version of the Preamble to the Constitution.
Hand out Preamble (version 2).
SAY: Read through this version of Preamble to the Constitution.
ASK: Which one of these is easier to read and gets the information across the best?
(Obviously, version 2)
SAY: Today we are going to learn some basics about typography and methods to
make a document readable and pleasant to view.
Outline
MI
Outline (LSI Quadrant II):
Instructor Notes:
I. Review terms associated with typography.
A. Introduction – Johannes Gutenberg
B. Basic Definitions
1. Typeface
2. Font
Note: Use the slide
presentation to discuss
terms.
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
2
C. Serif Fonts
D. Sans Serif Fonts
E. Special Fonts
1. Script Fonts
2. Decorative Fonts
3. Dingbats
F. Font Styles
1. Bold
2. Italics
3. Wide
4. Narrow
G. Font Parts
1. Ascenders
2. Descenders
3. Cap Height
4. x Height
II. Define terms associated with typography.
A. Font Measurement
1. Points
2. Picas
3. Ems
4. Ens
5. Measures
B. Dashes
1. Soft Hyphen
2. Hard Hyphen
3. En Dash
4. Em Dash
C. Vertical Position
1. Subscript
2. Superscript
D. ASCII Code
E. Spacing
1. Kerning
2. Tracking
3. Leading
F. Columns
G. Alignment Mistakes
H. Emphasis Mistakes
I. Justification
J. Font Selection
K. Paragraph Identification
Note: Use the slide
presentation to discuss
terms.
III. Use desktop publishing software to create a
document:
A. Set margins
B. Set columns
C. Add text boxes
Teacher shows and
demonstrates how to create
a new document with proper
margins and columns in
desktop publishing software.
NOTE: Specific steps will depend on the software
Teacher demonstrates how
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
3
utilized.
to create text boxes in
desktop publishing software.
IV. Format text
A. Typeface
B. Point size
C. Tracking
D. Leading
E. Style
F. Justification
Teacher demonstrates how
to format text in desktop
publishing software.
NOTE: Specific steps will depend on the software
utilized.
Application
MI
Guided Practice (LSI Quadrant III):
1. Teacher shows and demonstrates creating documents and formatting type while
students follow along at their own computers.
2. Teacher maintains direct supervision of lab, providing guidance when needed.
MI
Independent Practice (LSI Quadrant III):
Students will create a two column simple document using desktop publishing
software and format text properly according to the guidelines included on the
Independent Practice activity sheet called “Setting Up a Document”.
Summary
MI
Review (LSI Quadrants I and IV):
Checking for understanding: (Q&A Session)
1. What is the difference between a font and a typeface?
2. What type of font is best for body type in print: serif, sans serif, decorative, or
script?
3. Describe the differences in hyphens, en dashes, and em dashes.
4. What is the difference between superscript and subscript?
5. What is ASCII code?
6. Describe the differences in leading, tracking, and kerning.
7. Identify some common mistakes in typesetting.
Evaluation
MI
Informal Assessment (LSI Quadrant III):
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
4
The teacher monitors individual/group progress as students work on activities, and
provides individual help/redirection as needed.
1. Ongoing evaluation by the instructor (the instructor may wish to develop a rubric
on this)
2. Classroom critique
3. Information repeated, restated as needed
4. Extension of time allowed as needed
MI
Formal Assessment (LSI Quadrant III, IV):
Students will take the Working with Type Exam.
Desktop Publishing documents will be evaluated using a rubric.
Extension
MI
Extension/Enrichment (LSI Quadrant IV):
Students who have mastered the skills can expand their desktop publishing skills by
adding images to their document.
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
5
Setting Up A Document
Instructions: You will create a one-page newsletter document for a non-profit organization of
your choosing. You may make up the text or use a filler text. The newsletter must conform to
the following guidelines:
•
•
•
•
•
•
•
•
•
•
•
•
•
Use a textbox to create a 1 1/2" x 8” banner for the heading
Create two equal-width columns with 1/2" gutter for body text
1/4” margins on top, left and right side
1/2" margin on bottom
Create three articles with headings to share body text
Create a call out textbox in column 2 to highlight a meaningful quote in one of the
articles
Use left justification for article headings
Each article paragraph of body text justified
Adjust tracking so justified text is readable
Leading and style appropriate for a newsletter
No spelling errors
Appropriate typeface and point size for heading and body text
Appropriate typeface selected to support a look and feel that is consistent with the
selected organization
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
6
Preamble to the Constitution
We the People of the United States, in Order to form a
more perfect Union, establish Justice, insure domestic
Tranquility, provide for the common defense, promote the
general Welfare, and secure the Blessings of Liberty to
ourselves and our Posterity, do ordain and establish this
Constitution for the United States of America.
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
7
Preamble to the Constitution
We the People of the United States, in Order to form a more perfect Union,
establish Justice, insure domestic Tranquility, provide for the common
defense, promote the general Welfare, and secure the Blessings of Liberty
to ourselves and our Posterity, do ordain and establish this Constitution for
the United States of America.
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
8
Student Name:
Date:
Working with Type Exam
1. Who invented the movable type in 1450?
2. A set of characters including uppercase and lowercase is referred to as
_______________.
3. A French term for the “feet” on fonts is _____________.
4. Sans serif means __________________ feet.
5. Bold, Italic and narrow are all examples of font ___________.
6. The portion of the font that rises above the x-height is the
_______________.
7. The portion of the font that falls below the baseline is the
_________________.
8. Kerning is the space between two _____________.
9. _____________ refers to the distance between two rows of type.
10. Body type is most readable when font ranges from 8 to 12 points.
True or False
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
9
Student Name:
Date:
Working with Type Exam Key
1. Who invented the movable type in 1450? Johannes Gutenberg
2. A set of characters including uppercase and lowercase is referred to as
typeface
.
3. A French term for the “feet” on fonts is
4. Sans serif means
without
serif
.
feet.
5. Bold, Italic and narrow are all examples of font
styles
6. The portion of the font that rises above the x-height is the
.
ascender .
7. The portion of the font that falls below the baseline is the descender .
8. Kerning is the space between two
9.
Leading
letters
.
refers to the distance between two rows of type.
10. Body type is most readable when font ranges from 8 to 12 points.
True
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
10
Working with Type Project Rubric
Criteria
Completeness
(10 pts)
Margins
(10 pts)
Columns
(10 pts)
Textboxes
(10 pts)
Font Selection
(30 pts)
Text Formatting
(20 points)
Spelling
(10 pts)
Exceptional
Above Average
Below Average
Unacceptable
9-10 points
5-8 points
1-4 points
0 points
All elements
included (margins,
columns,
textboxes, text).
All elements are
included, but one
part is incomplete.
All elements are
included, but 2-3
parts are
incomplete.
None of the parts
of the project is
complete.
9-10 points
5-8 points
1-4 points
0 points
Margins adhere to
project guidelines.
All but one margin
setting follows
guidelines.
More than one
margin does not
follow guidelines.
Margins do not
conform to project
guidelines.
9-10 points
5-8 points
1-4 points
0 points
Columns are
established and
adhere to project
guidelines.
Columns are
established, and
partially adhere to
project guidelines.
Columns are
established, but do
not adhere to
project guidelines.
Columns are not
used.
9-10 points
5-8 points
1-4 points
0 points
Textboxes are
added and adhere
to project
guidelines.
Textboxes are
added and partially
adhere to project
guidelines.
Textboxes are
added but do not
adhere to project
guidelines.
Textboxes are not
used.
25-30 points
15-24 points
1-14 points
0 points
Typeface and point
size are
appropriate for their
location within the
document. The
elements support a
look and feel that is
consistent with the
organization.
Only one of two the
two criteria for font
selection is met
(appropriateness
for location with the
document OR
supportive a look
and feel that is
consistent with the
organization).
Typeface and point
size decisions are
inappropriate for
their location within
the document. The
elements do not
support a look and
feel that is
consistent with the
organization.
No typeface or
point size
decisions are
applied in the
document.
16-20 points
10-15 points
1-9 points
0 points
All text formatting
elements (tracking,
leading, style, and
justification) are
applied well.
All text formatting
elements (tracking,
leading, style, and
justification) are
applied, but could
be improved.
More than one text
formatting element
(tracking, leading,
style, and
justification) is not
applied.
No text formatting
is applied.
9-10 points
5-8 points
1-4 points
0 points
There are 5-9
spelling errors in
the document.
There are more
than 10 spelling
errors in the
document.
There are no
spelling errors in
the document.
There are 1-4
spelling errors in
the document.
Points
Total_______________
AAVTC: Graphic Design & Illustration: Working with Type
Copyright © Texas Education Agency, 2011. All rights reserved.
11