According to Ceciliano-Jose Cruz,

page design is the arrangement of

illustrations and types on a page or
spreadsheet which is to be
reproduced graphically.

Makeup is a happy marriage of

aesthetics and mechanics.
 Makeup maybe defined as the
arrangement of the display elements
on a printed page, including
headlines, body text, illustrations,
photos, white spaces and rule or
columns lines. Makeup refers to the
page design of a newspaper, while
layout is that of a magazine or
advertisements.
By: Alito Mendoza
Journalism for Filipinos
 Newspapers like people have
their own personalities. The
personality of a newspaper
emerges in part through the
nature and quality of its
makeup.
-Dewitt C. Rederick
 Whileit is true that the front page of the
newspaper is its show-window, attractive
makeup should not be confined to this
page alone.

Theinside and back pages should be

given the same tender care, treatment
and attention by the layout artist.
 For Inside News pages
Inside news pages should be laid
out as facing page units rather than
as single pages.

The principles for contrast and

balance used for front page makeup
should also be considered.
 Editorial Pages
These pages should have a distinctive dignified and
formal appearance. The masthead which
should be relatively small, may anchored on
any corner.
Traditionally, the main editorial or editorials
appear in the fist two columns. Like headlines
of news stories, the titles of editorials should
be of masculine appearance, not the italic or
script type.
 These pages must have a feminine
appearance. The columns are often
wider.

Roman and italic types are used for text.

Feminine types like the coronet,
mandate and liberty families may be
used.
 These pages have bolder but livelier
appearance than the others.

Their makeup should suggest

action, speed and color. Large bold
heads are used.
 PRINCIPLES OF
LAYOUT / PAGE
MAKEUP
 Principle #1
Rank your stories. You must know what
the stories are about and evaluate their
news value. Don't be lazy; read them.

Once you have ranked them, generally

place them in descending order on the
page according to their importance.
 Principle #1
Story placement is a nonverbal cue that
indicates their importance to readers.

Dont sacrifice accuracy in favor of

aesthetics.
ABOVE FOLD

BELOW FOLD
 Principle #2
When you design, start with the art and
build your page around it. Pages are built
around photographs and graphics.

Your design options often will become

clear once you place photographs and
graphics, especially if they go with stories.
 Principle #3

Have one dominant element (Center of

Visual Impact), usually a photo with a
story.

You must give the reader a reason to stop

and look at the page.
 Principle #3
Often the dominant element is a story with a
photo, but it can have more photos, quotes
and graphics to provide the reader with
more points of entry onto the page.

Your central package must dominate the

page so that the reader's eye is drawn to it.
 Principle #4
If you only have one photo, play it BIG.

Eye-Track research shows most readers enter a

page by looking at photos.

If you have only one photo, make it big enough to

catch the reader's attention.

Photos can be smaller if you have more of them.

 Principle #5
Vary the sizes and shapes of the photos and
graphics to add variety and visual appeal to the
page.

Photos that have similar shapes and sizes are dull,

giving the reader little reason to sample them. If
they are nearly the same, none stands out.

Avoid square photographs.

Increasing photo size in layout
Decreasing photo size in layout
Bleed
photo to
maximize
page
layout
 Principle #6

Use a mixture of vertical and horizontal

elements to add variety to the page and
to move the reader's eyes around it.
 Principle #6
Cross the page at least once with type.

Don't leave vertical gutters that run all the

way down the page and divide it visually.

Avoid stacking, or pan-caking, stories on

