A. Lecture and Mini Conference
B. Workshop
“production of
printed matter by
means of a desktop
computer having a
layout program that
integrates text and
graphics.”
Merriam Webster’s online dictionaryTypesetting 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.
Desktop publishing documents may be for
desktop or commercial printing or electronic distribution including PDF, slide shows,
email newsletters, epub, and the Web.
Desktop publishing is the use
of the computer and software
to create visual displays of
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.
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.
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.
Different software programs cater to different skill levels. Top high-end DTP programs used by graphic designers
and non-designers alike include: Desktop Publishing Software
Br. Armin A. Luistro, FSC
Secretary, Department of Education
“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....”
1. The competition in collaborative
publishing is designed to encourage
teamwork among campus journalists
and simulate the workplace of a
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.
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.
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.
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.
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.
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.
7. Each group will be required to submit their
finishe product to the contest committee
without placing any identifying mark on the output.
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.
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
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.
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.
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.
F. The team will be given two
(2) hours
for the data gathering and writing
;
and two
(2) hours for lay-outing and
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
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
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.
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.
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.
CONTENT
50%
TECHNICAL
40%
Picture of journalists
Banner headline
News 2
News 2
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
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.
While it is true that the front page of the
newspaper is its show-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.
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.
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
Primary optical area Reverse S Sweep
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.
Story placement is a nonverbal cue that indicates their importance to readers.
Don’t sacrifice accuracy in favor of aesthetics.
ABOVE 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.
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.
Bleed photo to maximize page
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
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 headtwo-lines.
Principle #9
Color is more effective when used
sparingly. Use half-tones for boxed
stories.
Half tone red for
Half tone blue for boxed
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
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
With Each Other or a Grid
Select a Single Visual or
Make Strong Visual Connections
Keep Odd or
Even Elements in Balance
to pp ub .abo ut .c om/ od /la yo ut /tp/ com po si tion .h tm
Add White Space in the Right Place
Use Two or More of the Same Design Element
Emphasize Differences Between Design Elements
u b .a b o u t. co m/ o d /l ay o u t/ tp /c o mpo si ti o n .h tm
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
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 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.
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
One of the simplest and perhaps most powerful layouts use one strong visual. However, if using 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.
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
Creating the right balance is both about the number of text and graphics elements and how they are arranged on the page. Odd numbers tend to create a more dynamic layout.
Use an odd number of visuals, odd numbers of text columns.
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
Or, create a dynamic layout with an asymmetrical
arrangement of elements. Symmetrical balance or the use of even elements such as two or four columns or a
block of 4 pictures generally produces a formal, more
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
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:
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
A. Most important elements spaced more or less evenly within vertical or horizontal thirds.
B. Most important elements concentrated in the 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
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m Just as important as the text and graphics on the page is the
empty space.
Cramming too much on the page even if it is perfectly aligned and balanced and falls within the rule of thirds can ruin a
The page needs visual breathing room.
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
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 the middle of the page but increased paragraph, line, and letterspacing
can also improve a layout.
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
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 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.
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
While some aspects of page composition involve things that are the same –
-the same alignment, consistent use of color –
it's also a good idea to do some things differently, to use contrasting elements including color and alignment.
ub .a bo ut .c o m /o d/la yo ut /t p/ co m po sit io n. ht m
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.