lay outing

51
How to be a good layout artist Lorem Ipsum In libris graecis appetere mea. At vim odio lorem omnes, pri id iuvaret partiendo. Vivendo menandri et sed. Lorem volumus blandit cu has.Sit cu alia porro fuisset. Ea pro natum invidunt repudiandae, his et facilisis vituperatoribus. Mei eu ubique altera senserit, consul eripuit accusata has ne. In libris graecis appetere mea. At vim odio lorem omnes, pri id iuvaret partiendo. In libris graecis appetere mea. At vim odio lorem omnes, pri id iuvaret partiendo. Vivendo menandri et sed. Lorem volumus blandit cu has.Sit cu alia porro fuisset. Ea pro natum invidunt repudiandae, his et facilisis vituperatoribus. Mei eu ubique altera senserit, consul eripuit accusata has ne. Ea pro natum invidunt repudiandae, his et facilisis vituperatoribus. LAYOUTING BASICS iamkentqgabo.blogspot.com Campus Journalism Seminar-Workshop September 1

Upload: kent-jestoni-gabo

Post on 27-Oct-2014

193 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: Lay Outing

How to be a good layout artistLorem Ipsum In libris graecis appetere mea. At vim odio lorem omnes, pri id iuvaret partiendo. Vivendo menandri et sed. Lorem volumus blandit cu has.Sit cu alia porro fuisset.

Ea pro natum invidunt repudiandae, his et facilisis vituperatoribus. Mei eu ubique altera senserit, consul eripuit accusata has ne.

In libris graecis appetere mea. At vim odio lorem omnes, pri id iuvaret partiendo. Vivendo menandri et sed.

In libris graecis appetere mea. At vim odio lorem omnes, pri id iuvaret partiendo. Vivendo menandri et sed. Lorem volumus blandit cu has.Sit cu alia porro fuisset.

Ea pro natum invidunt repudiandae, his et facilisis vituperatoribus. Mei eu ubique altera senserit, consul eripuit accusata has ne.

Ea pro natum invidunt repudiandae, his et facilisis vituperatoribus.

LAYOUTING BASICSiamkentqgabo.blogspot.com Campus Journalism Seminar-Workshop September 1

Page 2: Lay Outing
Page 3: Lay Outing

What is layout?

• the make-up or the window dressing of a page. • consists of

illustrations text/articles graphics

• includes the selection of font styles, sizes and colors.

Page 4: Lay Outing

CONVENTIONAL VS. MODERNLayout

Page 5: Lay Outing

Conventional

• Old method of layouting• Cut, paste, and fit

method• Uses layouting paper• More papers are

consumed

Page 6: Lay Outing

Modern

• software and programs are readily available for desktop publishing (MicrosoftTM Publisher, AdobeTM

InDesign, Corel Draw)

• not much laborious for all you need is a computer unit, a program and a creative designing skill

Page 7: Lay Outing

Modern

• putting up a campus paper becomes easier and more convenient

• Disadvantage: limited size of the computer screen. A dummy is still prepared.

Page 8: Lay Outing

Symbols Used in Preparing a Dummy Sheet

Horizontal Line – Headline/Title

Box – Picture/GraphicArrow – Text/Article

Page 9: Lay Outing
Page 10: Lay Outing

Common Terms Used in Layouting

• Headline – the title of any news story• Banner – the principal headline bearing the boldest and

biggest type• Column – the vertical division into parts of a newspaper.

A typical school paper is divided into five columns.• Fold – the imaginary horizontal line that divides the

newspaper equally into two parts.• Byline – the signature of a reporter placed after the

headline• Cut – in simple terms, the illustrations of a newspaper• Cutline – the text accompanying an illustration. More

popularly called caption.

Page 11: Lay Outing

Newspaper Sizes

• BROADSHEET- Dimensions: 750 x 600 mm (29.5" x 23.5")

• TABLOID SIZE- Dimensions: 430 x 280 mm (16.9" x 11.0")

Page 12: Lay Outing

ELEMENTS of a GOOD LAYOUT

Page 13: Lay Outing

1. PROPORTION

• deals with the ratio of one part to another and of the parts to the whole. ▬ Pictures must be sized properly to keep up with

other shapes on the page. ▬ Length of stories must be considered. ▬ A long story may ruin the proportion of the page. ▬ A jump story is better than a poorly proportioned

page.

Page 14: Lay Outing

2. UNITY (HARMONY)

• the agreement between and among parts. ▬ Content of every page/double page must blend as a

harmonious unit. ▬ No one part of the page should overshadow another. ▬ The headlines should complement each other and

the pictures should not distract the eyes too much from the type.

Page 15: Lay Outing

3. BALANCE

• a feeling of equality in weight▬ suggests the gravitational equilibrium of a single unit

or a space arranged with respect to an axis or a fulcrum.

Page 16: Lay Outing

4. OCCULT BALANCE/ASSYMETRICAL BALANCE

▬ “felt” balance. ▬ Visual units in the other side of the axis

are not identical but are placed in positions so equated to produce a felt equilibrium.

Page 17: Lay Outing

5. EMPHASIS

• gives proper importance to the parts and to the whole. ▬ It involves the differentiation between the more

important and the less important.

Page 18: Lay Outing

6. CONTRAST

• is the blending of units as one. ▬ Every head and cut on a page should contrast with

