collaborative publishing lecture journalists' group 2013

7/22/2019 Collaborative Publishing Lecture JOURNALISTS' GROUP 2013

1/125


2/125

A. Lecture and Mini Conference

B. Workshop

C. Critiquing


3/125


4/125


5/125

production ofprinted matter by

means of a desktop

computer having alayout program that

integrates text andgraphics.

Merriam Websters online dictionary

Desktop publishing (or DTP, its often-used acronym)


6/125

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


7/125

http: desktoppub about com cs beginners f what_dtp htm

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 softwareto create visual displays of

ideas and information.


8/125

In 1984, MacPublisher was introducedas the first desktop publishing

program for Macintosh computers.

Apple then brought the LaserWriterprinter onto the market in 1985 and

Aldus later that year the PageMaker

software (now Adobe PageMaker) and

voil, the desktop publishing boom

was born.


9/125

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


10/125

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


11/125

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.


12/125

Different software programs cater to different skill levels.

Top high-end DTP programs used by graphic designersand non-designers alike include:

Desktop Publishing Software


13/125


14/125
http://localhost/var/www/apps/conversion/tmp/newsletter%20samples%202010.pdfhttp://localhost/var/www/apps/conversion/tmp/CP-F-9%202012.pdf


15/125

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....
http://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpghttp://phl.lloydluna.netdna-cdn.com/wp-content/uploads/2012/08/5018562159_aacb080a89.jpg


16/125

1. The competition in collaborative

publishing is designed to encourageteamwork among campus journalists

and simulate the workplace of a

publishing company/house.

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


17/125

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, EditorialCartooning, Sports Writing and Digital

Photojournalism. There will be one team for

English and another for filipino, both at theelementary and secondarty levels.



18/125


3. The output of the contest is a four-pagetabloid 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 inthe computation of the overall scores.


19/125

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

1. Each region will submit to the BEE and

BSE NSPC coordinators on March23,2012, the complete final list of the

Collaborative Publishing contestants who

will come from the participants of theIndividual Writing Contests.

2. The one-day contest will be conducted

after all the Individual Writing contets to

ensure availability of team members.


20/125


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.


21/125


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 newsarticles. A video of a sports coverage will be

shown to the sports writers. Pictures will be

taken by the photojournalists in a designatedarea 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.


22/125


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 requiredto create a four-page 8.5x14 newsletter and the

secondary groups a four-page 9x12tabloid.

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 anyinternet connecction.


23/125


7. Each group will be required to submit their

finishe product to the contest committee

without placing any identifying mark on theoutput.

8. The Criteria for Judging will be as follows:


24/125


25/125


A.The competition in collaborative

publishing is designed to encourage

teamwork among campus journalistsand simulate the workplace of an

editorial department of a publishing

house.


26/125


B. Each region shall organize a team of

seven members (7) contestants who

shall not be competing in any of thenational individual contest. There

will be one team for English and

another for Filipino, both at

elementary and secondary levels.


27/125


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 quartersnor report to their respective advisers.


28/125


E. A mini press conference will be

held to become the basis for theactual writing of the editorial,

feature and news articles.

A video of a sports event will be

shown to the sports writers.


29/125


E. Pictures of the mini pressconference 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.


30/125


F. The team will be given two (2) hours

for the data gathering and writing;

and two (2) hours for lay-outing andediting.


31/125


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 groups final output. The

laptop will be checked by the NTWGH for

official applictions and pre-written

documents or references.


32/125


H. The host region will provide four (4)

