SlideShare a Scribd company logo
1 of 99
Page Design
Fundamentals
  Ronnie R. Sunggay
What is Page Design or Newspaper
Makeup?

   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
Effective Makeup may be
planned using two procedures:

1.   By headline and text
     arrangement

2.   By way of text and
     photo combinations
BASIC QUESTIONS


• What size of newspaper format am I
going to plan? Tabloid size?
Newsletter/magazine size?
• For what type of readers am I
laying out the newspaper?

Keep in mind your answers to the above
questions when you lay out the newspaper.
NEWSLETTER TYPE
  FOR ELEMENTARY
  ( 3 columns)




Bracket A – 9” x 12”

Bracket B – 8 ½” x 13”
TABLOID TYPE
FOR SECONDARY
( 5 columns)


   Bracket A & B

   12” x 18”
Front Page Make up
     by Headline
and Text arrangement
1.Perfect Balance
  or Symmetrical
   Makeup
Ex. A large headline placed
 in the upper first two
 columns of front page is
 balanced with a
 corresponding large
 headline in the 4th and
 fifth upper columns. Other
 headlines are similarly
 arranged.
A one column-cut at the
upper 2nd column is
balanced with another one
column cut at column 4. This
kind of makeup gives static
monotonous appearance to
the paper. It should not be
made from issue to issue.
Perfect
Balance
 or
  Symmetrical
   Makeup
2. Brace or Focus
 Makeup
   Headlines are diagonally
    arranged from the upper left to
    the lower right hand corner or
    vice-versa just like a brace
    supporting a house. Balance is
    obtained by various devices
    such as two column heads,
    boxes , and cuts which are used
    to offset the weight
    concentrated in the upper right
    of upper left hand corner.
 This kind of makeup is
 desirable when one story is
 more important than any
 other because the readers
 attention is directed to the
 upper right hand corner or
 occasionally to the upper
 left.
Brace or
Focus Makeup
3. Broken Column
 Makeup
   The page is broken into several
    units to give space to many
    stories. Symmetry is obtained
    by carefully arranging the
    contents so as not to cancel
    each other by their nearness.
    Large heads and cuts are placed
    where they give the page a
    pleasing pattern.
   This kind of makeup is
    developed primarily to be able
    to print as many short stories
    on page one as possible.
Broken Column
Makeup
4. Contrast and
 Balance Makeup
   This type groups are arranged
    at varying distances from the
    center like two boys on a see-
    saw. It is sometimes called
    occult or hidden balance
    because the type groups with its
    headline may be balanced with
    a picture, an illustration, or a
    box., or instead of a type group.
   No attempt is made to achieve
    perfect balance. This is one of
    the most popular kinds of front
    page makeup since it permits
    great variety from issue to
    issue.
Contrast

and Balance Makeup
5. Streamlined
 Makeup
   The format is similar with that
    of the contrast and balance
    makeup. However, the
    nameplate is usually floated,
    headlines are flushed up in cap
    or lower case, and large body
    types are often used. Many
    closely cropped pictures are
    also used. Instead of boxing
    stories in full, the three quarter
    boxes are resorted to.
   Often bullets, asterisks, and jim
    dashes are employed to
    introduce lead stories. This kind
    of makeup is commonly used by
    high school papers than by the
    national dailies.
Streamlined
Makeup
Makeup by way of Text
and Photo Combination Layout
for Front page:
   The   X Format
   The   Curve Format
   The   L Format
   The   J Format
   The   Umbrella Format
Makeup of Inside Pages:
   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.
Feature     / Literary Pages
   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.
Sports       Pages
   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. 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. 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-Trac 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.
If you have an open page, the dominant photo
generally should be:
• At least 3 columns if it is vertical.
• At least 4 columns if it is horizontal.
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. Never ever cut the
photos to be submitted to the printing
press!
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. 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
pancaking, 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
tombstoning 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.

No color in your school paper? No problem.
You have black, white and 10-15 distinctive
shades of gray.
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.
Do’s and Don’ts in Page Makeup
   Avoid tombstoning-
     Placing two or more headlines
    on approximately the same level
    in adjacent columns especially if
    they are of the same point or
    types.
   Avoid bad breaks
    Do not break cut stories to the
    top of columns. The top of the
    column should have a headline
    or a cut.
   Avoid separating related stories and
    pictures.

   Avoid gray areas (sea of gray) Break
    this up with used of subheads, pull
    quotes or half tones.

   Keep long columns of 6 points type
    and tabular material to a minimum
    especially on front page.
   Avoid using a banner headline
    unless the story deserves it.
    Screaming headlines should also
    not be used. Screaming headline
    is one that is too big for a short
    or unimportant story.