adjoining materials. ▬ Contrasting adjacent headlines will help emphasize

the importance of each other. ▬ Boxes and pictures between heads are sometimes

good makeup devices.

Page 19: Lay Outing

The 7 Deadly Sins in Layouting

Page 20: Lay Outing

The 7 Deadly Sins in Layouting

1. Tomb stoning - placing two or more headlines on approximately the same leveling adjacent columns specially if they are of the same point and types.

2. Bad breaks - breaking stories to the top of columns. The top of every column should have a headline or a cut.

3. Separating related stories and pictures.

Page 21: Lay Outing

The 7 Deadly Sins in Layouting

4. Gray areas (sea of gray). Use fillers instead.5. Screaming headline - is one that is too big for a short or unimportant story.6. Heavy tops. Don’t make the page top heavy.7. Fit them all. Avoid many headlines of the same size on a page.

Page 22: Lay Outing

Tips in Arranging Articles

Page 23: Lay Outing

Tips in Arranging Articles

• Separate news or articles with the same length.

• Avoid arranging news in ladder style.

• If possible, do not cut stories.

• Don’t make the page top heavy.

• Do not jump stories backward.

• Avoid widow word at the end of the story.

• Boxed stories should not be jumped.

Page 24: Lay Outing

Tips in Arranging Headlines

Page 25: Lay Outing

Types of Headline

• headline banner

• deck (second headline below the banner)

• streamer (one whole page)

• umbrella (headline above the nameplate)

• subhead (short headline inside the news)

• kicker (bold words or phrase in caption)

• Boxed headline

• headline of jump story

Page 26: Lay Outing

Different Types and Form

• flush left or right

Ex. UNA eyes

Binay

Daughter

In slate

Page 27: Lay Outing

Different Types and Form

• dropline or step form

Ex.Big Bang opens

Paralympics

• Hanging Indention

Ex.Sec Clinton to hoist

US flag in Asia,

to China’s unease

Page 28: Lay Outing

Different Types and Form

• inverted pyramid

Ex.Ferndale celebrates

‘Buwan ng Wika’

• crossline or barline

Ex.Ferndale studs top MTAP comp

Page 29: Lay Outing

Different Types and Form

• Flushline or fullline

Ex.

Ferndale student leaders

attend seminar-workshop

Page 30: Lay Outing

Tips in Arranging Cuts

Page 31: Lay Outing

• Place big pictures in the upper page.

• Related articles and cuts must be together.

• If possible, do not put pictures in the folded line. Be careful in the eyes and elbows.

• In case of sea of grey, use fillers.

• Captions should be at least one centimeter in height.

Page 32: Lay Outing

The Newspaper Pages•Frontpage

•Newspage

•Opinion Page

•Feature Page

•Sports Page

Page 33: Lay Outing

Front Page

• nameplate

• ear

• table of contents

• headline banner

• by line

• main lead

• headline news/pictures

• other news/pictures

• umbrella

• caption

Page 34: Lay Outing

Front Page

Nameplate• box

• logo

• name of the paper

• name of school and address

• date

• volume and Issue No.

• identity

Normal Rd, Baliwasan, Zamboanga City

Page 35: Lay Outing

Suggested Layout for Front Page

• attractive nameplate

• headline banner is about students

• interesting main lead

• complete, variety of news

• 3:5 or 2:3 number of cuts:news

• colored and glossy

• student centered news articles

• student accomplishments

Page 36: Lay Outing

Opinion Page

• folio

• flag (small name of the newspaper)

• masthead or editorial board

• editorial

• editorial cartoon

• column of the editor-in-chief

• Letter/s to the editor

• other columns

Page 37: Lay Outing

Suggested Layout for Editorial Page

• Credible, dignified and formal

• Commentary editorial with news peg

• With commentary columns

• With heart despite of its disposition

• Complete and variety of articles

• Appropriate editorial cartoon

• In-depth and critical views

• Masculine font types

Page 38: Lay Outing

News Page

• folio

• other news

• campus news, students, school officials

• national, regional, provincial, local news

• community-science development page

• other type of news

• follow-up, research and interview news, future news, developmental news)

Page 39: Lay Outing

Feature Page

• folio

• short essay

• current events and issues

• unique story

• cut or pictures

• personality sketch or

success story

• trivia, comics, puzzle, fun page

• literary page (poem, short story)

Page 40: Lay Outing

Suggested Layout for Feature Page

• Creative and artistic layout

• Complete and variety

• With variety of font style

• Feminine page, font or style

• Wider columns

Page 41: Lay Outing

Sports Page

• sports nameplate

• headline sports banner

• other sports news

• score board

• action picture

• sports feature,

editorial and column

• sports trivia

• exchange sports views

• sports commentary

Page 42: Lay Outing

Suggested Layout for Sports Page

• With sports nameplate

• Lively (action, speed and color)

• Complete and variety of sports news

• Numerous pages

• Modern layout

• With tally score

• With sports editorial, columns, features, trivia, and special reports

Page 43: Lay Outing

Sample Layouts

Page 44: Lay Outing

Front Page

Page 45: Lay Outing
Page 46: Lay Outing

Editorial Page

Page 47: Lay Outing

Feature Page

Page 48: Lay Outing
Page 49: Lay Outing

Sports Page

Page 50: Lay Outing

Final Reminder

“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.”

Page 51: Lay Outing

Thank you!

Questions?