Professional Documents
Culture Documents
PAGES
A common-sense
approach to
effective desktop design
Jan
V White
2012
http://archive.org/details/greatpagescommonOOwhit
PAGES
A common-sense
approach to
effective desktop design
Jan V.
White
Copyright
No
may
be reproduced
graphic, electronic, or
which would
result.
Serif Publishing
90245
ISBN: 1-878567-01-2
First printing,
1
1990
2 3 4 5 6 7 8 9 10
Project
Editor:
95 94 93 92 91 90
<&.
Associates
CONTENTS
Introduction
design? Nonsense!
Publishers don't
Making pages
36
The
51
Considerate typography
61
How
74
Grids not
''so-what/'
to
that appeal
17
common
sense
22
82
91
10
11
How
109
12
Who
117
13
it!
99
125
Introduction
By Tony Sutton, Design Director,
The Globe and Mail, Toronto
MY
initial contact
came soon
after
publisher Folio,
media
61),
in
my
magazine.
What
author himself.
That
first
professional relationship
The
is
a dogged determination
publication-making.
As he
who
overview
is
a better
word
are
camps
perhaps
is
and journalist
philosopher.
Page
It is
therefore thought to
be an art-form
intended to create
beauty.
It is
nothing of the
sort.
Design is a
lubricant for ideas.
CHAPTER ONE
Publishers don't
know design?
Nonsense!
you are a communicator
(publisher, writer,
IF
knowledge or information of
it or not, you are faced
with having to do that transmitting by the
is
to transmit
some
most
effective
means
mistakenly that
words are the only element they can confidently
control or are qualified to judge. Anything else
such as "art" is beyond them. Listen to what some
oriented people usually believe
say:
"I'm a writer,
"The
artist is
for."
always pressuring me
because
it
looks better.
to leave
I don't
How do I know
white
want
we fight
and
he
Hike."
know a
thing about
art,
do
to
."
.
Great Pages
When a message
is clearly defined
once you have
determined what you want to say then the means
of saying it grows organically out of its very structure
out of its concept, meaning, and content.
But
if
its
it
^you've relinquished
to the artist,
who you
Publishers don't
know design^
Nonsense!
feelings of inferiority
are,
effecits
the message.
The
ideas themselves
The
which the
ideas are
couched.
The
which becomes
a clue
The sequencing
of thoughts
The
ness, boldness,
and so
visual effect.
The
typefaces used,
first
which
affect the
mood
of the
impression.
used,
the reader.
Great Pages
One does
Design
is
an
editorial tool
Or
it
late
ought to be.
It
trade for
all that is
communicating the
our stock-in-
ideas inherent in a
story.
Good
design should
make
first
goal.
Good looks
(whatever that
may be)
glance.
are a by-product;
10
coming across
Publishers don't
know designl
Nonsense!
judgment
because
Good
itself. It
design
makes the
is
story's
fits
into
or
11
Great Pages
There
is
an inner
logic in
It is
for
publishing the storywhat the material's significance will be to the reader, and
Knowing
it.
how the
this,
reader can
the writer
visual dullness
(it
fore a look-nothing
Publishers don't
know designl
Nonsense!
To create sense-making design design that communicates the editor and designer, as a team, must
define and articulate what they really want to say.
Once they decide their purposes, they can invent a
language that is both visual and verbal, a language
that will transmit those purposes from the page to
tively.
What
(or size)
most
knowing what
page. After filling the big spaces with the big things,
you
fit
in the rest.
It is
A good layout
A good layout is one whose whole
sum of its parts.
say
much, doesn't
pose, then
it is
reflect
just
is
and doesn't
an inner meaning or pura cosmetic sham and the reader
immediately (which means the
If it
it
13
Great Pages
If,
and manages
to
'
"Yes, but
balance, contrast,
Here
to
question of character.
The
editor/writer
is
audience and
its
He knows
the target
unless she
is
14
Publishers don't
Some
designers
may even
It is
But what
if
and is
must ask the designer
right,
or else!
to
what
is
precisely
needed.
15
Great Pages
Show and
tell
The answer
the designer
is
is
work
Nothing
is
presented
16
CHAPTER TWO
Making pages
that appeal
ONE
of the
publication
by media, and a
bit lazy,
reading?
Where do you
most
An illustration
A caption
A picture
A word
A phrase
A concept
Even
a headline.
17
Great Pages
The basic
principle
for beauty,
but for
is
utility.
to intrigue
and
Make
tabulation:
Promise
18
make
payoffs.
it
more than
mere
Making pages
3.
the
way
that appeal
is
structured.
The
noticed. Pull
meaning. Start
at
the top
left,
lower right.
5. Break out the information that can be separated
from the main body and box it. Identify and display
it with its own heading. This gives the viewer twice
many reasons
as
to start, besides
making
the text
7.
Use picture
The
captions.
Translate as
much of your
information in the
9.
statistical data as
text.
listings,
coming
them where
page.
It is
not
wasted
if it is
Don't
make
to
do
it
vividly.
Make
many
sure they
19
Great Pages
it
for
me?" aspect
of the
Have
more chances
many
front
5.
Break
big,
its
own
heading.
6.
Assemble short
bits of
sum of its
parts.
7.
from
8.
theme
of the story.
9.
of
of
them and
or
4.
3.
page;
20
20%
is
to distinguish areas
usually as dark as
it
should be.
on the
Making pages
that appeal
separating stories.
significant.
7.
Indentation
ranking. Use
is
it
a universally
understood system of
to identify sets
show
a clear hierarchy.
21
CHAPTER THREE
Publication
design and
common sense
THOSE
word-oriented writer/editor-
journalism school
anybody
them that
it
to tell
their
to
22
Publication design
trained for
Gogh
it
!' (fill
What nonsense.
point
"I don't
/'
."* "I
in your
If
logically, get
from
Do Design.
to another,
more than
merely giving
but that
is
visible
form
It is
nothing
2.
We
3.
4.
(i.e.
"layout").
The
point
is
It
by "art"
Alas,
is
Makeup Day
is
component
of editing.
and the
fact that
everything nice
is
fattening.
done
for printed
23
Great Pages
common sense
Day we
forget our
to
What
is
required
is
Fundamental
1:
Left-to-right
you have
have a beginning before you can have its consequence ... an ending. Number three has to follow
to
number
two,
which
follows
number
one.
When we
t i
m e to
is
presented as a
24
Publication design
sequence
is
its
its
translation
read from
to
left to right,
the right.
Useful principle:
If
we
Fundamental
2:
and end
at the
easily.
Top-to-bottom
This
is
it
ought not
where headlines
go.
That's
value).
as
of pages are
much
an afterthought?
Fundamental
3:
it.
Page-by-page
in
25
Great Pages
them up
Our product
is
If
us the capacity
ing
for
material
turned).
is to
be found
These are
physical object
all factors
Fundamental
4:
the
is
that
magic
tool,
from them.
make
page
better
what exciting
it
in serial form
Closeness
is
relationship
about as close as
is
the
arrangement.
26
follow.
Publication design
The
interesting material.
pictures. That's
The headline
(2)
is
why
information in the
story.
Text
(3)
headline.
27
Great Pages
^^1
V-
sequence can be
filled
down the
page.
The
Flow
(left-to-right,
page-by-page)
The
IT]
Repetition
-n-|
is
the easiest
way
to
make
sure the
28
Publication design
repeated
shape
is
the
is
element
itself
its
though
it
is
no "right" way
of the pages
it's
great
if
becomes
29
Great Pages
The
between
no clue. (Of course, captions
and numbering might be used as crutches
but
that's cheating. There's no excuse for needing
or horizontally? Since there's equal space
is
crutches).
HE
PP
pn
OPP
CQP
side-by-side pictures
30
Publication design
nnH
r==-f==r
m-
__
'
"H^T
^"
lann
n
LJ
^nr
nrz
of
logical extreme,
gutter
it is
proximity in sequences to
with
its
if
the
As long
as
31
Great Pages
Much publishing,
documentation
material
is altered.
The
first
at
on a page
is
the
^^~lusfy^lidK
Y^p\<^A.\r5 i^U
the reader
is
is
right there,
where
it.
32
Publication design
would be confusing.
/^^:^.
spacing
+^e"[llo9iY<5ii"6H
is
words need
Clearly, the
we
to
when
whether explanations
follow the pictures (by being placed beneath them'
or precede them (by being placed above them'. The
spacing clues must be subliminal and obvious:
closeness of related elements and separation of
viewer glances
at a page,
clear.
is
You make
wanted) by
matter what
You want
between items, no
33
>
Great Pages
and
IV2 lines of
to be separated.
of space, but
more
Diagrams
intelligently:
(left-to-right)
Illustrations
building plans,
preted the
etc.,
same way
bottom.
easiest
standable
is
to
though
start to finish as
and the
it
way to make
to right.
I
-->
-^
CA-H^o!
C^uje-
feolf-
Py^ce^s
IMTD
is
when the
or
after are
"before'' is
on the
most quickly
left, and the
RELATION 5H
bc^t
The exception
symbols
(like
is,
and need
to
/^
I
At4^
of course,
where hierarchical
They
downward
way.
lU
34
^
T
to its right.
Publication design
After
Communication
is
is fast,
easy, clear
(i.e.,
us, publication-
(i.e.,
35
CHAPTER FOUR
Words and
pictures
THIS
It is
chapter
is
how
it
relates to editorial
When text is
discussed, you
comes
told''
When the
to
is
subject of design
be "shown and
That cannot be the case in this chapter. It is impossible to show you either good or bad examples of the
text/design partnership because of the definition of
the problem: no example of a spread or two can
possibly show you the successful relationship of
looks to meaning without long-winded explanations
of the verbal segment of that relationship.
The
is
easy to understand
design awards!
The
36
Words and pictures
-1
ipYl\U
taken
for
in neither of the
we
are divided:
it is
multi-disciplinary
make
it
belongs
which
it
their cause.
it
into
Those
editors
who
stand
who can
care about
its utility
who underto
them-
selves as communicators,
it,
become
to
as excited
who
by the
its
The members
sion
who have
visual form.
of
our profes-
the insight
with one
another to bridge the
chasm that divides us
and who can therefore
come up with reliably good
to cooperate
are few.
37
Great Pages
The
know
In
it.
some
respects,
is
similar
to the
TV
heard against a
coordinated background of changing images that
news: the newscaster's reporting
is
veracity and
When
tion
is
Just
When it
is,
it
TV presenta-
can be mesmerizing.
print.
1.
main
Do the pictures
to
do
story,
that. In a
large, is verbal
newspaper, the
The
visuals at
all.
38
is
accompanied by
a parallel,
its full
potential.
2. Is
meaning and
common
interpretation?
main headline
to the
The
act as a caption
opening illustration?
picture
is
chosen
on
to,
deems
to
be crucially significant to
the reader.
Given
it is
highly
be so captured
that the story will become irresistible. That way.
likely that the reader's interest will
HIS FIELD Of
A<:r,viT)^
the
wide enough
other hand,
for
if
you
to get
your foot
in.
On the
follow from or
grow out
of
picture,
if it
and
if it
fails to
it,
then
been wasted.
39
Great Pages
3. Is
closely to the
most
4.
it.
curiosity has
receptive
And
if
40
little
headlines?
style."
worthless.
If it is
not,
then
all
to leave
It
5. Are the pictures being used for their beguiling prettiness, or are
they being used because they are the best of a rotten bunch and all
you've got to work with?
must, by
all
main
of
them even
if
direction of the
41
Great Pages
story.
is,
and
to reject
them as
hard enough as
is
irrelevant
it
But to pretend that they are useful to the communication value of the story is cheating and readers
enough
or attach
If,
best of a bad
page
even
them down
if
Blowing up a
you ought
splashily.
crummy picture
doesn't
make
it
any
42
6. Is
The
bigger something
is
it is
of
Mk^t
It is
with which
a helpful tool
our credibility
is
to create
emphasis. But
if
emphasis
we misapply
run
Or because they
empty space? Or because
can be enlarged
to
fill
the
7.
Is
to tell just
Information
way.
It is
is
one story?
is the most
words and pictures in combination.
If a single image is used as a springboard for more
than one editorial point, confusion is likely to
result. The one exception is the symbolic story
43
Great Pages
opener, of course
headline
8. Is
is,
ideally, just
and so forth
9. Is
to
needed
is
a paper wall
become
.^
f
44
=^
window
to the next?
logical relationship,
created that
little
is far
self-contained pictures.
If
the pictures
fail to
for
10. Is there a dominant image carrying the main thrust of the story,
and is its dominance reinforced by contrast with tiny supporting
images?
easily.
out
whole thing
we have
it
TV
to
draw
their
own
conclusions. Instead,
orucv'al intdijc^
led
Ty^e^CfyJU^K
iu*Ai^
45
Great Pages
precisely to induce
thought. This
is
though here we
the door of Question 2. Here we're giving our
spiel to an already receptive audience.
11.
Does
sales
images?
If
scales of
as useful as the
used constructively
to
page
(at
to flow
making
is
broadened,
It
doesn't
with
46
size
it
It
potential a
and so
on), or
it
can be
left as a
size,
maze
numbering,
for readers to
47
Great Pages
with a couple
more than
of shots tossed in to
break
it
just
up.
14. Do small, spotty pictures combined into larger groups make the
whole greater than the sum of the parts?
an encompassing
grid?
Or
them in rhythmic
them repetitive
fixing
cropping
them and
placing
them
so
from one
into an
48
15.
utilization of
and designers
them
to
And
What matters
in that story.
is
It is
open
to
They
are
raw material,
embody
If
marvelous. That
way
should be.
is
the
of
our pictures
it
tell
that
That is
That is the
it.
ideal.
Alas,
^'o'
how many
They
fall
short of such an
camera at a
and telling the camera to record
mechanically what it "sees." The communication
capability of such pedestrian material might well be
improved by some judiciously applied tinkering.
ideal.
subject
/^v/THo/^-
49
Great Pages
16.
most
crucial question of
all:
as a
If
or clever advice
this chapter.
50
is
CHAPTER FIVE
The ^'so-what/'
'
Vowee/' and
"s'posed-to''
syndromes
f^
you HAD ^erre^
YOU
It is
work.
It
reader's part to
51
Great Pages
lot to
alone.
That's
to sell.
To persuade uncaring,
1.
Their inherent
pack value.
2.
3.
The
must
it
exposition of goodies.
It's all
in the presentation
Forget publishing and think about another service
industry. You expect the food in a fine restaurant to
be made of the freshest ingredients, deliciously
spiced, artfully presented.
The way
it
looks
makes
it
is
worth every
cent.
Here, presentation
is
The ambience
52
is
and
all
make
for
publishing success.
It is
it
creates
Second,
it
appealing.
helps to
It is
make
surroundings and ambience, but also in the composition of that succulent cutlet tucked around with
pommes
mushroom
caps and
and
oh, boy!
DULL. The
inherent
fascination of the
been brought
out and made
visible. Its
capacity
to
compel
involvement
has not
been
fulfilled.
Great Pages
The
fault is
It is
account before
it is
too
late:
become
a ''pleasing arrangement"
How about a
up the page so
it
will
their portfolio.
If
make
it
its
significance
visible.
They would
Look
see
at
it.
They
or does
it
expose?
is
many bangs,-
54
stars,-
it
undermines the
it
doesn't look
credibility of the
Where
It
must be
showcase
reader.
them out
is
is
to
expose
attention.
to define
them and
vivid,
55
Great Pages
memorable. Look
at
The
it
the
get in the
syndrome
We all work with traditions,
"s'posed-to"
conventional wisdoms,
and thought patterns. Every profession has
norms, its axiomatic beliefs, its standards proven
habits,
its
Newcomers
are
programmed
''MWI
to accept
them
it
in academia,
of
is
How
our
vital to
Too
unthinking substitutes
thought.
What
is
arguments against
do that because
never done
they won't
we've never done it that way before
understand it
mugshots must look into the page
the heads at the top of the page are supposed to
trapped
be bigger than the ones at the bottom
space is bad ... all important words in headlines
have always had their first letters capitalized
." and so it
what's right in newspapers is right
it's
way
to
do
it
it's
56
"No"
to creative
all fresh
approaches.
Nostrums supplant
Why?
If
you don't
get depressed,
congratulations.
Stop, look,
and read
The
first step is to
yu^^'^^'^'V^
members of the editorial team. The editors determine the direction and the thrust. The designers
determine
how to communicate
it
vibrantly.
act in concert.
They must
contributions to their
technicians.
The
as
its
57
Great Pages
them
in order to
of the
medium.
it
marks on paper.
as visual
It
For example:
If
the text
is
it
end
size, boldness,
even isolation.
(All that is
text. It is
much harder
to
do
if
on impossible to retrofit
very unpopular to ask someone to rewrite
the middle.
''just to
the key
of a text run,
will be
if
It is
make
it
also nigh
look nicer.")
that there
with a
is
too
better,
more
If
as
much editing as
designing.]
editors
58
than
That
They
stuff
aren't
product
easier to take
is
than
it is.
a verbal one.)
how the
can be given
a visible format to help guide the reader through it.
Being able to find elements is vitally important,
structure of the writing
is
organized,
Making
it
things easy to
secutively.
The
")
Oh yeah?
who understands
Only when
skimmer
persuaded to
stop, look,
and
is
that
read.
success
is
is
assured.
59
Great Pages
tive aesthetic. If
everything
is
done
for cogent,
it
surprises.
from impression
to
Irresistible fascination
ensues
is
to
be "pretty."
content reinforce each other. In ideal communication they are one and the same.
60
CHAPTER SIX
Considerate
typography
WORDS
are Donald's
life:
talker,
and thought,
he had the fun of earning his
livelihood playing with words as
a brilliant copywriter at a New York ad agency
until he went blind. Can you imagine the frustration? Fortunately although Donald is legally blind,
he can make out some printing if the circumstances
are right. The other day when I was at his house, he
showed me a book he had been reveling in.
niceties of language
\<^
physical object in
texture,
that he
is,
be doing.
He
said,
"Y'know,
that's
what
call
considerate typography."
Think about
and
commandment
to
It is
reader-oriented
What
it
is this: if we are
we had damned well
says
61
Great Pages
better
make them
mean
sugar-coating
acceptable!
them
And that
or dressing
does not
them up.
It
for
our readers
Being
enough;
that's
skills
and
insights.
must also
we
fulfill its
entrust to
audience
Long
it is
we want
own function
to
become
if
the information
accessible to the
to reach.
word was an
exquisitely tended
62
Considerate typography
Now,
us,
two
1.
Habit patterns
Habits are unthinking behavior patterns, by
definition:
things as
if
We
space salespeople)
demands
that a
magazine page be
-JLiLJ
structure affects the scale of everything fitted into
four-color stuff
63
Great Pages
ads.
But
in elsewhere, especially
typographic slogans
which
are nothing
we
accept as axiomatic
but
is
AMAX
CM,
The
ancient
But a
Romans
lot of it is
Anything
it
to
be
set smaller
That's nonsense:
some
some minuscule.
It
than 10 point
is
hard
to read.
and
its
x-height. Pay
Italics are
all.
64
so.
too much.
Considerate typography
it
just as easy as
it's
we
or Textype.
find
It is all
move
the
Widows
are bad.
They bring
air
and
at
the
tops of columns.
Breaking up type
is
desirable.
J^IX-^^^'-v
'C?
way
65
Great Pages
Running type in
reverse
is
bad.
ratio.
It
commonplace now.
won't because
White space
is
it
doesn't.
it
it?
back to
66
if
of a lot,
nobody will
I'll
come
Considerate typography
columns
Justifying
is essential.
of
It
first.
is
fit
precisely in
least!
VctT
^hir-
As
story-starts
the top.
way
not to publish
at all.
to save
money
in publishing
is
67
Great Pages
Cheap typesetting
is just
good as quality
as
typesetting.
The distinguished
typist keyboarding a
The
a false
economy
to cut
back on investment in
won't know the
difference.
is to
save
money in publishing
say that
somewhere
before?
if
ever, question.
them. That's
just as
we
We
how much we
take
them
for granted,
Just
become conscious
2.
at the
wheel.
Proven principles
It is not easy to distinguish between those
unthinking habit patterns listed above and the valid
proven principles, because they are related. To list
some
it is
necessary to go
there are no
Nothing can be
quantified or proven, nor does anything work in all
circumstances all the time. There are just too many
back
to square one.
rules,
no formulas, no
certainties.
situation.
68
Some
of
them:
any given
The typeface
Some
itself.
others.
more
legible
than
But a
is
The
crude
presses, your
69
Great Pages
so forth.
Common sense,
and
of course.
The
The
The
i^nmnim^mmm^
sacrosanct.)
The
il
back
reading.
If
of the
column
without getting
lost
too great,
70
is
it
What
Is
the copy
is
about and
how
it is
written.
Is it
bunch
is it
an
a scientific treatise
or a
an
umbrella headline?
Is it
proper format
Roman x
The
its
13^2 picas.
ratio of
number
of pages to text.
is
a very different
The way
the copy
is
copy
71
Great Pages
The
second
clearly signals
The
no subheads
to
break
it
up; the
each component.
setting.
rhythm
way through the text. The eye
stumble, and that makes for easy reading.
constant
doesn't
all
the
The use
of flush-right
and
ragged-left.
That
isn't
return
travel,
to.
The use
between
paragraphs.
Readers are used to both techniques. The choice
ought to depend on the visual context in which
they'll be seen.
72
Considerate typography
To use
half-lines of space
page that
between paragraphs on
is
isn't just
is
measly spottiness.
that), it's
ought
to.
is
it is
a ticket of
terrifying.
It
A simple shortcut
But there is a shortcut that might be useful. Next
time you spec copy, think of Donald and his need
for considerate typography. You'll find that a
number
of decisions will
already.
It's
solutions to
them
just like
into practice.
73
CHAPTER SEVEN
How to
use color
functionally
pensive
is
What used
to be too ex-
becoming commonplace.
vs/^ith
a nev^
box
of crayons.
It
it is
must be used
delib-
can focus
It
It
can do
it
by:
color-
74
color-
more points
and
presentations.
Color in print
Don't use color just because it is available. Don't
it. Sharpen the message: explain,
highlight, emphasize, lead the eye.
1.
decorate with
Emphasize the
them
into reading.
Highlight instructions.
easier to use
when
The manual
will be
descriptions.
5.
Run
etc.,
different
from the
text.
for the
wrong reason:
7.
Use
8.
own sake.
them
its
scheme
faster.
75
Great Pages
10.
It
color
bananahood.
Flecks of
brown
tell
us the banana
is
ripening.
The more
colors
result.
salad?
Two
maximum for
colors plus
16.
It is
76
color.
How to
18.
away.
an area looks smaller in dark color than the samesized area in a light color.
19.
Surroundings
same
alter the
way
a color looks.
The
on a light background,
lighter on a dark background, warmer on a cool background, cooler on a warm background. And the
texture and the color of the paper plays a role: colors
look darker on uncoated paper than they do on coated
color looks darker
paper.
tests.
"dullness" or "brilliance."
21.
2 r P^
Uc^kr
/
2,2.
'-^' '^^^
UpT
Dc{(i^
be run in
j^jjl fjlrf
n_rl
\
background.
D| /\r^l^
^^^^
Use aggressive
color.
No matter how
it is
destined to
sentence.
24.
Use
large sizes,
hard
25.
is at least
when dropping
30%
its
difference in
background
scale.
Don't
77
Great Pages
26. Watch out for the vibration produced by complementary colors of equal tonality Orange/blue,
between them.
27. Avoid washing out black-and-white photos by
running them in color. If you must, use only the
The two
light.
wish
to
more
fun.
Color in presentations
31.
See Item
I:
the
same
applies in presentations.
It
to itself.
Draw
of a pie,
78
theme by
color.
of impressions
oDdQI
36.
Use
by identifying a recurring
of your sequence
The components
continuity.
Start
showbiz.
38. Signal
The audience
Turn the
slide
Make
vivid and
fast.
You
40.
can't
make
it
The supporting
audiences,
make
rooms
to large
OK
On dark backgrounds
brown,
Though white
is
little
79
Great Pages
aggressive, so
it
color.
rooms
to
for slides
are a different
It is
is
condensed.
medium for
for the
asides.
It
It
it
improves
of the visuals.
80
47. Start at
we
is
where
it
gives a
more
active effect
much more
static.
This
is
a^chVe
because that
is
ideal foundation
if
you want
to build in excitement,
is
noticed as a
81
CHAPTER EIGHT
Grids-not
necessarily the
publisher's best
friend
HAS
it
why it is
magazine page
is invariably broken up into either
three columns or two columns?
There is no law that stipulates such
an arrangement! It is just a habit traceable back to
the need to accommodate advertising and then
filling up the space left over with supporting
editorial matter.
dimensions
it
follows logically
common sense in
typesetting.
82
The
u$ua(
fhrcecoluvukj^
I
ahqu p ex ea commodo consequat
-;^?"Si
^^^^^^^^^^^^^1
^^-^
LT5^iH
F^-z^rl-?
"~"~3
Mi
s
.
-!
lis
rESESH^H
-l'
tS-x 'H'?rui
i~::^
-;i^Hr.
or
83
Great Pages
M
Fiveecjudil
.||
K/iffi
iw-iP:^
ft
;:
iSt lii":
if;s
^lU;
precisely the
UNexpected
84
any type
set:
1.
The
2.
The
line length in
friend
used
which
The narrower
the
the lines
column
(i.e.,
properly to be used in
it,
line
size
is
(its
crispness,
things as
darkness or lightness),
its
its
its
texture, its
emphasized by the
its
horizontal quality
its
overall
which
.
and so
you can
trust.
effect the
extremely varied.
little
The
type whispers
by
with tiny type and set tight,
contrasted to extremely wide columns filled with
large type and spaced far apart, provide the canny
editor with a variety of different tones of voice and
different scales of expression implied
narrow columns
filled
85
Great Pages
The
modes
of expression of the
Readers notice
them
at first
to notice first
Why must we
suffer
from the
rigidities of
newspaper
a single-column width makes sense? Few magazines have such time and production requirements.
Our
it.
Or, as
is
Or
most
To
at
The
differences
Some
Some
supporting
role.
arrangement that
86
is just
making
the most of
'.;";.
|ii^^^
i
wJieM.W
4-0
^ ^/bs^-^e:^ ^ss~?j:-~St.
iR
L.-i:H^:iM
-T- _
Jzr
^'.:
..;
=.-^r:^Sr--^ ''''"ll'z'-^-
coluuvv^
I
87
'"'"'''''
H^EiErHH?
'""""" .
.
1^
e.(l,.nu,.
3i.''2;Tr,",.,.^"s;u
ji3^..'STr,,:.,t."";-
'""""^"""'''""
""'"'"" """""
...^rrriTi.'"
:r.:::;.:r
;;;.;;::
'.[Z^^-V^'lZ
',izz"ZZZ'.:'VJ'.z'
';:,:zz::z:z
X'-'o';'.'",;','"',;:"::",'.';
^^^^^^^^^^^^^1
^^^^^^^^^^^^^^^^^^H
-:j'.rr.::i:';'n''7,
~^r.~::::i:^<:;r
i'::,T.;-r""";r::
eos
et
accusam
et lusto
odio dignissim
n*""""""^
:.^,r~"",;:,;:rti:x
iff'
Mt iwque nonof
^'iri''.;^'"!'..^i^';
::';;;"r:::r.',~.r;o
^^,.,^_,,j_..,..
II
il!)
rj::oo.",.xo?;:;,;:
zZ'V'^'^^'i'r^'::,.
'^r?rr;ir:^:'r,
nr,',r.';r.?.~"'c;r
.^*i^;; ",:".:::",
ir^'rr.'.-'.i::'-:
HBH-r^'H^!?n
:?;r;"'rrl'^:r;-
3:r^-:5;:rr':-
^Eri;rTri:'7':
~?r^^"
r::i';r,-';:";
limp,t doming
^i~^.
r""";:-,-tv;:;,r
'.::.
89
Great Pages
TVviP n A'dc
J
-J"! -TIaP
J-
_L
Jj.W<^^'i<^
r --r^-^-rz-z-ri-
r-=:o;^r;:^r:;^.
|HH
^HHil
Using different column structures allows you to
coordinate the contents with the form: ought the
material be insignificant (tiny type in narrow
columns) or ought it to be imposing (large type in
an extra-wide column) ? This is where scale the
visual expression of editorial importance comes
into play. Different column structures can help
improve communication by making the message
interest-
It
is effective.
structures in
Why not?
Just
is at least
one
90
CHAPTER NINE
how to redesign
usually decide every few
PUBLISHERS
time
give their
years that
it's
to
process
lady
who
directors. Here's
some advice
redesign
is
sign of desperation
competition
2.
a superficial
is
(at
least that's
likely to label
how the
it).
91
Great Pages
3. Never redesign
you are.
to
show how
clever
and with-it
If
continue to stink
if
you
Roman it will
needed
to reflect
it.
isn't just
product,
it
2.
it is
looks as well.
outgrowth
92
you have
to undertake.
3.
how to redesign
out!
story.
Redesign in
itself is
and interpret
it
as a sign of
bunch
4.
of sales pitches.
old-fashioned.
more
frenetic pace
The process
bit tired
and need
is
you figure
out:
options are
it
yourself.
his
used
Great Pages
no matter how
talented.
You need
The
Because
it is
to invest in
who knows
an
the busi-
a tricky business
about
is
all
they care
Art.
mad at you.
Designers
who
its
suggestions to
involved.
94
ramifications.
fit
They
tailor their
I.
The magazine
how
to redesign
measure
own
their
success by the
The
successful magazine
subgroup of design:
a functional service
only
editors
and
They must
create active
means
nicely.
it
of
communica-
mind.
to themselves,
as a product
Too many designers (and editors) think of a
magazine as a discontinuous gallery of separate,
self-contained pictures. Each impression as the
pages are turned is an opportunity for a beautiful
spread to hang on the wall and admire and get an
award for. That is destructive of the product because
it disintegrates it. Good magazine designers have a
different approach. They see their product in its
totality in 3-D. Instead of a gallery, they conceive
of the
magazine as
movie
filmstrip.
It is
indeed a
95
Great Pages
is
right for
you
1.
If
2.
If
is full of
spreads,
them
speak.
3.
Listen to
If
magazine
is
They must be
5.
If
at their samples.
assignment.
which he
or she
That designer
helper
96
is
chemistry.
If
how
to redesign
says,
$2500.
It is
you've
much
$250
to
likely to take,
to
charge.
to
from
their foreheads.
editors
tool.
The
total
product
visible, special.
it
it
as a
recognizable,
make
and are
fitted to
97
Great Pages
because
wash
They
magazine weighs a
(at
must be
valuable, or
must be lively.
The market is more complicated, segmented, and
they are more with-it. We cannot get away with
rubbish, we must be market-oriented and see our
lot of pics in
it, it
marketplace.
its
98
We must make
limitations.
the most of
it
despite
CHAPTER TEN
How to use
design to edit
tabloids
and
newsletters
TO
many people,
design
cake-decorating.
pretty ... to
make
That's eyewash!
what
design
is
It
is
no more than
means
to
make
It's
the opposite of
functional
is
being
covered.
handed over
to the art
only then
department
is
it is
for treatment.
Or using
make
their
damn pictures
propelled
team
of
them
into that
99
individual
two
whose
their
information trade.
to
Good presentation
is
analogous
good writing.
may hide
its
information in clumsy wording, just as a crummylooking newspaper may conceal those nuggets in
Probably not.
100
want
to dig
it
may be
out?
How to
and newsletters
Why? Because the disastrous reality of this muchvaunted information age is overkill. All of us are
buried under an avalanche of so-called information
rolling down at us from all sides all day: movies,
TV, VCRs, books, newspapers, magazines, corporate
literature, junk mail, technical documentation. All
vie for our attention and they are test-marketed and
beta-tested and scientifically fashioned to creep up
on us from behind and penetrate our subconscious
from below (and make us buy).
What do
all
us
Our
first?
these information-packets
and, worst of
demand from
our time
thing
we
have.
word "obviously"
come back
What's-in-it-for-me
is
the
may be
is
to that.)
As
potential readers,
we
when we
we
are scared of
pounds overnight.
and design
technique to
is
to edit
for-me factor.
it with hard news which is
be straight. It may be tricky to angle or
interpret the hard news, but you certainly can and
must do it with everything else, just as magazines
to
101
Great Pages
magazines
Magazines are serving narrow specialinterest markets
and much of their news
function and analysis function is passing to
feature-report function general-interest
used
to have.
newsletters.)
the what's-in-it-for-me
is,
of course,
we
everything
do.
We must couple
of
the exposing of
factor.
cials
bites.
on TV.
So
We
we must
Stories
to
be shorter, more
Obviousness
is
it
turned into
Time magazine
to
USA
why info-
in print from
overheads.
102
And now
in video training.
This
in
is
to edit tabloids
and newsletters
of pictures
comes
image
This
is
is
where
color
comes
in:
not as superficial
emphasize. Functional
This
size,
color.
on the page.
is
comes
also
in,
isn't
HUM4iii(^lMUlfaA;lAvUU\uauv^
^-.
the
because
to
(UH^HMIUVIA^^ i!MC.WjM>UAAA^<tiMM>IAC
103
Great Pages
our audience.
technology, unless
as, if
it
as a reader, expect.)
At
start to read.
Salesmanship
is
It is
becoming
it
or
attention,
we must use
it
or we'll die.
It's
104
branch of
How to
with
curiosities, angers,
sympathies
and newsletters
the whole
and more actively to visual stimuli than to intelThat means photos: they are fast and
easy to take in, and can be emotionally involving if
they are good. Hence, more space for pics, more
lectual ones.
budget
Guidance
Defining that
is
What
is
important?
in glove to
make
it
and design.
easy for
looking
for.
Premeditated organization
And standardized
is
the key.
announce
the elements.
Repetitive elements ought always to be in the
same
place.
Does
that
demand uniformity
signs
and on
is
quite
act.
If
everything
and
nobody listens. Okay, turn the metaphor into visual
terms. Messy disorganized typography and page
arrangement is like crackling static on the radio. Or
screams,
call
it
all
you hear
is
you don't do
it
anything, so long as
it.
105
Great Pages
Personality
success.
loyalty.
It
advertisers.
It is
information
adherence to
is
are
is
no
carried.
style that
manifests
It
which your
itself
by
must be protected by
strict
discipline.
know
we
want to have fun and show off how clever we are.
It is
to depart
from
style,
because
But every departure dilutes the precious recognition. So you only depart from it when there is
overwhelming reason to do so. Every departure
costs.
Money the
ratio.
They know
attention
ads.
from
Good
its
readership,
Hence; more redesigns, more color, more infographics, perhaps even more freedom for designers.
No, not more freedom. We don't need that. We need
more
clout.
to get
that
you "like"
it.
That
who
is
an advantage
to us, but
taste.
And it
is
safer to say
106
How to
and newsletters
^oJucul^ Me
^
...
Only
that
way
will
we become accepted
lectual equals
and contributors
to the
good. Because
we
must
visual people
for
as intel-
common
join our verbal
make
it
totally
the buyers.
a certain
to notice these
107
Great Pages
108
job.
CHAPTER ELEVEN
How to
use pictures
artfully
PICTURES
They
more
are
bial 1,000
Once
the viewers'
is
To use pictures
become
the signifi-
speaking. Use
it.
109
Great Pages
Here are 22
tips to help
To use pictures
better:
communication,
meaning, not
just for their prettiness as photographs. Don't be
bamboozled by photography as an art form. The
text doesn't pretend to be poetry; the pictures don't
need to be art.
1.
pick
2. If
them for
as tools for
afraid to
ft/f^
^^%
Uj ^Q^
^\--^
11
X,
110
4.
Never
fit
5.
want
to play
something up.
as they
flipper flips.
7. If
you want
to get
picture, "bleed''
it, if
it.
They
Ill
Great Pages
"'
"b
m
1
To gain
8.
restricted space,
it
make
9. If
size appropriate to
show
want
to
10. If
important,
it
it
details,
make
it
its
If
you
to
be
to
small.
of
as unimportant, as a footnote.
11.
make
be seen.
to
It
gutter.
column pages
restrict pictures to
it
used
112
The
to support that
main
thrust.
13.
to publish too
many portrait
shots (mugshots)
the
Just don't
make them
too
important.
113
Great Pages
(^
Mb^
14.
Jump the
don't do
it
it
big,
worth using, it is
That means it has to be
made visible to the viewer. Few readers are as aware
of what you are doing as you are. See it the way they
will. Hit them over the head to make them notice.
half-hearted way.
If
a technique is
15.
subjects
broad,
demand
flat
for.
whereas
16.
make
it
by
114
Change
17.
The
gazing
direction in
is
the page.
a clue to
^l^^SM^
18.
Another way
photographs,
is
to
on the surface
of the page.
and other
stuff.
cropping
115
Great Pages
for
of
"The nLfW\bev5
|lA
y^iIdctA^e^'r
There
shots.
is
They
not
are
That
is
all
similar
not difficult to do
116
CHAPTER TWELVE
Who selects
the pictures?
IF
for
an
article,
Why
That's basic
who
don't
it's
want
a given.
their
Pay attention
React positively
Feel good
Maybe even
take
some
action?
117
Great Pages
But wait.
advertising? Haven't
we
the function of
just
to perceive.
The
criteria
then are no
The
right
The
intent of the
The
character of
The substance
medium
its
audience
of the message.
a different set of
the
means
to
mechanism.
itself:
In
its
It is
the
means
to
is
complex
design
is
means
reader's
set of techniques.
mind quickly,
clearly,
It is
the
is
the
118
Who selects
the pictures^
more
sparring, the
fun.
Nobody has
editorial
in the
way they
look,
and
way they
editorial in the
Hence the
them' and
The
designers "like
They
are
because they
feel
on visual matters
training in "art."
till
done. Therefore
to
to
the
work
is
119
Great Pages
They
what they have within the
of
art
"Anyway
it
just
It's
with. Right?"
This
is
momentary
morgue is kept in
itself to a
dependency
of the art
(in
the
as superfluous, decorative,
where do writers
keep their sources of factual information, their
mines
if
is
field, statistics
morgue
is
morgue
is
but"
it!
of information
add
later, like
And that's
elicit
communicate
icing
on the cake.
wants
120
to read.
It's
too
my opinion,
nobody
really
who selects
to
the pictures I
must be made
following:
Typography
Layout
Page architecture
Format
And the
That
subject
must be made
to look fascinating.
is
Visual/pictorial allure
Graphic cleverness
Interpretation
at pictures isn't
work,
page
is
first
it's
if
why
new
fun. That's
every time a
If
the
viewer
their job.
121
Great Pages
What makes
a picture irresistible ?
The
viewer's
interest:
self-
to
It is
expose
it
We, as communicators,
Giving a
damn is an emotional response. It can be engendered
by intellectual persuasion that is, by providing
provocative words to read; and by presenting
affecting images that elicit an instinctive reaction.
of the picture is wasted.
must
I
Pictures are irresistible
Putting
it
bluntly,
if
writing/editing.
Become aware
for their
inherent significance to
words.
first
and write
to
fit,
Do the
it
feasible.
122
Who selects
the pictures ^
story.
This
will force you to edit out ideas from the text that
you plan
to report
too difficult to do
resist
it's
it
finished.)
All that
may sound
simple, but
it
represents a
most
journalists
who
much more
communication in
today's terms.
still
taught in most
roundly ignored.
Picture selection cannot be
only in part.
It is
the instincts of
it is
words
left to
communicate
just as
do
"r?"
fact, I'd
is
123
Great Pages
as
communicators
and
do what's needed.
That's
sparring,
dictates
what
goes, but to
hammer
It is,
expense account.
124
CHAPTER THIRTEEN
For goodness'
on
sake, get
with it!
WE
if
why we
we don't
all
last possible
and
at that critical
expediency.
way
it
point
it
for
happens
to
fit.
crazy circumstances
ment
of time.
Instead,
we
fall
distant
maxims
workshop leader
or
125
Great Pages
generalizations that
tell
follow
minimal time
writing
itself
editor's task.
Step
1:
Step 2:
The
Make
first step is
a mental/visual process.
the
is (to
Emphasis
in whatever form
it
all three.
newspaper, but
periodical.
126
it is
definitely not
good enough
for a
Why? Because
up-to-dateness. That's
why
The emphasis
is
in
in newspapers
is
it is
for a
not so
it!
its
is
not
magazine.
much on
assembled. This
is
is
in.
Design
working
editor.
It's
When design is
that
common sense.
what you feel like doing makes sense for the story,
and makes sense in the context within which the
If
127
Great Pages
Think
it
out so the
run
it
story.
Make
deem
to
it
upside
is right.
at
deadline time.
that
If
as
an integral
shape that
is
meaning. That
ing.
So,
is
what
is
going to
make
it
interest-
is
128
Not
it
for
what
This comprehensive,
and the
skills to
produce
first-rate
atP
A v^uiiiii
Effective
effectively
Hpproa
Desktop Design
^
of publication design,
making
publishing technology.
filled
The author
must be orchestrated
for
which the
ideas are
couched
which suggests
which
affect the
mood and
first
impressions
He
ISBN 1-878567-01-2
5
295
$12.95
Serif Publishing
781878"567017'