THANK YOU!

More Related Content

What's hot

Newspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesNewspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesWENDELL TARAYA
 
Photojournalism
PhotojournalismPhotojournalism
PhotojournalismLeo Tan
 
Newspaper parts
Newspaper partsNewspaper parts
Newspaper parts욘지 민
 
Copyreading & Headline Writing by LPA.pptx
Copyreading & Headline Writing by LPA.pptxCopyreading & Headline Writing by LPA.pptx
Copyreading & Headline Writing by LPA.pptxZephaniakateVaso
 
Layouting Your School Paper
Layouting Your School PaperLayouting Your School Paper
Layouting Your School PaperJerry Noveno
 
Journalism - Newspaper
Journalism - NewspaperJournalism - Newspaper
Journalism - NewspaperMikeCruz0210
 
Journalism: National and Campus Newspapers Compared
Journalism: National and Campus Newspapers ComparedJournalism: National and Campus Newspapers Compared
Journalism: National and Campus Newspapers ComparedShara Guape
 
Campus Journalism Basics- SOCORRO DISTRICT
Campus Journalism Basics- SOCORRO DISTRICTCampus Journalism Basics- SOCORRO DISTRICT
Campus Journalism Basics- SOCORRO DISTRICTJovel Elumba
 
Writing headline lea
Writing headline   leaWriting headline   lea
Writing headline leabernabeere
 
Headline Designs
Headline DesignsHeadline Designs
Headline Designsmrarmknecht
 
Parts of a school paper (English 14)
Parts of a school paper (English 14)Parts of a school paper (English 14)
Parts of a school paper (English 14)Khif Muamar Miranda
 
Chapter 6 a straight news story
Chapter 6 a straight news storyChapter 6 a straight news story
Chapter 6 a straight news storyyecol
 
copy reading and headline writing
copy reading and headline writingcopy reading and headline writing
copy reading and headline writingkristinjanesalvador
 
COPYREADING basics.pptx
COPYREADING basics.pptxCOPYREADING basics.pptx
COPYREADING basics.pptxSuJinRustia
 
Campus journalism
Campus journalism Campus journalism
Campus journalism jhaiusa20
 

What's hot (20)

Newspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesNewspaper Layout and Basic Guidelines
Newspaper Layout and Basic Guidelines
 
Photojournalism
PhotojournalismPhotojournalism
Photojournalism
 
Newspaper parts
Newspaper partsNewspaper parts
Newspaper parts
 
Copyreading & Headline Writing by LPA.pptx
Copyreading & Headline Writing by LPA.pptxCopyreading & Headline Writing by LPA.pptx
Copyreading & Headline Writing by LPA.pptx
 
Layouting Your School Paper
Layouting Your School PaperLayouting Your School Paper
Layouting Your School Paper
 
Newspaper designing
Newspaper designingNewspaper designing
Newspaper designing
 
Journalism- Writing Headlines
Journalism- Writing HeadlinesJournalism- Writing Headlines
Journalism- Writing Headlines
 
Journalism - Newspaper
Journalism - NewspaperJournalism - Newspaper
Journalism - Newspaper
 
Journalism: National and Campus Newspapers Compared
Journalism: National and Campus Newspapers ComparedJournalism: National and Campus Newspapers Compared
Journalism: National and Campus Newspapers Compared
 
Campus Journalism Basics- SOCORRO DISTRICT
Campus Journalism Basics- SOCORRO DISTRICTCampus Journalism Basics- SOCORRO DISTRICT
Campus Journalism Basics- SOCORRO DISTRICT
 
Copyreading
CopyreadingCopyreading
Copyreading
 
Writing headline lea
Writing headline   leaWriting headline   lea
Writing headline lea
 
Headline Designs
Headline DesignsHeadline Designs
Headline Designs
 
Parts of a school paper (English 14)
Parts of a school paper (English 14)Parts of a school paper (English 14)
Parts of a school paper (English 14)
 
Copyreading&headline writing
Copyreading&headline writingCopyreading&headline writing
Copyreading&headline writing
 
Copyreading
CopyreadingCopyreading
Copyreading
 
Chapter 6 a straight news story
Chapter 6 a straight news storyChapter 6 a straight news story
Chapter 6 a straight news story
 
