Desktop

JRT

ublishin
g

PARTS OF A
NEWSLETTER
Front/News Page
Editorial Page
Feature Page
Literary Page
Sports Page

News Page
Layout

the show
window of
the paper
gives the
reader first
impression

News Layout
Element
1. Nameplate/Logo
2.Banner/Main Headline
3.Headline
4.Sub-Headline
5.Article/Body
6.Display Ad
7.Indexes/Refer Box
8.Photo/Pictures
9.Cutline/Caption

FRONT PAGE
Nameplate
Ears
Banner
Headline

Headlines

Lines of text
that are set in
larger type for
the purpose
of attracting
readers

Index/sideba
rs

Folio
Sidebars
Smaller articles or lists of facts appearing in boxes
alongside the body copy are known as sidebars.
Often, sidebars provide additional information not
included in the body of the article.

Cutline and Credit line

REQUIEM FOR HEROES. Rescuers dig out of the muddy

rubble the bodies of a fireman, an engineer and a
volunteer who died trying to save the victims of a
landslide at Sitio Buyagan in La Trinidad, Benguet, on
Friday. EV ESPIRITU/INQUIRER NORTHERN LUZON

Byline
150 die in Benguet slide
Babys body in sack moves mayor to cry
By Delmar Cario, Vincent Cabreza, Frank Cimatu

The name of a writer appears as a

byline, usually preceding an article.
Bylines are generally smaller size and
in a different face than the text of an
article. Bylines appear in newsletters,
magazines, and newspapers.

Subheads
In a lengthy article, subheads can be
used to break text into shorter segments.
Subheads can also appear beneath a
headline, but should not be too detailed.
Remember, you want your article to be read
headlines should tease readers and pique
their interest.
Kicker
A kicker is a smaller-font headline, often
underlined, just above the main headline.
Kickers are often a one or two word identifier
used to help readers select articles. Ideally,
kickers classify articles.

Photographs
Nothing attracts attention and
provides insight better than a good
photo. Photographs are difficult to
incorporate into an article. If you plan to
place photos in your layouts, be sure
the quality is acceptable and not
amateurish.
Captions
When you include photos, artwork, or
infographics, you might need a caption
to give readers a bit more detail.
Captions are generally set in a small but
easy to read font.

News Design

Creativity

News DESIGN CREATIVITY

A newspaper provides a creative source of
news for its readership, whereby the relationship
of text and graphics is clearly stated.
1. Break up the gray. No one
likes to plough through a sea
of gray text. Use photographs
and illustrations to mix things
up. Try to find nice action
shots of people. Nothing
draws a person into a story
like the image of a face.

2. Rank your stories. On your

page, think about what the most
important stories are. Put them in
descending order on the page
according to this hierarchy. For
headlines towards the bottom of a
page, use a larger point size font to
attract the readers eye.

3. Dont clutter the page. Too

many competing elements can be
distracting. Decide what the
dominant element of the page will
be, and lay out accordingly.
4. Use white space. Graphic
designers like to talk about white
space, or areas in a page that
allow a readers eye to breathe.

EDITORIAL
PAGE

Editorial
Proper
Editorial
cartoon
Editorial
column

 Editorial
Column
Personal opinion
by the columnist
himself
May attack,
entertain, or appeal

Characteristics of an Editorial Page

Dignified and formal appearance
Small masthead or editorial box
Larger types for editorial proper
Masculine appearance (not the italic
or the script type)

Feature Page
1. must have a
feminine
appearance
( e.g. italics and
script types)
2. Wider columns

LAYOUTING

Layouting is dressing up a window.

Layout Definitions
Make-up or window dressing of a
page
Arrangement of illustrations,
texts and graphics on a page to
be printed
Selection of font styles, sizes and
colors

Importance of Layout
Gives prominence to the news in
proportion to its importance
Makes the pages appear attractive
Gives
the
paper
personality/individuality of its own

Makes the different contents easy to

find and read

CONCEPTUAL MODEL OF AN EXCELLENT LAYOUT

(Fetalvero, 2003)

TOMBSTONIN
G
PROPO
RTIO
N

SEA OF
GRAY
N
O
C
T

U
N
I
T
Y

BAD BREAKS

EXCELLENT
LAYOUT

AS
R
T

BALANCE

MISMATCHING

EM

SCREAMING
HEADLINE
PH
A

SI

Factors of an Excellent Layout

Proportion
Definition: It deals with the ratio of one
part to another and of the parts to the
whole.
Example: Pictures must be sized
properly to keep up with other shapes
on the page.
Dont: Square cuts are undesirable.
Do: Length of stories must be
considered. A long story may ruin the
proportion of the page. A jump story is

 Unity (Harmony)
Definition: It is the agreement between
parts.
Example: The content of every
page/double
page must blend as a harmonious unit.
Dont: No one part of the page should
overshadow another.
Do: The headlines should complement
each other and the pictures should not
distract the eyes too much from the type.

 Balance
Definition/ Description: Visual units on
both sides are not identical but are in
positions so equated to produce a felt
equilibrium.

 Emphasis
Description: It involves the differentiation
between the more important and the less
important.
Example: News/articles must be
displayed according to importance.
Do: The news value of every story must
determine to what page it should find
print, its position on the page, and the
style and size of its headline.

 Contrast
It is the blending of units as
one.

Extraneous factors that harm an

excellent layout
Tombstoning -placing two or more
headlines on approximately the same
level specially if they are of the same
font size and type
H1

H2

H3

H4

*Put a cut /picture between columns; use

different font size and style for headlines.

 Bad breaks breaking stories to the top of

columns.

H1

