Page Design and Layouting

1. Campus Journalism
now invades
PILILLA DISTRICT
--a big leap ahead--

3. School papers, like newspapers have a
special mission, a right and a responsibility
to disseminate news in their respective
campus-communities while also entertaining
and educating readers and presenting issues
for their reflection.

4. Functions of the
Campus Publication
 Information disseminator
 Marketplace of ideas
 Tool for education
 Entertainment
 Influential venue for a cause or crusade
 Voice of its publishers

5. Purposes of
Publication Design
 To make the page look attractive
 To arrange the content in order of value
 To make the paper look presentable
 To held ‘sell’ the paper
 To help readers have a quick content look

7. Layouting is dressing up a window.

8. • It is considered to be
the MAKE-UPMAKE-UP and
WINDOWWINDOW of the
publication

9. • Gives prominence to
the news in proportion
to its importance.

10. • Gives the paper a
personality or
individuality of its own.

11. • Makes the contents
easy to find and read.

13. PARTS OF A SCHOOL PAPER
 News PageNews Page
 Editorial PageEditorial Page
 Feature PageFeature Page
 Science and Health PageScience and Health Page
 Sports PageSports Page

14. FRONT PAGE
Nameplate
Ears
Banner
Headline

15. Deck
Columns
Column rule

16. Index
Folio
* Inclusive dates, volume and issue number.

17. Cutline and Creditline
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

18. BylineByline
150 die in Benguet slide
Baby’s body in sack moves mayor to cry
By Delmar Cariño, Vincent Cabreza, Frank Cimatu

23. EDITORIAL PAGEEDITORIAL PAGE
Folio
(Write the school year,
quarter and page number
instead.)
Editorial cartoon

24. Editorial liner
• A short statement/
a quote/
a saying
• Written at the bottom
of the editorial page
• Drives home a message
EDITORIAL
LINER

25. Letter to the editor

26. Masthead/
Editorial box
Editorial Proper
Editorial Cartoon

27. Editorial ColumnEditorial Column
• Personal opinion by the columnist
himself
• May attack, teach, entertain, or appeal

28. Characteristics of an Editorial Page
Dignified and formal appearanceDignified and formal appearance
Small masthead or editorial boxSmall masthead or editorial box
Larger types for editorial properLarger types for editorial proper
Masculine appearance (not the italic or theMasculine appearance (not the italic or the
script type)script type)

30. FFEATURE PAGEEATURE PAGE
Article Topics
• Arts and leisure
• Religion
• Entertainment
• Comics
• Reviews

31. Parts of a Feature Page
 Section’s name
 Folio
 Columns/ feature articles
 Byline
 Photos
 Captions

33. Characteristics of Feature andCharacteristics of Feature and
Literary PagesLiterary Pages
Feminine appearanceFeminine appearance ( e.g. italics
and script types)
Wider columns (usually 3 wide columns)

35. •The use of
Fonts
• The use of
VECTORS
• Emotions

37. • Science News
• Science Editorial
• Science Feature

39. • Sports News/Coverage
• Sports Editorial
• Science Feature

40. TIPS
• These pages must have bolder but
livelier appearance than other pages
• Should suggest content: speed,
action and color.
• Use only small nameplate and it is
usually placed on the last page.

43. UNITY/
HARMONY

44. • The content of every
page and of every
double page spread
should blend into a
harmonious unit.
• Headlines should
complement each

45. • Pictures should not
distract the eye too
much from the type.
• No one part of the page
should overshadow
entirely another part of
a page, although there
should be one dominant
point of interest.

46. BALANCE

47. • Pages should not
seem top or bottom
heavy.
• They should not
lean to the left or to
the right
• Perfect balance is
achieved by having
like units balancing

48. EMPHASIS

49. • Display news according
to its importance.
•The news value of every
story must determine its
page in the newspaper,
its position on a page,
and the size and style of
headline it is to have.

50. •Do not distort the news
value of a story by giving
it a more important
position or a larger
headline than it deserves.
• All stories on page one
should be more important
than other stories, except

