LAYOUT AND PAGE DESIGN

Newsletter Production

ARLENE A. ALIENTO | School Paper Adviser (The Coconut/ Ang Niyog)

ALUINDA M. PUNO | School Paper Adviser (The Coconut/ Ang Niyog)
KELVYN ARON L. MANALO | Layout Artist
What is Layouting?
Newspaper layouting essentially
combines journalism with graphic
arts. It is the process of
“designing” or putting together the
various newspaper elements in an
orderly manner.
Essential
Elements
on Page Designing
 HEADLINE
Any header for an article;
may run up to three lines
deep and contain
between five to nine
words.
They should not be
separated from the start
of the story.
 TEXT
T
the main body, including
the articles, of the
newspaper; the most
important element in the
newspaper
GRAPHICS,
ILLUSTRATIONS
visual images and designs
to illustrate a topic, an issue;
usually a supporting image
of an article; counters
gray area
IMAGES

a graphic representation
or description
of an actual event mainly
by photography
WHITE SPACES

the unprinted area

of a piece of printing,
as of a newspaper page,
or of a portion of a piece
of printing
 NAMEPLATE

BANNER PHOTO

BANNER STORY

NEWS FEATURE

INFOGRAPHIC
 CARTOON
COLUMN

MAIN EDITORIAL

COLUMNIST INFO

EDITORIAL BOARD
Guidelines in Page Designing
Guidelines in Page Designing
• Have a focal point.
• Design with a purpose.
• Keep it simple.
• Maintain design, unity and
consistency.
• Design should have contrast and
balance.
Principles of Design
PRINCIPLES OF DESIGN
• Balance
• Proximity / Unity
• Alignment
• Repetition / Consistency
• Contrast
• Emphasis
• White Space
• Movement
PRINCIPLES OF DESIGN
BALANCE AND PROPORTION

• Visual balance comes from

arranging elements on the
page so that no section is
heavier than the other.
PRINCIPLES OF DESIGN
BALANCE AND PROPORTION
PRINCIPLES OF DESIGN
PROXIMITY/ UNITY
• In design, proximity or closeness creates
a bond between people and between
elements on a page.
• Use consistent external and internal
margins
• Other graphics can create unity, even
simple rules (lines)
PRINCIPLES OF DESIGN
PROXIMITY/ UNITY
PRINCIPLES OF DESIGN
ALIGNMENT
• Alignment brings order to chaos, in a
parking lot and on a piece of paper. How
you align type and graphics on a page and
in relation to each other can make your
layout easier or more difficult to read,
foster familiarity, or bring excitement to a
stale design.
PRINCIPLES OF DESIGN
ALIGNMENT
PRINCIPLES OF DESIGN
REPETITION/ CONSISTENCY

• Repeating design elements and

consistent use of type and graphics
styles within a document shows a
reader where to go and helps them
navigate your designs and layouts
safely.
PRINCIPLES OF DESIGN
REPETITION/ CONSISTENCY
PRINCIPLES OF DESIGN
CONTRAST

• In design, the use of opposites in

size, shape and weight—big and
small elements, black and white
text, squares and circles, can all
create contrast in design.
PRINCIPLES OF DESIGN
CONTRAST
PRINCIPLES OF DESIGN
EMPHASIS

• In order to achieve emphasis, news should be

displayed according to importance. The news
value of every story must determine on what
page it should find print, its position on the
page, and the style , and size of its headline.
PRINCIPLES OF DESIGN
WHITE SPACE

• Designs that try to cram too much text

and graphics onto the page are
uncomfortable and may be impossible to
read. White space gives your design
breathing room.
PRINCIPLES OF DESIGN
WHITE SPACE
PRINCIPLES OF DESIGN
MOVEMENT

• Logical and sequential.

• Rhythmic, guiding the user's eye
through the display.
• Encouraging of natural eye
movement.
• Usually an S-Format is advisable
Layouting
(Page Makeup)
TYPES OF FRONT PAGE MAKEUP
• Perfect Balance (balance or
symmetrical) Makeup
• Brace or Focus Makeup
• Broken Column Makeup
• Streamlined Makeup
• Circus Makeup
TYPES OF FRONT PAGE MAKEUP
PERFECT BALANCE (BALANCE
OR SYMMETRICAL) MAKEUP

In a balanced makeup, like elements

(same types and sizes) are placed
opposite each other with some white
spaces or pictures in between.
TYPES OF FRONT PAGE MAKEUP
BRACE OR FOCUS MAKE UP

The display elements make a pattern slanting

downward from left to right across the page.

This style usually highlights one very important

story.
TYPES OF FRONT PAGE MAKEUP
BROKEN COLUMN MAKE UP

• The page is broken into several units

to give space to many stories.
Symmetry is obtained by carefully
arranging the contents so as not to
cancel each other by their nearness.
Large heads and cuts are placed
where they give the page a pleasing
pattern.
TYPES OF FRONT PAGE MAKEUP
STREAMLINED MAKE UP

• The format is similar with that of the

contrast and balance makeup.
However, the nameplate is usually
floated, headlines are flushed up in
cap and lower case type, and large
body types are used. Often bullets,
asterisks or jim dashes are employed
to introduce lead stories.
• Common in High School papers
TYPES OF FRONT PAGE MAKEUP
CIRCUS MAKE UP