H3
H2

*The top of every column should have a

headline or a cut.

 Separating related stories and pictures

News
story
(H2)
Cut
or
pict
ure
for
H2

H2

 Gray areas or sea of gray

*Use fillers instead.

 Screaming headline one that is too big

for a short or unimportant story

H2

H1

H3

H4

*Use only the

banner or streamer
structure for the
most important
headline.

 Heavy tops ( Dont make the page top

heavy.)
H1

H2

H3

*Proportion texts and pictures.

 Fit them all

*Avoid many headlines of the same size on a
page.
*There should only be 1-3 headlines on the
front page of newsletter.
Placing small heads on rather long story
*This refers to headline font size.
*Proportion headline font size or type to the
news story length.

Layout Designs

The X Format

 The Curve Format

 The L Format

 The J Format

 The Umbrella
Format

1. Basic grid structures

Two-column grids:
Two-column grids are mostly used in books, newsletters, or
narrow publications where the column width is limited. Although
this layout is very simple, you can still achieve variety by
allowing some elementsfor example, images and headlines
to span both columns on the page.

Three-column grids:
These offer more flexibility than two-column grids
because text and images can span one, two, or all of the
columns. Three-column grids work for most layouts, even
wide ones, and are particularly suited to publications
that do not require complex arrangement of elements.

Four- or more column grids:

If you need to place a variety of elements into your layouttext,
images, graphics, and so onyoull find that grids with four or more
columns offer the most flexibility.
Generally, grids with an uneven number of grid columns work best. Fiveand even seven-column grids provide maximum flexibility and also allow for
asymmetrical placement of elements, which tends to be more visually
appealing than a symmetrical layout.
The examples below illustrate two different ways we can place the same
information onto a seven-column grid.

2.

Asymmetrical grids

One of the most important

features of the grid structure is its
flexibility. Asymmetrical grids can
liven up your layouts.

Basic three-column symmetrical grid:

First examplea basic grid consisting of three equally
sized columnsdisplays text columns and images in a
pleasing, but conventional arrangement. Note that some
elements span multiple columns (marked in red).

Three-column asymmetrical
grid with pull quotes

Asymmetrical grid with sidebar:

The following list describes some common uses of the sidebar:
1. To display headingsHeadings displayed in sidebar columns help to
organize a document and allow the reader to quickly scan the page to
find the information they are looking for.
2. To emphasize important information or quote.
3. To hold information that is relevant to the main subject of the body
copy, but not part of the main text flow. For example, a note,
suggestion, or warning.
4. To declutter a complex layout by providing white space.

3: Margins and row and

column gaps

Besides choosing the number, width, and

arrangement of your columns, there are some
other important grid elements that you must
consider: page margins, and row and column
gaps.

Page margins:
No matter what type of document youre
working on, its rare that your page margins
will all be of equal width. For example, you
may want more space at the top or bottom of
each pagefor page header or page footer
information, page numbers, and so on.

Row and column gaps:

Row and column gaps are the
spaces between the rows and
columns in a grid structure.
There are no strict rules about
the width of these spaces, but if
you make them too narrow your
text columns will be difficult to
read. It is suggested that you
experiment to find the gap width
that works best for your particular
layout.

4: Mixed grid
It is stressed that
the importance of using a grid to
layouts

maintain page-to-page consistency throughout a

document. However, if certain pages present
information that varies greatly from the rest of the
document, dont try to force them to conform to a
structure that doesnt really suit the purpose. Instead,
simply use a different grid for these pages.

5: Breaking out of the grid

Be convinced of the power and flexibility of the grid. Now, it is also
encouraged to break the rules and occasionally break out of the grid.
Example 1:
Add impact and visual interest to a layout by extending an element out
to the page edge or even across the entire spread.

Example 2:
Try positioning some elements outside of the
grid. On the right page of the newsletter spread
below, see how the text frame containing the pull
quote is centered on the page, breaking the
underlying three-column grid structure.

Example 3:
If youre feeling adventurous, why not break
the grid by rotating some layout objects
(marked in red). Be careful not to overdo this
though, and make sure that other elements
remain within the grid, or your page will appear
disorganized.

Example 4:
Diagonal lines can add interest to a grid
layout. In this example, weve cut through
our columns, but have still aligned the
images with the grid.

The Criteria for Judging will be as follows:

Content: Quality of articles and source citation
Writing Quality and Style
Lay-out and Design
100%

40%
30%
30%

References:
Cruz,C. J..(1997). Campus journalism and newspaper advising. Manila: Rex
Bookstore.
Editorial column. October 12.2009, from
http://images.search.yahoo.com/search/images.

Editorial page. Retrieved October 10, 2009,from

http://www.washingtonpost.com/wpdyn/content/print/
editorialpages/index.html
Editorial page pictures. Retrieved date October 10, 2009 ,
from http://blog.publish2.com/images/2009/09/NewsTribune-Opinion-Page.png.
Feature page articles. Retrieved October 12, 2009,
from www.teletronic.co.uk/tvt63ab5.html
Fetalvero, Eddie G.. (Sept. 11-12, 2003). Layouting a newspaper: A lecture delivered
during the
Echo-seminar Workshop of The Harrow. RSC Library.

Front page layout. Retrieved October 15, 2009, from tft layout fron...ge
jpg.
Letter to the editor.Retrieved
October 12, 2009 ,from http://www.google.com.ph.
Tanodra, E.Q.. (1993). Principles of campus journalism. Philippines: ABCEPSDA.
Writing a letter to the editor. Retrieved October 12, 2009, from
www.essortment.com/all/lettertothe_rvet.htm