51. • The upper right-hand
corner of the first page is
usually considered the most
important position. The
upper left is second.
•Positions above the fold are
more important than below,
boldface type gives more
prominence than light-face-
type.

52. PROPORTION

53. • The general format
of the paper must be
in pleasing
proportion.
• The body of a story
should occupy at
least twice as much
space as the

54. • Banner headlines
should be used only
when the news really
justifies them.
•Pictures must be
sized properly.

55. •The lengths of
articles should be
considered. Although
you should try to
avoid jump stories, a
jump story is better
than a poorly-

56. MOVEMENT

57. • Effective makeup
should not be stiff or
monotonous.
•One of the chief
criticisms of perfect
balance makeup is that
there is no movement.

58. CONTRAST

59. • Both light and
dark headlines
should be used.
•Every head and cut
on a page should
contrast with

60. •Contrasting adjacent
headlines will help to
emphasize the
importance of each
other.
•Boxes and pictures
between heads are
sometimes good makeup

61. EELEMENTS OFLEMENTS OF
LLAYOUTINGAYOUTING

62. PHOTOPHOTO

63. Layout Designs
The X Format

64. The Curve Format

65. The L Format

66. The J Format

67. The Umbrella Format

71. Publication Design Tips

72. 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 H3
H4
H2
*Put a cut /picture between columns; use
different font size and style for headlines.

73. Bad breaks –– breaking stories to the top of columns..
H1
H2
H3
*The top of every column should have a headline or
a cut.

74.  Separating related stories and pictures
News
story(
H2)
H2
Cut or
picture
for H2

75. Gray areas or sea of gray
*Use fillers instead*Use fillers instead..

76. 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.

77.  Heavy tops ( Don’t make the page top heavy.)
H1 H2 H3
*Proportion texts and pictures.

78. Fit them all
**Avoid many headlines of the same size on a page.
*There should only be 5- 7 headlines on the front page.
Placing small heads on rather long story
**This refers to headline font size.
*Proportion headline font size or type to the news story
length.

81. Vocabulary
• 5W'S & H The essentials of any story: who, what, when,
where, why, and how
• BY-LINE Indicates who wrote the story; often includes
the writer's title
• CAPTION The portion of the layout which explains what
is happening in a photograph. Also called cutlines. Often
includes a photo credit.
• EDITOR Has overall responsibility for the publication
• EDITORIAL A type of story which serves to express an
opinion and encourage the reader to take some action
• ETHICS A standard of conduct based on moral beliefs

82. Vocabulary
• FACT A statement that can be proven. Not an opinion
• FEATURE A story written with some interpretation
that goes beyond just reporting the facts
• FLAG The name of the paper that usually appears at
the top of page one
• GRAF A paragraph in news writing. These are often
short, around 2-3 sentences.
• HAMMER A form of headline consisting of a few
very large words over a smaller subheadline
• HEADLINE Large type designed to summarize a
story and grab the reader's attention

83. Vocabulary
• HUMAN INTEREST An element of news that includes
people or events with which the audience can identify;
stories that are just interesting
• INVERTED PYRAMID A style of writing most
commonly applied to news stories in which the most
important facts appear early in the story and less important
facts later in the story
• KICKER A short (one or two word) statement at the
beginning of a caption that serves to grab the reader's
attention
• LEAD The beginning of the story which serves to
summarize the story and/or grab the reader's attention

84. Vocabulary
• LIBEL Written defamation; damaging false statements against
another person or institution that are in writing or are spoken
from a written script
• QUOTATION A statement made by another person included
in a published story. A direct quotation is exactly what the
person said and appears inside quotation marks. An indirect
quote is a paraphrase of what a person said and does not
appear in quotes.
• REVIEW A form of editorial written to comment on a play,
movie, piece of music or some other creative work
• SLANDER Spoken defamation; damaging false statements
against another person or institution that are spoken

85. “Laying out a page is a matter of
personal taste. There are no criteria
set for it. Therefore, the staff may
experiment freely on page makeup
until they get the pattern
acceptable to them.”

87. T hanks for
Listening!
…..Sir Ejhay