top of one other. None of them will stand
out.
`
 Principle #7
Use photos and other graphic elements to
break up the gray and to avoid tomb stoning
headlines.

Secondary photos and graphics (subheads or

pull quotes/stats or drop caps) are wonderful
ways to break up headlines and to add life to
the bottom of your pages. This is especially
true with jumps. Make your art work for you.
 Pull
Quote
 Pull
Quote

subhead
 Table/
fact box
Pull
stats
 Principle #8
Honor the hierarchy of type.

Generally, headlines should decrease

in size as you go down the page
because the stories are less important.
Use three-line headlines above two-
line headlines.
 Principle #9
Color is more effective when used
sparingly. Use half-tones for boxed
stories.
Half tone
red for
boxed
story
Half tone
blue for
boxed
story
 Principle #10
Use legible conventional serif/sans serif
fonts in front and other pages; fancy
fonts in literary/feature pages.
Serif font samples: Times New Roman g y t G Y T
Sans Serif font sample: Arial g y t G Y T
Fancy font sample: Jokerman g y t G Y T
 Principle #11
White space can be your most
powerful design element. The eye is
drawn to it, and then to the elements
around it. White space should be
adjacent to the outside edges of the
page, not trapped in the middle and
surrounded by photos and type.
Align All Elements

http://desktoppub.about.com/od/layout/tp/composition.htm
With Each Other or a Grid

Select a Single Visual or

Make Strong Visual Connections

Keep Odd or
Even Elements in Balance

Divide the Page Into Thirds

 Add White Space
in the Right Place

http://desktoppub.about.com/od/layout/tp/composition.htm
Use Two or More
of the Same Design Element

Emphasize Differences
Between Design Elements
 Place each text or graphic element on
the page so that they have a visual
connection to each other. You can
use horizontal or vertical alignment,
align objects along the same edge or

http://desktoppub.about.com/od/layout/tp/composition.htm
center them.
Eyeballing it can work but for complicated layouts, a grid
is helpful. This one composition tip alone can greatly
improve the composition of a page because our eyes and
brains crave a certain amount of order and consistency.
One of the simplest and
perhaps most powerful
layouts use one strong
visual. However, if using

http://desktoppub.about.com/od/layout/tp/composition.htm
multiple images, keep
them connected both
through alignment and proximity -- grouping
the images so that they form a single visual
unit and aligning them in a similar fashion.
Creating the right balance is
both about the number of text
and graphics elements and how
they are arranged on the page.

http://desktoppub.about.com/od/layout/tp/composition.htm
Odd numbers tend to create a
more dynamic layout.

Use an odd number of visuals,

odd numbers of text columns.
Or, create a dynamic layout
with an asymmetrical
arrangement of elements.

Symmetrical balance or the

http://desktoppub.about.com/od/layout/tp/composition.htm
use of even elements such as
two or four columns or a
block of 4 pictures generally
produces a formal, more
static layout.
Related to balance, the rule of thirds suggests
that a more pleasing composition is possible if
your arrangement of text and graphics can be
placed using one of these guidelines:

http://desktoppub.about.com/od/layout/tp/composition.htm
A. Most important elements spaced more or
less evenly within vertical or horizontal
thirds.

B. Most important elements concentrated in the

http://desktoppub.about.com/od/layout/tp/composition.htm
upper or lower third of the page.

C. Most important elements centered on one of

the points where lines intersect after visually
dividing the page into thirds horizontally
and vertically.
 The page needs visual
breathing room.

Just as important as
the text and graphics
on the page is the
empty space.

http://desktoppub.about.com/od/layout/tp/composition.htm
Cramming too much
on the page even if it
is perfectly aligned
and balanced and
falls within the rule
of thirds can ruin a
composition.
The best place for white
space is around the
edges of the page and
the edges of text or
graphic elements so it
doesn't get trapped in

http://desktoppub.about.com/od/layout/tp/composition.htm
the middle of the page
but increased paragraph,
line, and letterspacing
can also improve a
layout.
If one is good, two is better?
Sometimes, yes.

Repetition can come in the

form of consistent use of
alignment, using the same
colors for related items (such

http://desktoppub.about.com/od/layout/tp/composition.htm
as pull-quotes or headlines),
using the same style or size of
graphics, or simply placing
the page numbers in the same
spot throughout a publication.
http://desktoppub.about.com/od/layout/tp/composition.htm
 While some aspects of page composition
involve things that are the same

-the same alignment,

http://desktoppub.about.com/od/layout/tp/composition.htm
consistent use of color

it's also a good idea to do some things

differently, to use contrasting elements including
color and alignment.
http://desktoppub.about.com/od/layout/tp/composition.htm
The greater the difference the greater the
contrast and the more effective the layout.

Simple examples of using emphasis

include making headlines a great deal
bigger than other text and using a
different size or color of text for captions,
pull-quotes, and page numbers.