copy reading and headline writing
copy reading and headline writingcopy reading and headline writing
copy reading and headline writing
 
COPYREADING basics.pptx
COPYREADING basics.pptxCOPYREADING basics.pptx
COPYREADING basics.pptx
 
Campus journalism
Campus journalism Campus journalism
Campus journalism
 

Viewers also liked

Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principlesSherwin Manual
 
Types of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia InstituteTypes of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia InstituteRavi Bhadauria
 
Writing an editorial
Writing an editorialWriting an editorial
Writing an editorialJoy Magbanua
 
Sub editing and page designing
Sub editing and page designingSub editing and page designing
Sub editing and page designingSaira Randhawa
 
Feature Writing Basics
Feature Writing BasicsFeature Writing Basics
Feature Writing BasicsJanet Tibaldo
 
Parts of news papers and its meaning
Parts of news papers and its meaningParts of news papers and its meaning
Parts of news papers and its meaningEmilyn Mapalo
 
Campus journalism - copyreading and headline writing
Campus journalism - copyreading and headline writingCampus journalism - copyreading and headline writing
Campus journalism - copyreading and headline writingAntonio Delgado
 
Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...
Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...
Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...jaderex
 
Local Newspaper Layout Conventions
Local Newspaper Layout ConventionsLocal Newspaper Layout Conventions
Local Newspaper Layout ConventionsLucy Taylor
 
visual hierarchy
visual hierarchy visual hierarchy
visual hierarchy HannahMizen
 
Page Layout And Design Principles
Page Layout And Design PrinciplesPage Layout And Design Principles
Page Layout And Design Principlescomputerswithredin
 

Viewers also liked (20)

Newspaper make up
Newspaper make upNewspaper make up
Newspaper make up
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 
Types of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia InstituteTypes of Layouts by ADMEC Multimedia Institute
Types of Layouts by ADMEC Multimedia Institute
 
Writing an editorial
Writing an editorialWriting an editorial
Writing an editorial
 
Newspaper layout
Newspaper layoutNewspaper layout
Newspaper layout
 
Column writing
Column writingColumn writing
Column writing
 
Sub editing and page designing
Sub editing and page designingSub editing and page designing
Sub editing and page designing
 
School Publication
School PublicationSchool Publication
School Publication
 
Feature Writing Basics
Feature Writing BasicsFeature Writing Basics
Feature Writing Basics
 
Parts of news papers and its meaning
Parts of news papers and its meaningParts of news papers and its meaning
Parts of news papers and its meaning
 
Campus journalism - copyreading and headline writing
Campus journalism - copyreading and headline writingCampus journalism - copyreading and headline writing
Campus journalism - copyreading and headline writing
 
News Editor
News EditorNews Editor
News Editor
 
Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...
Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...
Candlelight : The Official Publication of DepEd Region III Eva Imingan- Edito...
 
Page layout
Page layoutPage layout
Page layout
 
Page layout
Page layoutPage layout
Page layout
 
Page Layout
Page LayoutPage Layout
Page Layout
 
Local Newspaper Layout Conventions
Local Newspaper Layout ConventionsLocal Newspaper Layout Conventions
Local Newspaper Layout Conventions
 
visual hierarchy
visual hierarchy visual hierarchy
visual hierarchy
 
Page Layout And Design Principles
Page Layout And Design PrinciplesPage Layout And Design Principles
Page Layout And Design Principles
 
Page Layout
Page Layout Page Layout
Page Layout
 

Similar to Page layout final

Basic Layouting and Newsletter Production(1).pptx
Basic Layouting and Newsletter Production(1).pptxBasic Layouting and Newsletter Production(1).pptx
Basic Layouting and Newsletter Production(1).pptxDesireeFuggan
 
Crew 430 group presentation
Crew 430 group presentationCrew 430 group presentation
Crew 430 group presentationZoe Lauckner
 
Q1. In what ways does your media product use, develop or challenge forms and ...
Q1. In what ways does your media product use, develop or challenge forms and ...Q1. In what ways does your media product use, develop or challenge forms and ...
Q1. In what ways does your media product use, develop or challenge forms and ...hollygruncell
 
Conventions of a front cover
Conventions of a front coverConventions of a front cover
Conventions of a front coversummersmithh
 
anastasija preliminary task.pptx
anastasija preliminary task.pptxanastasija preliminary task.pptx
anastasija preliminary task.pptxAnastasia141913
 
Layout designs - jasmin
Layout designs - jasminLayout designs - jasmin
Layout designs - jasminJasminHylton
 