• The format is anything goes.

Each item is clamoring for
attention. Tabloids are the
best examples of this type of
layout.
Makeup of Inside Pages:
While it is true that the front page of
the newspaper is it shows window,
attractive makeup should not be
confined to this page alone. The inside
and back pages should be given the
same tender care, treatment and
attention by the layout artist.
EDITORIAL PAGE
• This page should have a distinctive, dignified, and
formal appearance. The masthead or editorial
box which should be relatively small, may be
anchored in any corner as done in streamlined
newspapers.

• Traditionally, the editorials appear in the first two

columns. They are of larger types. Heads or title
of editorials, just like the headline of news
stories, should be of the masculine appearance,
not the italic or script type.
FEATURE PAGE
• This page have a literary
and feminine appearance. The
columns are often wider. Roman
and italics types are used for
text.
SPORTS PAGE
•This page has a bolder but
more lively appearance than the
other pages. Their makeup
should suggest their content,
action, speed, and color. Large
bold heads, even streamers are
used.
NEWSLETTER PRODUCTION
NEWSLETTER PRODUCTION
• First impressions are important. An
attractive newsletter which appears
relevant and uncomplicated will
encourage people to read further.
• Don’t make the newsletter overly
complex.
NEWSLETTER PRODUCTION
• Design your newsletter before you
begin formatting.
• Take into account your newsletter's
graphic content in relation to the
textual content.
NEWSLETTER PRODUCTION
• Decide how many columns your
newsletter will be. Try a simple,
three-column newsletter.
• Add couple of graphic images to
break up the text.
NEWSLETTER PRODUCTION
• Blank empty template is the easiest
way to make a newsletter
• Using a columns layout, devote one
column to photographs, diagrams
and short topics.
• Check the quality of your photos.
NEWSLETTER PRODUCTION
• Use color with moderation. Color can
be used for your school/company’s
logo, your newsletter title, or as
background.
• Use a maximum of 3 colors for
design.
NEWSLETTER PRODUCTION
• Write article/text concisely and in the
active voice. Edit for clarity,
conciseness, jargon, length and
accuracy.
• Remember to quote your sources.
NEWSLETTER PRODUCTION
• Article titles should be short and eye-
catching. The introduction to an
article should ideally answer the
following three questions about the
article topic: Who? What? and
Where?
NEWSLETTER PRODUCTION
• The lead article should be devoted to
the most recent news and present a
summary of pertinent points, rather
than a detailed report.
NEWSLETTER PRODUCTION
• Use different typefaces for the
headlines and the text.
• Choose a common typeface for all of
your headlines and limit headlines to
two sizes. Use one size for headlines
of primary importance and another,
smaller, size for headlines of lesser
importance.
NEWSLETTER PRODUCTION
• Subheads break up a long text and
make it easier to read. Ideally,
subheads should have the same
typeface used in the headlines, but
smaller.
• Columns or boxes are ideal for short
topics.
NEWSLETTER PRODUCTION
• Working with other writers helps
increase the variety of newsletter
content.
• Newsletter editors should provide
clear directions to writers about each
article’s topic, structure, length and
deadline, as well as the main points
that the text will address.
NEWSLETTER PRODUCTION
• Include writers’ by-lines, since this
can help increase future
contributions and also gain credibility
for your publication.
NEWSLETTER PRODUCTION
• Single space for line spacing and
between paragraphs.
• Font size should be consistent from
front to back pages for title and text.
• Left alignment for text is best.
NEWSLETTER PRODUCTION
• Graphics or photos should be facing
inside or into the page.
• Larger graphics/photos signifies as
the most important.
• Use drop caps in the upper part only.
• Use the rule of thirds.
NEWSLETTER PRODUCTION
• Don't use fancy borders around your
articles. If you want a border, use a
thin, solid-color border instead of a
border with images.
NEWSLETTER PRODUCTION
• Place your masthead in a visible
place.
• Don’t forget to number and date
each issue. ;
• Consider an acknowledgment box
that lists everyone who contributed
to an issue;
NEWSLETTER PRODUCTION
• Your output is a four-page A4
newsletter. 1 Page each for News,
Editorial, Feature and Sports
• Articles will be school based
activities.
OUTPUT
NEWS Page
three news articles
EDITORIAL Page
Editorial proper
2 columns
Editorial cartoon
FEATURES Page
Three (3) articles
Personality Sketch
of your layout artist
Topic from Press Conference
Topic from Press Conference

SPORTS Page
Three (3) articles
Coverage
Sports editorial
Sports Analysis
NEWS PAGE
EDITORIAL PAGE
FEATURE PAGE
SPORTS PAGE
FACIN
G
PAGE
LAYO
UT
..................
Sources:

Designing your School Paper by Aris Solis

Page Design Fundamentals by Angelito G. Belmonte
Collaborative Publishing by Raymund S. Bermudez
Campus Journalism by Ceciliano –Jose B. Cruz
Layout and Page Design by Kim Navaja
Campus Journalism in the New Generation by Gelly Elegio Alkuino
Campus Journalism Fundamentals by Alex M. Magsino, et.al
Collaborative Publishing by Irlo L. Dumo