Collaborative Publishing Lecture JOURNALISTS' GROUP 2013

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

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

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

Select a Single Visual or Make Strong Visual Connections Keep Odd or Even Elements in Balance Divide the Page Into Thirds

http://desktoppub.about.com/od/layout/tp/composition.htm

Align All Elements With Each Other or a Grid

Use Two or More of the Same Design Element Emphasize Differences Between Design Elements

http://desktoppub.about.com/od/layout/tp/composition.htm

Add White Space in the Right Place

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.

http://desktoppub.about.com/od/layout/tp/composition.htm

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.

http://desktoppub.about.com/od/layout/tp/composition.htm

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.

Odd numbers tend to create a more dynamic layout. Use an odd number of visuals, odd numbers of text columns.

http://desktoppub.about.com/od/layout/tp/composition.htm

Creating the right balance is both about the number of text and graphics elements and how they are arranged on the page.

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 static layout.

http://desktoppub.about.com/od/layout/tp/composition.htm

Or, create a dynamic layout with an asymmetrical arrangement of elements.

http://desktoppub.about.com/od/layout/tp/composition.htm

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:

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 and vertically.

http://desktoppub.about.com/od/layout/tp/composition.htm

A. Most important elements spaced more or less evenly within vertical or horizontal thirds.

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

http://desktoppub.about.com/od/layout/tp/composition.htm

The page needs visual breathing room.

http://desktoppub.about.com/od/layout/tp/composition.htm

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.

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.

http://desktoppub.about.com/od/layout/tp/composition.htm

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

http://desktoppub.about.com/od/layout/tp/composition.htm

While some aspects of page composition involve things that are the same –

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