A.

Lecture and Mini Conference

B. Workshop
C. Critiquing
Desktop publishing (or DTP, its often-used acronym)

“production of
printed matter by
means of a desktop
computer having a
layout program that
integrates text and
graphics.” Merriam Webster’s online dictionary
Typesetting and page
layout done at a desktop
computer is called
desktop publishing.

It can be used to design

graphic material from
brochures and flyers to
whole books.
http://suite101.com/a/what-is-desktop-publishing-a82304
 Desktop publishing is the use
of the computer and software
to create visual displays of
ideas and information.

Desktop publishing documents may be for

desktop or commercial printing or electronic
distribution including PDF, slide shows,
email newsletters, epub, and the Web.
http://desktoppub.about.com/cs/beginners/f/what_dtp.htm
In 1984, MacPublisher was introduced
as the first desktop publishing
program for Macintosh computers.
Apple then brought the LaserWriter
printer onto the market in 1985 and
Aldus later that year the PageMaker
software (now Adobe PageMaker) and
voilà, the desktop publishing boom
was born.
 Aldus founder Paul Brainerd
is attributed with coining
the term
desktop publishing,
focusing on user-friendliness
and affordability
of the process.

A Brief History of Desktop Publishing

The new technology revolutionized both the
typesetting and the PC industries. The former,
because many manual processes could be
automated, making the typesetting and
therefore printing process easier and faster; the
latter, because anyone now had the option to
become a desktop publisher.

A Brief History of Desktop Publishing

 WYSIWYG
(pronounced vizyvig)
is simply an acronym for
what-you-see-is-what-you-get,
describing the principle
behind desktop publishing.
The page layout on screen gives a good
indication of what the printed result will look
like.
Desktop Publishing Software
Different software programs cater to different skill levels.
Top high-end DTP programs used by graphic designers
and non-designers alike include:
 “This year, to balance the very
stiff competitive spirit among
the participants, we introduced
the Collaborative Publishing
Contest where ...contestants
as one team produced
a tabloid on the spot....” Br. Armin A. Luistro, FSC
Secretary, Department of Education
1. The competition in collaborative
publishing is designed to encourage
teamwork among campus journalists
and simulate the workplace of a
publishing company/house.

(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012)

2. Each region shall organize a team of seven (7)
contestants, one from each category, who will
compete in the National Individual Contests:
News Writing, Copyreading and Headline Writing,
Feature Writing, Editorial Writing, Editorial
Cartooning, Sports Writing and Digital
Photojournalism. There will be one team for
English and another for filipino, both at the
elementary and secondarty levels.

(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012)

3. The output of the contest is a four-page
tabloid using MS Publisher that will be
uploaded to the NSPC official website for
judging.

4. The top seven teams shalll be recognized and

the points they will garner will be included in
the computation of the overall scores.

(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012)

1. Each region will submit to the BEE and
BSE NSPC coordinators on March
23,2012, the complete final list of the
Collaborative Publishing contestants who
will come from the participants of the
Individual Writing Contests.
2. The one-day contest will be conducted
after all the Individual Writing contets to
ensure availability of team members.
(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012
3. Once the contest has started, the
members of each team shall be asked to
go straight to the contest venue and will
no longer be allowed to go back to their
quarters nor report to their respective
advisers.

(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012

4. A mini press conference with a guest speaker
will be held to become the basis for the actual
writing of the editorial, feature and news
articles. A video of a sports coverage will be
shown to the sports writers. Pictures will be
taken by the photojournalists in a designated
area and editorial cartoons will be produced
while the rest of the team are doing their
write-ups. The layouting and editing will be
taken care of by the Copyreading and Headline
Writing participant.

(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012

5. Each team will be required to bring at least 2
laptops installed with MS Publisher to layout the
output. The lementary level teams are required
to create a four-page 8.5x14 newsletter and the
secondary groups a four-page 9x12 – tabloid.

6. The contestants will be required to submit their

personal electronic devices (i.e. Mobile phones,
Ipad, etc.) to the contest committee. The
computers they will work on will not have any
internet connecction.

(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012)

7. Each group will be required to submit their
finishe product to the contest committee
without placing any identifying mark on the
output.

8. The Criteria for Judging will be as follows:

(Enclosure No. 3 to DepEd Memorandun No. 49, s. 2012)

A.The competition in collaborative
publishing is designed to encourage
teamwork among campus journalists
and simulate the workplace of an
editorial department of a publishing
house.

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

B. Each region shall organize a team of
seven members (7) contestants who
shall not be competing in any of the
national individual contest. There
will be one team for English and
another for Filipino, both at
elementary and secondary levels.
(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
C. All the contestants are required to
attend the orientation before the
actual competition.
D. Once the contest has started, the
members of each team shall no longer
be allowed to go back to their quarters
nor report to their respective advisers.

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

E. A mini press conference will be
held to become the basis for the
actual writing of the editorial,
feature and news articles.

A video of a sports event will be

shown to the sports writers.

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

E. Pictures of the mini press
conference shall be taken by the
photojournalists in a designated
area and editorial cartoons will be
produced while the rest of the
team are doing their write-ups,
layouting and editing.
(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
F. The team will be given two (2) hours
for the data gathering and writing;
and two (2) hours for lay-outing and
editing.

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

G. Each team will be required to bring a
maximum of (4) laptops installed with
either PAGEMAKER or IN DESIGN and
Photoshop (for secondary level) and
Microsoft Publisher (for elementary) so
as to lay-out the group’s final output. The
laptop will be checked by the NTWGH for
official applictions and pre-written
documents or references.
(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
H. The host region will provide four (4)
scanners for the editorial cartoon (two
for elementary and two for secondary –
English/Filipino).

I. Mobile phones and other electronic

gadgets shall not be allowed except for
the digital camera and laptops with
disabled internet connection.
(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
J. Each group will be required to onvert
their output into PDF format and submit
it to the contest committee. They should
ensure that n identifying mark about
their school, division or region can be
found on their output.

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

K. The output of te contest is a four-page
publication. Their product will be
uploaded tp the NSPC official website by
the NTWG for judging.

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

L. Top seven (7) teams shall be recognized
and the points they garner will be
included in the determination of the
over-all scores.

M. Contestants shall wear their uniform

with identification cards.

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

CONTENT 50%

TECHNICAL 40%

ETHICS 10%

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012

CRITERIA FOR COLLABORATIVE PUBLISHING (Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
CRITERIA FOR COLLABORATIVE PUBLISHING (Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
CRITERIA FOR COLLABORATIVE PUBLISHING (Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
CRITERIA FOR COLLABORATIVE PUBLISHING (Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
CRITERIA FOR COLLABORATIVE PUBLISHING (Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012
Team INCAT, Division of Laoag City, Region I
 Picture of journalists

News 2

caption
Banner headline

News 2
Desktop Publishing Software
 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
 Primary
optical
area

Reverse
S
Sweep

Terminal
optical
area
 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.

Don’t 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.