Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
TIPS IN LAYOUTING PICTURES
CLOAKANDDAGGER
PUBLISHING
M.H.PACONG
LAYOUT EDITORSTIPS TO
DESIGNING THE PAGES
Page Designing
C...
What is Page Designing?
Page designing
– refers to the lay
outing of the
newspaper page,
which is also
known as page
make-...
Guidelines and Steps in
Design with a purpose.
Maintain design using unity
and consistency.
Design should have contrast
an...
Guidelines and Steps in
Have a focal point.
Page Designing
1
‘A focal point is
the element …
that pulls in the
viewer’s ey...
Guidelines and Steps in
Have a focal point.
Page Designing
1 You can emphasize a focal point through…
Guidelines and Steps in
Your noble purpose
Page Designing
2
Organize large volumes of
content into related parcels of
info...
Guidelines and Steps in
Your noble purpose
Page Designing
2
Structure the parts of pages and
sections to accommodate a
var...
Guidelines and Steps in
Keep it simple.
Page Designing
3
Crystal clear simplicity is
harder to achieve than a
crowded, bus...
PRINCIPLES OF DESIGN
Guidelines and Steps in
Page Designing
The way layout, design style,
typeface and color work
together...
PRINCIPLES OF DESIGN
Guidelines and Steps in
Page Designing
___UNITY___
Similarity
Proximity
Continuity
Alignment
PRINCIPLES OF DESIGN
Guidelines and Steps in
Page Designing
Using italicized or bold text to
create emphasis is a sample o...
PRINCIPLES OF DESIGN
Guidelines and Steps in
Page Designing
An effective design balances the
visual weights on a page.
BAL...
SYMMETRICAL ASYMMETRICAL
BALANCE
IN PRINTLOOK GOOD
LAYOUT LINGO
Speak the same
lingo to avoid
misunderstanding.
Layout Lingo
When an image or element on a page touches the edge of the
page, extending beyond the trim edge, leaving no m...
Layout Lingo
One or more vertical blocks of text
used to break up large bodies of text
that cannot fit in a single block o...
Layout Lingo
Crop marks
Crossed lines placed at
the corners of an image
or a page to indicate
where to trim it.
Center mar...
Layout Lingo
Orphan
A word isolated at the top
of a column or page.
Widow
A syllable, word, or less than
one-third of a li...
The
Dummy’s Guide
to a NEWSPAPER DUMMY
Don’t plan
on the screen.
PLAN ON PAPER
The
Dummy’s Guide
to a NEWSPAPER DUMMY
Every layout begins
with a DUMMY
Not this
dummy…
…but this
dummy
DUMMY – diagram ou...
SYMBOLS USED IN DUMMYING
THE STEPS IN
PAGE DESIGNING
THE STEPS IN PAGE DESIGNING
1. Survey, evaluate, sort
out and list down articles
according to their kind,
value and import...
DesigningTHE PAGES
A. FRONT PAGE
1. The nameplate of the
newspaper, also known as flag,
sets the basic image of the
public...
DesigningTHE PAGES
A. FRONT PAGE
2. Place the most important or banner story in
the right hand corner to get focal attenti...
DesigningTHE PAGES
A. FRONT PAGE
5. Use the ears in calling attention to special
features, giving the theme of the campus ...
Designing
THE PAGES
The X Format
Makeup by way of
Text and Photo
Combination Layout
for
FRONT PAGE:
Designing
THE PAGES
Curve Format
Makeup by way of
Text and Photo
Combination Layout
for
FRONT PAGE:
Designing
THE PAGES
The L Format
Makeup by way of
Text and Photo
Combination Layout
for
FRONT PAGE:
Designing
THE PAGES
The J Format
Makeup by way of
Text and Photo
Combination Layout
for
FRONT PAGE:
Designing
THE PAGES
Makeup by way of Text
and Photo Combination
Layout for
FRONT PAGE:
The Umbrella
Format
DesigningTHE PAGES
B. INSIDE PAGES
1. Inside news pages should be
designed as facing page units
rather than as single page...
INSIDE PAGES
INSIDE PAGES
INSIDE PAGES
DesigningTHE PAGES
C. EDITORIAL PAGES
1. These pages should
have a distinctive,
dignified and formal
appearance.
2. Editor...
EDITORIAL PAGES
EDITORIAL PAGES
DesigningTHE PAGES
D. FEATURE/LITERARY PAGES
1. These pages must have a literary
and feminine appearance.
2. All of the co...
FEATURE/LITERARY PAGES
FEATURE/LITERARY PAGES
FEATURE/LITERARY PAGES
FEATURE/LITERARY PAGES
DesigningTHE PAGES
E. SPORTS PAGES
These pages have bolder
but livelier appearance
than the others.
Their makeup should
su...
SPORTS PAGES
SPORTS PAGES
THINGS TO BE
AVOIDED IN
PAGE DESIGNING
1. Avoid “tombstoning”
or “bumping” headlines,
which might be read as
one headline.
THINGS TO BE AVOIDED IN
PAGE DESIGNING...
2. Avoid separating related
stories and pictures.
3. Avoid a box beside another
box or beside photographs or
cartoons.
THI...
4. Avoid gray areas. Break them
up with the use of subheads.
THINGS TO BE AVOIDED IN
PAGE DESIGNING
SUBHEAD – one- or two-...
5. Avoid bad breaks.
The top of every column
should have a headline
or a picture.
THINGS TO BE AVOIDED IN
PAGE DESIGNING
B...
6. Avoid screaming
headline or a
headline that is too
big for a short or
unimportant story.
7. Don’t make the
top half of ...
8. Avoid many headlines
of the same size on a
page.
9. Avoid placing small
heads on rather long
stories.
THINGS TO BE AVOI...
10. If possible, avoid
jumpheads.
11. Avoid placing jump heads
at the upper fold of the page.
THINGS TO BE AVOIDED IN
PAGE...
12. Avoid placing the
nameplate or flag below
the fold.
13. Avoid using many
families of types especially
on the front pag...
Journalism: Guidelines and Steps in Page Designing
Nächste SlideShare
Wird geladen in …5
×