School Magazine Comparison
School Magazine ComparisonSchool Magazine Comparison
School Magazine Comparisonguest1e5343
 
As unit g321 research and planning presentation 2
As unit g321 research and planning presentation 2As unit g321 research and planning presentation 2
As unit g321 research and planning presentation 2adamleadbeater
 
Evaluation conventions-target audience
Evaluation  conventions-target audienceEvaluation  conventions-target audience
Evaluation conventions-target audiencechantalrichardson
 
Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design RulesSutinder Mann
 
As unit g321 research and planning presentation
As unit g321 research and planning presentationAs unit g321 research and planning presentation
As unit g321 research and planning presentationDaisy Phillips
 

Similar to Page layout final (20)

Basic Layouting and Newsletter Production(1).pptx
Basic Layouting and Newsletter Production(1).pptxBasic Layouting and Newsletter Production(1).pptx
Basic Layouting and Newsletter Production(1).pptx
 
Page layout
Page layoutPage layout
Page layout
 
Page layout
Page layoutPage layout
Page layout
 
Crew 430 group presentation
Crew 430 group presentationCrew 430 group presentation
Crew 430 group presentation
 
Q1. In what ways does your media product use, develop or challenge forms and ...
Q1. In what ways does your media product use, develop or challenge forms and ...Q1. In what ways does your media product use, develop or challenge forms and ...
Q1. In what ways does your media product use, develop or challenge forms and ...
 
Conventions of a front cover
Conventions of a front coverConventions of a front cover
Conventions of a front cover
 
anastasija preliminary task.pptx
anastasija preliminary task.pptxanastasija preliminary task.pptx
anastasija preliminary task.pptx
 
Double page spreads
Double page spreadsDouble page spreads
Double page spreads
 
Layout designs - jasmin
Layout designs - jasminLayout designs - jasmin
Layout designs - jasmin
 
G321 Magazine Flat Plan
G321 Magazine Flat PlanG321 Magazine Flat Plan
G321 Magazine Flat Plan
 
School Magazine Comparison
School Magazine ComparisonSchool Magazine Comparison
School Magazine Comparison
 
Conventions
ConventionsConventions
Conventions
 
As unit g321 research and planning presentation 2
As unit g321 research and planning presentation 2As unit g321 research and planning presentation 2
As unit g321 research and planning presentation 2
 
Evaluation final pdf
Evaluation final pdfEvaluation final pdf
Evaluation final pdf
 
Evaluation conventions-target audience
Evaluation  conventions-target audienceEvaluation  conventions-target audience
Evaluation conventions-target audience
 
Visual Design
Visual DesignVisual Design
Visual Design
 
Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design Rules
 
Magazine analysis
Magazine analysisMagazine analysis
Magazine analysis
 
Rationals a2
Rationals a2Rationals a2
Rationals a2
 
As unit g321 research and planning presentation
As unit g321 research and planning presentationAs unit g321 research and planning presentation
As unit g321 research and planning presentation
 

Recently uploaded

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxAmita Gupta
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxAreebaZafar22
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17Celine George
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701bronxfugly43
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsMebane Rash
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxcallscotland1987
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docxPoojaSen20
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.christianmathematics
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfPoh-Sun Goh
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...Nguyen Thanh Tu Collection
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseAnaAcapella
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxRamakrishna Reddy Bijjam
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Jisc
 

Recently uploaded (20)

Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Third Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptxThird Battle of Panipat detailed notes.pptx
Third Battle of Panipat detailed notes.pptx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Dyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptxDyslexia AI Workshop for Slideshare.pptx
Dyslexia AI Workshop for Slideshare.pptx
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 

