Академический Документы
Профессиональный Документы
Культура Документы
to Magazine
Design for Print
Module 2 Terms
Appendix
Course Description
An introduction to design of magazines for print covering an overview of the history of Western magazines;
standard terms used to identify elements; understanding the use of grids and styles; words as headlines and
decks; words as bylines and story text, cutlines, and credits; Images as photos, illustrations, and
infographics. The six learning modules are designed to be one-hour sessions but time may vary depending
on the number of students and discussions. Obviously, six hours of learning does not substitute for years of
practical experience and learning but it can be a start.
Required Texts/Readings
Textbook
There is no required text book. Numerous books are available free on loan from libraries and professional
resources are available online.
Other Readings
The instructor’s appendix section has suggestions for more information. Meet with magazine designers, art
directors, magazine editors, and commercial printers to explore the topic further.
Assignments will be given in each class and may be just a quiz or a quiz and other work. Assignments will
be due the following class session.
POINTS GRADE
Each class, except the first one, will cover learning objectives 1, 2 and 3. 100–98 A+
97–94 A
Grading will based on earning a total of 100 points by the end of the six classes. 93–90 A-
89–87 B+
6 classes x 10 points for class participation = 60 points possible 86–83 B
6 quizzes x 5 points each possible = 30 points possible 82–80 B-
1 final class typography critique by each student = 10 points possible 79–77 C+
76–73 C
=100 points total 72–70 C-
Any late work will receive a maximum of half credit. There is no extra credit. 69–67 D+
Participation in class involves discussion, critical thinking, use of relevant 66–63 D
vocabulary, and questions about the material covered. An F grade is a fail. 62–60 D-
59–0 F
1 Overview
2 Terms
The schedule is subject to change with fair notice by e-mail and in the previous class.
Module 1
Overview
• Pre-‐Gutenberg
(<1455)
• Gutenberg
(1456–1760)
• Industrial
(1761–1890)
• Ar3s3c
(1891–1983)
• Digital
(1984–present)
Bakin
Manag g
emen t
Trade
Specialized
business
pubs
AARP
Organiza3on
Published
by
organiza?ons,
Hybrids
exist,
like
PC
Magazine:
Consumer
+
Trade
7/3/15
11
AJEEP MagazineDesign | Tim Mitchell
(1of2)
4. Name two U.S. magazines started in the 1800s that are still in print.
Module 2
Terms — design components
7/3/15
19
Put on your best face
Covers reveal themselves to readers
in different ways.
The
flat
• The captivating front
cover
expression of the has
a
slight
woman in the Burka lip
from
a
fills the page. short
trim.
7/3/15
30
• Editor’s letter
A note from the
editor that gets
the reader’s
attention.
7/3/15
32
• Contents
page An
overview of
the contents
and an aid
in finding
where
stories
are located
• Masthead
Often confused with
the publication title,
the masthead is the
area where the staff
and subscription
information is listed.
• Advertisements
Two quarter-page
ads and one half-
page ad all on
one page makes
a modular fit.
A half-page ad.
Module 3
Terms — page elements
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
=Overall ID of pub
7/3/15
49
AJEEP MagazineDesign | Tim Mitchell
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
Limit the
use of all-
caps words
• Pull quotes/text extracts
because
they are • Sidebars, infographics
harder to
read. • Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
Decks
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
Sub-
heads • Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
A blue, drop-cap letter B • Words: tone and manner
shows the start of a new
section of content.
Page Elements
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
Credits
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
Module 4
The design challenge
versus
Select color
from a
trusted,
printed
source like a
PMS (Pantone
Matching Fluorescent
System) color
book.
Analogous
12-‐step
color
wheels
Triads
The
natural,
Split
con?guous
color
complements
spectrum
looped
back
on
itself
forms
a
circle.
July
3,
2015
§ Work within your magazine’s style guidelines.
§ Staying on the design grid keeps design elements aligned.
§ A grid shows where to place relevant design elements
§ Grids are not directly visible to readers but they can sense
order and consistency.
+ =
• Contrast
Contrast
(emphasis,
propor?on)
• Balance
(symmetry-‐asymmetry)
• Rhythm
(sequence,
repe??on)
• Unity
(cohesion,
visual
“glue”)
These are some simplified design principles that can be
used effectively in visual communications.
4. Paper, color and design aesthetics are important decisions in magazine
design. Why is paper such a big deal?
5. Colors on the computer monitor are good representations of the inks that
will print on paper. True or False?
Module 5
Managing the workflow
Keep Keep
track track
of the of the
words. images.
4. What is a tactic to end up with enough stories to fill the magazine if one is
late?
Module 6
Image file types
It is how many pixels per inch result when an image file is used
at a size other than its original size.
3. What one image file type will handle line art, grayscale and color images?
4. What file type can be infinitely enlarged and remain sharp?
6. What effective ppi is needed if a printing company will reproduce your
photos using a 200 line screen?
Appendix
Type vocabulary
Instructor materials
4. What is a tactic to end up with enough stories to fill the magazine if one is
late? Answer: Overbook the original story budgeting and plan on
some that don’t have dated material so they can hold over if
necessary.
7/3/15 118 AJEEP MagazineDesign | Tim Mitchell
1. Can an RGB color image placed in a magazine file hold up the printing
schedule? Answer: Yes, it can if it is not corrected in time. CMYK
images are expected, although newer digital printing is starting to
allow RGB files.
2. What is the right color mode for an image file? Answer: Generally, CMYK
is the kind of color image required.
3. What one image file type will handle line art, grayscale and color images?
Answer: TIFF is the most comprehensive file type and it does not
lose any pixels whereas older types of JPEG files can drop out pixels
during compression, even the least amount of compression. TIFF
compression is lossless.
4. What file type can be infinitely enlarged and remain sharp? Answer:
Vector/Postscript files are always sharp.
5. What is the smallest unit of a digital image? Answer: A pixel is the
smallest picture element. When bitmap images are enlarged too
much their pixels can become visible.
6. What effective ppi is needed if a printer will reproduce your photos using a
200 line screen? Answer: Twice the line screen is a 400ppi image.
7/3/15 119 AJEEP MagazineDesign | Tim Mitchell
1. Bring in print examples of magazines for class discussion.
3. Are any magazines without editor’s letters? Some publications don’t use
them or make the hard to find.
4. Are there any online, companion websites that have the same identity as
the print publication? If so, how?
5. Was the designer challenged with fitting information around any ads? How
and what else might have been a solution?
2. Identify successful captions and credit lines on images. Why do they work
well?
3. What publication has a writing style that works well? Why?
4. What publication has an image style that works well? Why?
2. How has the magazine’s pacing been implemented as you read through it?
4. Can you figure out the design grid from the printed publication?
3. Try to plan a rough schedule for how that publication is developed within
that timeframe?
2. Are there any vector images used? (You can also look at the ads for this).
3. Are there any grayscale images? (use a magnifier to look closely at the
printing dots to see if they are only black or if color is used. Sometimes it
is CMYK printing that is used for grayscale looking images.)
Appendix
Instructor materials: slide set with added
content
AJEEP Tim Mitchell 7/3/15 127
Introduction
to magazine
design for print
Module 1
Overview
• Pre-‐Gutenberg
(<1455)
• Gutenberg
(1456–1760)
1741
U.S.
magazines
• Industrial
(1761–1890)
start
up
• Ar3s3c
(1891–1983)
• Digital
(1984–present)
Trade
Manag
em en t
Medical
Mee?ng
Commercial
Fishing
Facili?es
Management
Specialized
business
pubs,
no
newsstand
distribu?on,
free
to
industry
AARP
Photoshop
User
Na?onal
Geographic
Alaska
Airlines
Organiza3on
Published
by
organiza?ons,
no
newsstand
distribu?on,
part
of
membership
Module 2
Terms — design components
On the
right are
four
versions
of the
Access
magazine
logo
The outer
partial cover
can be
removed to
reveal a
second, back
cover. Since
the issue had
two themes,
the back
section is an
inverted half
of the second
theme of the
magazine and
reads towards
the center.
7/3/15
145
AJEEP MagazineDesign
| Tim Mitchell
• This cover uses a gold
color from a fifth, spot
color PMS ink making
a glistening look.
excitement about
the publication,
and the team
effort, in a way
that gets the
reader hooked.
7/3/15
154
• Contents
page An
overview of
the contents
and an aid
in finding
where
stories
are located Table of contents is a tired
phrase that has recently evolved
to simply contents, inside, for
the record, menu, lineup, etc.
• Masthead
Often confused with
the publication title,
the masthead is the
area where the staff
and subscription
information is listed.
Some publications
include their logo.
7/3/15
157
AJEEP MagazineDesign | Tim Mitchell
• Mastheads
Elements like images, text fonts, margins, and folios can all
contribute to the sense that the reader is continuing in the same
story. Here the same woman, out of the car, and the overlaid type
column reflect similar design from the opening spread.
7/3/15
164
AJEEP MagazineDesign | Tim Mitchell
• Stories Type can serve as images. This story about
boxing is illustrated
on a spread with
page-size KO letters
for knock out.
Careful type placement is Longer stories are usually placed in the middle of
required on photos so the the magazine, called the well, and some publications
image integrity is maintained. don’t run many ads there while others do.
• Advertisements
Two quarter-page
ads and one half-
page ad all on
one page makes
a modular fit.
That allows a
story to start on
the next page.
A half-page ad.
Module 3
Terms — page elements
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
=Overall ID of pub
7/3/15
170
AJEEP MagazineDesign | Tim Mitchell
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
Limit the
use of all-
caps words
• Pull quotes/text extracts
because
they are • Sidebars, infographics
harder to
read. • Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Headlines
Decks • Decks and Subheads
to
further • Text: fonts, typography
explain
the • Captions/cutlines, credits
heads
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
Sub- • Images: look and feel
heads
to • Words: tone and manner
break
up the
story
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
Use of fonts that contribute to
• Navigational info: folios, ToC
the identity along with judicious
line spacing, column measures, • Images: look and feel
column gutters, margins,
• Words: tone and manner
subheads, any initial drop caps,
and treatment for text wraps
become part of the personality
of the publication.
7/3/15
174
AJEEP MagazineDesign | Tim Mitchell
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
A blue, drop-cap letter B shows • Words: tone and manner
the start of a new section of
content, in addition to the blank
line space from the paragraph
above.
7/3/15
175
AJEEP MagazineDesign | Tim Mitchell
Caption
Page Elements
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
Credits
• Headlines
• Decks and Subheads
Pull quotes
within text- • Text: fonts, typography
heavy pages
can become
reader entry
• Captions/cutlines, credits
points —
especially if • Pull quotes/text extracts
they are
intriguing • Sidebars, infographics
phrases.
• Navigational info: folios, ToC
Don’t let the
design interfere • Images: look and feel
with legibility.
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
Make complex
data easy to
understand
• Navigational info: folios, ToC
and hopefully
useful. Pull • Images: look and feel
detail out
of the story • Words: tone and manner
and illustrate
it instead.
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
illustratiion • Pull quotes/text extracts
was used to
convey the • Sidebars, infographics
superhero
headline
reference.
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
A double entendre written to
first state the obvious phrase • Navigational info: folios, ToC
associated with telling the truth • Images: look and feel
and the second meaning about
bar “tenders” who are the ones • Words: tone and manner
giving up the information. These
writing ideas can come from
anywhere even from mistakes.
7/3/15
181
AJEEP MagazineDesign | Tim Mitchell
• Headlines
• Decks and Subheads
• Text: fonts, typography
• Captions/cutlines, credits
• Pull quotes/text extracts
• Sidebars, infographics
• Navigational info: folios, ToC
• Images: look and feel
• Words: tone and manner
Try variations to set up a style sheet showing
samples and then create a detailed styles palette
for the design program.
Module 4
The design challenge
July
3,
2015
191
AJEEP MagazineDesign | Tim Mitchell
Expect to
make
many
layout
revisions
versus
PMS
871c,
metallic
gold,
looks
PMS
871c
looks
much
more
like
this
on
screen
which
is
shiny
and
like
metal
gold
in
nothing
like
the
final
ink
color.
real
life
than
in
this
photo.
7/3/15 200 AJEEP MagazineDesign | Tim Mitchell
Metallic
color
Select color
from a
trusted,
printed
source like a
PMS (Pantone
Matching
System) book
when working
with color and
Fluorescent
only use the color
on-screen
color as a
place holder.
Fluorescent colors cannot be
Colors can accurately represented on the
computer monitor. The same
fade in old
is true with metallic inks and
books. some other colors.
Analogous
Complementary
colors
are
adjacent
12-‐step
color
wheels
Split
complements
Triads
are
4
steps
The
natural,
are
almost
apart
con?guous
color
opposites
spectrum
looped
back
on
itself
forms
a
circle.
July
3,
2015
§ Work within your magazine’s style guidelines to keep the
identity consistent.
§ Staying on the design grid keeps design elements aligned from
page to page
§ A grid shows where to place relevant design elements
§ Grids are not directly visible to readers but orderly design is.
Source
text
and
image
Design
grid
Organized
final
result
+ =
• Contrast
Contrast
(emphasis,
propor?on)
• Balance
(symmetry-‐asymmetry)
• Rhythm
(sequence,
repe??on)
• Unity
(cohesion,
visual
“glue”)
Every design and art authority has a slightly different
combination and number of listings for these. Using
each aesthetic does not guarantee a good design but it
is worth consciously working with them in mind.
7/3/15
204 AJEEP MagazineDesign | Tim Mitchell
Introduction
to magazine
design for print
Module 5
Managing the workflow
Keep Keep
track track
of the of the
words. images.
Module 6
Image file types
The rule of thumb also suggests that you double the printing
halftone screen value to get the minimum effective ppi of the
image.
For example, if the image is going to print at 150 dpi you need a 300 ppi image.
It is how many pixels per inch result when an image file is used
at a size other than its original size.
For example, an 8 x 10 inch image at 150 ppi reduced in size to 4 x 8 inches will
become an effective 300 ppi. A 50% size reduction doubles the effective ppi.