Journalism: Guidelines and Steps in Page Designing

11.684 Aufrufe

Veröffentlicht am

Guidelines and Steps in Page Designing
Designing the Pages
Things to be Avoided in page Designing

Veröffentlicht in: Bildung
  • DOWNLOAD FULL BOOKS, INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ,DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • nice presentation po, thanks po
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • hello, may i ask a copy of these slides...it is a big help for my lay outing of of our school paper...thanks
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Hello, can I have a copy of your slide? nice and informative one
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • hi po. pwede po makahingi ng kopya po nito? salamat po. for educational purpose po sana.
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier

Journalism: Guidelines and Steps in Page Designing

  1. 1. TIPS IN LAYOUTING PICTURES CLOAKANDDAGGER PUBLISHING M.H.PACONG LAYOUT EDITORSTIPS TO DESIGNING THE PAGES Page Designing CLOUDPUBLISHING M.H.PACONG Guidelines and Steps in THINGS TO BE PAGE DESIGNING M.H.PACONG AVOIDEDIN M.H. PACONG PICTURES DOLLAR IMPROVING
  2. 2. What is Page Designing? Page designing – refers to the lay outing of the newspaper page, which is also known as page make- up. It is the arrangement of articles, cuts (pictures), headlines, nameplate, folio and other contents on the page. TRAINING… November 16-18, 2014 Page Designing Mrs. Marilyn H. Pacong
  3. 3. Guidelines and Steps in Design with a purpose. Maintain design using unity and consistency. Design should have contrast and balance. Have a Focal Point. Page Designing Keep it simple.
  4. 4. Guidelines and Steps in Have a focal point. Page Designing 1 ‘A focal point is the element … that pulls in the viewer’s eye, that is the center of attention or the main subject.’ Mrs. Marilyn H. Pacong
  5. 5. Guidelines and Steps in Have a focal point. Page Designing 1 You can emphasize a focal point through…
  6. 6. Guidelines and Steps in Your noble purpose Page Designing 2 Organize large volumes of content into related parcels of information. Craft the typography to make it comfortably readable over many pages, yet lively enough to continually engage the reader.
  7. 7. Guidelines and Steps in Your noble purpose Page Designing 2 Structure the parts of pages and sections to accommodate a variety of content, whether image- or text-based. Integrate images with typography to achieve a unified form that builds a communication much bigger than its parts. Mrs. Marilyn H. Pacong
  8. 8. Guidelines and Steps in Keep it simple. Page Designing 3 Crystal clear simplicity is harder to achieve than a crowded, busy design. If you can remove an element without losing the meaning, it is not needed.
  9. 9. PRINCIPLES OF DESIGN Guidelines and Steps in Page Designing The way layout, design style, typeface and color work together to communicate the same content. UNITY • creates order • organizes page elements • groups items • creates visual connections
  10. 10. PRINCIPLES OF DESIGN Guidelines and Steps in Page Designing ___UNITY___ Similarity Proximity Continuity Alignment
  11. 11. PRINCIPLES OF DESIGN Guidelines and Steps in Page Designing Using italicized or bold text to create emphasis is a sample of contrast. Contrast of line, shape, size, tone and texture. CONTRAST Mrs. Marilyn H. Pacong
  12. 12. PRINCIPLES OF DESIGN Guidelines and Steps in Page Designing An effective design balances the visual weights on a page. BALANCE Symmetrical Asymmetrical
  13. 13. SYMMETRICAL ASYMMETRICAL BALANCE
  14. 14. IN PRINTLOOK GOOD LAYOUT LINGO Speak the same lingo to avoid misunderstanding.
  15. 15. Layout Lingo When an image or element on a page touches the edge of the page, extending beyond the trim edge, leaving no margin. Bleed allowance: about 1/8” beyond the trim lines. Bleed
  16. 16. Layout Lingo One or more vertical blocks of text used to break up large bodies of text that cannot fit in a single block of text on a page. Column
  17. 17. Layout Lingo Crop marks Crossed lines placed at the corners of an image or a page to indicate where to trim it. Center marks Vertical lines used to indicate the center of a two-page spread for folding or cutting. Mrs. Marilyn H. Pacong
  18. 18. Layout Lingo Orphan A word isolated at the top of a column or page. Widow A syllable, word, or less than one-third of a line isolated at the bottom of a column, paragraph, or page.
  19. 19. The Dummy’s Guide to a NEWSPAPER DUMMY Don’t plan on the screen. PLAN ON PAPER
  20. 20. The Dummy’s Guide to a NEWSPAPER DUMMY Every layout begins with a DUMMY Not this dummy… …but this dummy DUMMY – diagram outlining the makeup scheme
  21. 21. SYMBOLS USED IN DUMMYING
  22. 22. THE STEPS IN PAGE DESIGNING
  23. 23. THE STEPS IN PAGE DESIGNING 1. Survey, evaluate, sort out and list down articles according to their kind, value and importance. 2. On the dummy sheets, make a rough plan of a page, assigning the possible needed articles on it. 3. Using your imagination, see how the page looks now. 4. Determine the types to be used and apply art elements. 5. Finalize your make-up. Mrs. Marilyn H. Pacong
  24. 24. DesigningTHE PAGES A. FRONT PAGE 1. The nameplate of the newspaper, also known as flag, sets the basic image of the publication, draws attention to the page, identifies the publication and sets the tone for the message. It should be clean, distinctive and uncluttered.
  25. 25. DesigningTHE PAGES A. FRONT PAGE 2. Place the most important or banner story in the right hand corner to get focal attention. 3. If possible, avoid jump stories, because of the inconvenience of turning the pages and locating the continuation. 4. Cover the leading stories substantially.
  26. 26. DesigningTHE PAGES A. FRONT PAGE 5. Use the ears in calling attention to special features, giving the theme of the campus paper, presenting weather information and others. EARS – small box on one or both sides of the nameplate carrying brief announcements of weather or circulation, etc.
  27. 27. Designing THE PAGES The X Format Makeup by way of Text and Photo Combination Layout for FRONT PAGE:
  28. 28. Designing THE PAGES Curve Format Makeup by way of Text and Photo Combination Layout for FRONT PAGE:
  29. 29. Designing THE PAGES The L Format Makeup by way of Text and Photo Combination Layout for FRONT PAGE:
  30. 30. Designing THE PAGES The J Format Makeup by way of Text and Photo Combination Layout for FRONT PAGE:
  31. 31. Designing THE PAGES Makeup by way of Text and Photo Combination Layout for FRONT PAGE: The Umbrella Format
  32. 32. DesigningTHE PAGES B. INSIDE PAGES 1. Inside news pages should be designed as facing page units rather than as single pages. 2. The principle of contrast and balance should be applied in planning the make-up of facing pages. 3. Inside news pages generally DO NOT use large headline like in the front page.
  33. 33. INSIDE PAGES
  34. 34. INSIDE PAGES
  35. 35. INSIDE PAGES
  36. 36. DesigningTHE PAGES C. EDITORIAL PAGES 1. These pages should have a distinctive, dignified and formal appearance. 2. Editorials traditionally appear in the first two columns of the left page of the editorial spread. They are larger in types. 3. The editorial box, which should be relatively small, may be anchored in any of the lower corners, or on the upper left hand corner of the editorial page. 4. Titles of editorials, like the headline of news stories, should be of the masculine appearance, not the italic type. 5. Editorial and opinion columns ordinarily appear in the same position of the same page every issue.
  37. 37. EDITORIAL PAGES
  38. 38. EDITORIAL PAGES
  39. 39. DesigningTHE PAGES D. FEATURE/LITERARY PAGES 1. These pages must have a literary and feminine appearance. 2. All of the columns may be wider than the rest of the paper. Often, columns are set in one and one- half columns wide. 3. Roman and italic types are used for text, except for poetry. 4. Different styles of titles in different font types may be used for feature stories. 5. Usually fewer articles appear on these pages than on the news pages. Pictures are used to capture interest and highlight the story.
  40. 40. FEATURE/LITERARY PAGES
  41. 41. FEATURE/LITERARY PAGES
  42. 42. FEATURE/LITERARY PAGES
  43. 43. FEATURE/LITERARY PAGES
  44. 44. DesigningTHE PAGES E. 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.
  45. 45. SPORTS PAGES
  46. 46. SPORTS PAGES
  47. 47. THINGS TO BE AVOIDED IN PAGE DESIGNING
  48. 48. 1. Avoid “tombstoning” or “bumping” headlines, which might be read as one headline. THINGS TO BE AVOIDED IN PAGE DESIGNING BUMPER or TOMBSTONE – two elements placed side by side, also called a Tombstone when it refers to headlines.
  49. 49. 2. Avoid separating related stories and pictures. 3. Avoid a box beside another box or beside photographs or cartoons. THINGS TO BE AVOIDED IN PAGE DESIGNING BREAK OVER or JUMP – story that jumps from one page to another JUMP LINES – continuation lines: continued on page 4
  50. 50. 4. Avoid gray areas. Break them up with the use of subheads. THINGS TO BE AVOIDED IN PAGE DESIGNING SUBHEAD – one- or two-line head used within the body of a story in type
  51. 51. 5. Avoid bad breaks. The top of every column should have a headline or a picture. THINGS TO BE AVOIDED IN PAGE DESIGNING BAD BREAK – bad phrasing of a headline; bad wrapping of headline type BREAK – point at which the story turns from one column to another
  52. 52. 6. Avoid screaming headline or a headline that is too big for a short or unimportant story. 7. Don’t make the top half of the page heavy like too much pictures and big headlines. THINGS TO BE AVOIDED IN PAGE DESIGNING BROKEN HEADS – headlines with lines of different widths
  53. 53. 8. Avoid many headlines of the same size on a page. 9. Avoid placing small heads on rather long stories. THINGS TO BE AVOIDED IN PAGE DESIGNING
  54. 54. 10. If possible, avoid jumpheads. 11. Avoid placing jump heads at the upper fold of the page. THINGS TO BE AVOIDED IN PAGE DESIGNING JUMPHEAD – headline over the continued portion of a story RUNOVER, JUMP STORY, or TURN STORY – portion of a story that continues from one page to the next
  55. 55. 12. Avoid placing the nameplate or flag below the fold. 13. Avoid using many families of types especially on the front page. THINGS TO BE AVOIDED IN PAGE DESIGNING

×