Page layout final

  • 1. Page Design Fundamentals Ronnie R. Sunggay
  • 2. What is Page Design or Newspaper Makeup?  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.
  • 3. 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
  • 4.  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
  • 5. Effective Makeup may be planned using two procedures: 1. By headline and text arrangement 2. By way of text and photo combinations
  • 6. BASIC QUESTIONS • What size of newspaper format am I going to plan? Tabloid size? Newsletter/magazine size? • For what type of readers am I laying out the newspaper? Keep in mind your answers to the above questions when you lay out the newspaper.
  • 7. NEWSLETTER TYPE FOR ELEMENTARY ( 3 columns) Bracket A – 9” x 12” Bracket B – 8 ½” x 13”
  • 8. TABLOID TYPE FOR SECONDARY ( 5 columns) Bracket A & B 12” x 18”
  • 9. Front Page Make up by Headline and Text arrangement
  • 10. 1.Perfect Balance or Symmetrical Makeup
  • 11. Ex. A large headline placed in the upper first two columns of front page is balanced with a corresponding large headline in the 4th and fifth upper columns. Other headlines are similarly arranged.
  • 12. A one column-cut at the upper 2nd column is balanced with another one column cut at column 4. This kind of makeup gives static monotonous appearance to the paper. It should not be made from issue to issue.
  • 13. Perfect Balance or Symmetrical Makeup
  • 14. 2. Brace or Focus Makeup
  • 15. Headlines are diagonally arranged from the upper left to the lower right hand corner or vice-versa just like a brace supporting a house. Balance is obtained by various devices such as two column heads, boxes , and cuts which are used to offset the weight concentrated in the upper right of upper left hand corner.
  • 16.  This kind of makeup is desirable when one story is more important than any other because the readers attention is directed to the upper right hand corner or occasionally to the upper left.
  • 19. The page is broken into several units to give space to many stories. Symmetry is obtained by carefully arranging the contents so as not to cancel each other by their nearness. Large heads and cuts are placed where they give the page a pleasing pattern.
  • 20. This kind of makeup is developed primarily to be able to print as many short stories on page one as possible.
  • 22. 4. Contrast and Balance Makeup
  • 23. This type groups are arranged at varying distances from the center like two boys on a see- saw. It is sometimes called occult or hidden balance because the type groups with its headline may be balanced with a picture, an illustration, or a box., or instead of a type group.
  • 24. No attempt is made to achieve perfect balance. This is one of the most popular kinds of front page makeup since it permits great variety from issue to issue.
  • 27. The format is similar with that of the contrast and balance makeup. However, the nameplate is usually floated, headlines are flushed up in cap or lower case, and large body types are often used. Many closely cropped pictures are also used. Instead of boxing stories in full, the three quarter boxes are resorted to.
  • 28. Often bullets, asterisks, and jim dashes are employed to introduce lead stories. This kind of makeup is commonly used by high school papers than by the national dailies.
  • 30. Makeup by way of Text and Photo Combination Layout for Front page:  The X Format  The Curve Format  The L Format  The J Format  The Umbrella Format
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36. Makeup of Inside Pages:  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.
  • 37. 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.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42. 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.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47. Feature / Literary Pages  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.
  • 48. These pages have bolder but livelier appearance than the others. Their makeup should suggest action, speed and color. Large bold heads are used.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55. Sports Pages  These pages have bolder but livelier appearance than the others. Their makeup should suggest action, speed and color. Large bold heads are used.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62. PRINCIPLES OF LAYOUT / PAGE MAKEUP
  • 63. Primary optical area Reverse S Sweep Terminal optical area
  • 64. 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. Story placement is a nonverbal cue that indicates their importance to readers. Don’t sacrifice accuracy in favor of aesthetics.
  • 66. 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.
  • 67.
  • 68. 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. 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.
  • 69.
  • 70. Principle #4 If you only have one photo, play it BIG . Eye-Trac 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. If you have an open page, the dominant photo generally should be: • At least 3 columns if it is vertical. • At least 4 columns if it is horizontal.
  • 71.
  • 72. 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. Never ever cut the photos to be submitted to the printing press!
  • 76.
  • 77.
  • 78. 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. 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 pancaking, stories on top of one other. None of them will stand out.
  • 79.
  • 80.
  • 81. `
  • 82. Principle #7 Use photos and other graphic elements to break up the gray and to avoid tombstoning 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.
  • 87. 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.
  • 88. Principle #9 Color is more effective when used sparingly. Use half-tones for boxed stories. No color in your school paper? No problem. You have black, white and 10-15 distinctive shades of gray.
  • 91. 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
  • 92. 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.
  • 93.
  • 94.
  • 95. Do’s and Don’ts in Page Makeup  Avoid tombstoning- Placing two or more headlines on approximately the same level in adjacent columns especially if they are of the same point or types.
  • 96. Avoid bad breaks Do not break cut stories to the top of columns. The top of the column should have a headline or a cut.
  • 97. Avoid separating related stories and pictures.  Avoid gray areas (sea of gray) Break this up with used of subheads, pull quotes or half tones.  Keep long columns of 6 points type and tabular material to a minimum especially on front page.
  • 98. Avoid using a banner headline unless the story deserves it. Screaming headlines should also not be used. Screaming headline is one that is too big for a short or unimportant story.