scanners for the editorial cartoon (twofor 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.


33/125


J. Each group will be required to onverttheir output into PDF format and submit

it to the contest committee. They should

ensure that n identifying mark abouttheir school, division or region can be

found on their output.


34/125


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.


35/125


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.


36/125


CONTENT 50%

TECHNICAL 40%

ETHICS 10%


37/125

(Enclosure No. 1 to DepEd Memorandun No. 221, s. 2012CRITERIA FOR COLLABORATIVE PUBLISHING


38/125



39/125



40/125



41/125



42/125

Team INCAT, Division of Laoag City, Region I


43/125

Picture of journalists

Banner headline

News 2

News 2

caption


44/125

Desktop Publishing Software


45/125


46/125

According to Ceciliano-Jose Cruz,

page design is the arrangement of

illustrations and types on a page or

spreadsheet which is to bereproduced graphically.

Makeup is a happy marriage of

aesthetics and mechanics.


47/125

Makeup maybe defined as thearrangement of the display elementson a printed page, includingheadlines, body text, illustrations,photos, white spaces and rule or

columns lines. Makeup refers to thepage design of a newspaper, whilelayout is that of a magazine or

advertisements. By: Alito MendozaJournalism for Filipinos


48/125

Newspapers like people have

their own personalities. Thepersonality of a newspaper

emerges in part through thenature and quality of itsmakeup.

-Dewitt C. Rederick


49/125

While it is true that the front page of thenewspaper is its show-window, attractivemakeup should not be confined to this

page alone.

The inside and back pages should be

given the same tender care, treatmentand attention by the layout artist.


50/125

Inside news pages should be laidout as facing page units rather than

as single pages.

The principles for contrast and

balance used for front page makeupshould also be considered.

For Inside News pages


51/125


52/125


53/125


54/125


55/125

These pages should have a distinctive dignified andformal 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.

Editorial Pages


56/125


57/125


58/125

These pages must have a feminineappearance. The columns are oftenwider.

Roman and italic types are used for text.Feminine types like the coronet,

mandate and liberty families may beused.


59/125


60/125


61/125


62/125


63/125


64/125


65/125


66/125

These pages have bolder but livelierappearance than the others.

Their makeup should suggest

action, speed and color. Large bold

heads are used.


67/125


68/125


69/125


70/125


71/125


72/125

PRINCIPLES OFLAYOUT / PAGEMAKEUP


73/125

Primary

optical

area

Terminal

optical

area

Reverse

S

Sweep


74/125

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 thepage according to their importance.

Principle #1


75/125

Story placement is a nonverbal cue that

indicates their importance to readers.

Dont sacrifice accuracy in favor of

aesthetics.

Principle #1


76/125

ABOVE FOLD

BELOW FOLD


77/125

Principle #2

When you design, start with the art andbuild 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.


78/125

P i i l #3


79/125

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.

P i i l #3


80/125

Principle #3

Often the dominant element is a story with aphoto, 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.


81/125

P i i l #4


82/125

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.


83/125

Principle #5


84/125

Principle #5Vary 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.


85/125

Increasing photo size in layout


86/125

Decreasing photo size in layout


87/125

Bleed

photo to

maximizepage

layout


88/125


89/125

i i l 6


90/125

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.

P i i l #6


91/125

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 standout.


92/125


93/125


94/125

`

Principle #7


95/125

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 especiallytrue with jumps. Make your art work for you.


96/125

Pull

Quote

Pull


97/125

Pull

Quote

subhead


98/125

Table/

fact box


99/125

Pull

stats

P i i l #8


100/125

Principle #8

Honor the hierarchy of type.

Generally, headlines should decrease

in size as you go down the pagebecause the stories are less important.

Use three-line headlines above two-

line headlines.

P i i l #9


101/125

Principle #9

Color is more effective when used

sparingly. Use half-tones for boxed

stories.


102/125

Half tone

red forboxed

story


103/125

Half tone

blue forboxed

story


104/125

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

l


105/125

White space can be your mostpowerful 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 andsurrounded by photos and type.

Principle #11


106/125


107/125


108/125

Align All ElementsWith Each Other or a Grid

Select a Single Visual orMake Strong Visual Connections

Keep Odd or

Even Elements in Balance

Divide the Page Into Thirds

http://desktoppub.a

bou

t.com/od/layout/tp/composition.htm


109/125

Add White Space

in the Right Place

Use Two or Moreof the Same Design Element

Emphasize DifferencesBetween Design Elements

htt

p://desktoppub.a

bout.com/od/layout/tp/composition.h

tm


110/125

htt

p://desktoppub.a

bout.co

/od/layout/tp/co

position.ht

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 orcenter 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.


111/125

htt

p://desktoppub.a

bout.co

/od/layout/tp/co

position.ht

One of the simplest andperhaps most powerfullayouts use one strongvisual. However, if usingmultiple images, keepthem connected both

through alignment and proximity -- grouping

the images so that they form a single visualunit and aligning them in a similar fashion.


112/125

htt

p://desktoppub.a

bout.co

/od/layout/tp/co

position.ht

Creating the right balance isboth about the number of textand graphics elements and howthey are arranged on the page.

Odd numbers tend to create amore dynamic layout.

Use an odd number of visuals,odd numbers of text columns.


113/125

htt

p://desktoppub.a

bout.co/od/layout/tp/co

position.ht

Or, create a dynamic layoutwith an asymmetricalarrangement of elements.

Symmetrical balance or theuse of even elements such astwo or four columns or ablock of 4 pictures generally

produces a formal, morestatic layout.


114/125

http://desktoppub.a


position.ht

Related to balance, the rule of thirds suggeststhat a more pleasing composition is possible ifyour arrangement of text and graphics can beplaced using one of these guidelines:


115/125

http://desktoppub.a


position.ht

A. Most important elements spaced more orless evenly within vertical or horizontalthirds.

B. Most important elements concentrated in theupper or lower third of the page.

C. Most important elements centered on one of

the points where lines intersect after visuallydividing the page into thirds horizontallyand vertically.


116/125

http://desktoppub.a


position.ht

Just as important asthe text and graphicson the page is the

empty space.Cramming too muchon the page even if itis perfectly aligned

and balanced andfalls within the ruleof thirds can ruin acomposition.

The page needs visualbreathing room


117/125

http://desktoppub.a


position.ht

The best place for white

space is around theedges of the page andthe edges of text orgraphic elements so it

doesn't get trapped inthe middle of the pagebut increased paragraph,line, and letterspacingcan also improve alayout.


118/125

http://desktoppub.a


position.ht

If one is good, two is better?Sometimes, yes.

Repetition can come in theform of consistent use ofalignment, using the same

colors for related items (suchas pull-quotes or headlines),using the same style or size ofgraphics, or simply placing

the page numbers in the samespot throughout a publication.


119/125

http://desktoppub.a


position.ht


120/125

http://desktoppub.a


position.ht

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 includingcolor and alignment.


121/125

http://desktoppub.a


position.ht


122/125

The greater the difference the greater thecontrast and the more effective the layout.

Simple examples of using emphasisinclude 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.


123/125


124/125


125/125

collaborative publishing lecture journalists' group 2013

Documents