SlideShare a Scribd company logo
journalism
NEWS DESIGN 101   scholars day
                  2011
WHY DESIGN MATTERS

Studies have shown that readers enter a
page through the dominant photo, then
move to headlines, cutlines/captions and
other elements before reading the story.

Design matters.
GOALS OF DESIGN

Design isn‟t just about placing stories and
photos on pages. It‟s about using those
elements to…


attract readers
tell a compelling story
TODAY, WE‟LL…

Talk a little about how you can accomplish
 those goals using four basic design
 principles.
Tackle various elements (headlines,
 photos, etc.) and how they can improve
 your design.

Please ask questions along the way!
RULES OF DESIGN

“Good design” is subjective, but there are
pretty standard rules to help accomplish
these goals.

The best designs use — or break — the
rules in unexpected ways. But they still
carefully consider the basic principles.
KNOW YOUR
  AUDIENCE   1
ASK YOURSELF:

How would your audience best be brought
into this particular story? How can you best
tell them this story?
Big photo, catchy headline and 600 words
  of text? Extra box or pull quote?
Maybe it‟s some, all or none of those.
  Maybe it‟s not a “story” at all but info
  broken up into small parts with a map,
  timeline or other graphic.
TOP TO BOTTOM

       Readers typically look
      at a page in this pattern:




Important/interesting info goes at top
Something good to start AND end on
MODULAR
 LAYOUT   2
RECTANGLES, RECTANGLES
GRIDS: 4, 5, OR 6 COLUMNS
VISUAL
HIERARCHY    3
DOMINANT ELEMENTS

Hierarchy is telling readers where to start
— and what is most important on the
page.

Elements (headlines and photos) should
generally get smaller as they get farther
down the page.
WHAT
DO
YOU
SEE
FIRST
?
CONSISTENCY   4
DESIGN IS PERSONALITY

A publication‟s design is its personality — it
shapes readers‟ earliest opinions of the
paper.

The reader should be able to easily
recognize that personality. Without the front
page, do they know what newspaper
they‟re reading?
CONSISTENT ELEMENTS

Establish personality by consistently:
Using the same font families (no more
 than two)
Doing bylines the same every time
Handling info boxes the same
Using similar color palettes for graphics
Keep it simple
TOOLS FOR CONSISTENCY

Paragraph Styles

Libraries

Master pages
EFFECTIVE USE
 OF ELEMENTS    5
HEADLINES

Short and sweet: 5-6 words or less
Headlines must have exciting verbs and
 be in present tense
Use subheads/deckheads to add more
 information (they should be at least 10-15
 points smaller)
Stick to those two font families unless it‟s
 a really special occasion to use another
But don‟t sacrifice readability for beauty
HEADLINES

Headlines
 should
 go across
 the length
 of the story
Keep them
 as close to
 story as
 possible
HEADLINES

Never „bump‟
 headlines
Use rules,
 boxes,
 photos,
 different sizes
SPEAKING OF … RULES

They can
 effectively
 organize a page
They should
 guide, not
 distract — use
 0.5 point lines
PHOTOS

Most newspapers use a 0.5 frame
The action of the photo should be toward
 the story — not off the page
Examples: Shooting a gun, everyone
 looking in a certain direction

Do not EVER flip the photo to face the
 direction you want
TEXT

Alignment: Ragged right typically
 featurey, opinion, etc.
Dropcap: Big initial letter on first
 paragraph
Leading: Two points higher than
 font(except for small text like body copy)
TEXT

Need to stretch or
 squeeze your copy?
Use leading or
 kerning/tracking




Leading:        Kerning:
Space between   Space between
lines of text   characters +/-25
+/-0.3
BREAKING UP THE GRAY

Pullquote/readout: Interesting quote or
 fact from the story
Mug: „Oh, that‟s who that guy is‟
Info box: By the numbers, for more
 information, next meeting
Teaser: Box teasing to related story
Logo/Column Sig: Identifies special
 features with label or columnist‟s mug
BREAKING UP THE GRAY

The reader shouldn‟t
 have to jump over      ?
 these items (or
 photos) to continue
 reading
Never leave a doubt
 which direction to
 keep reading — or
 they won‟t
WHITE
SPAC
E
White space
can be used
very well to
provide
organization
to a page …
and bring
focus to
a design
RESOURCES

Newspaper Designer‟s Handbook
TimHarrower.com
Newseum.com > Today‟s Front Pages
apple.copydesk.org
Look at other newspapers, magazines,
 yearbooks, anything and everything
Want to learn how to do something?
 Google it!
Questions?
                         JOSH
                         MOORE
Email me at             • Design
                         • Combined
 joshrm4@gmail.com       copy desks
                         • Student free
                         press rights
                         • WKU

I‟ll try to post this
 PowerPoint at
 joshrmoore.com

More Related Content

ODP
Form research
PPTX
Page layout
PPTX
Yearbook vocabulary
PPTX
Crew 430 group presentation
PPT
Designing a banner for blogs & websites
PPTX
How to Write a Amazing Ebook
PPTX
Tips for magazine cover productions 4 3 ratio
DOC
Creative Writing In Blog
Form research
Page layout
Yearbook vocabulary
Crew 430 group presentation
Designing a banner for blogs & websites
How to Write a Amazing Ebook
Tips for magazine cover productions 4 3 ratio
Creative Writing In Blog

What's hot (10)

PPTX
Laying out the school paper
PPTX
Journalism: Guidelines and Steps in Page Designing
PPTX
Writing for the web presentation
PPT
Ybc Design101 2
PPT
Ybc Design101
PPT
Page layout final
PPT
Step4
PPT
Covers that Connect IBPA 2017
PPTX
Content Creation - Get your Readers to Crave Your Blogs by Hannah karanja
PPT
Bookjacket
Laying out the school paper
Journalism: Guidelines and Steps in Page Designing
Writing for the web presentation
Ybc Design101 2
Ybc Design101
Page layout final
Step4
Covers that Connect IBPA 2017
Content Creation - Get your Readers to Crave Your Blogs by Hannah karanja
Bookjacket
Ad

Similar to Design101 (20)

PPTX
Newspaper lay outing is an art and science that shapes the way readers engage...
PPT
Visual_Journalism_2014
PPTX
Basic Layouting and Newsletter Production(1).pptx
PPTX
Newspaper designing
PDF
Layout-and-Design-for-Schoolpaper-2015.pdf
PDF
pagelayoutfinal123456789101112131415161718
PPTX
CollaborativeDesktopPublishing-2.powerpoint
PPTX
Collaborative desktop publishing power point
PPTX
Collaborative Desktop Publishing power point
PDF
publicationlayoutanddesign-221228195431-46983719.pdf
PPTX
Publication layout and design.pptx
PDF
What is good design
PPT
Dtp Basics And Design Rules
PPTX
Basic concept of Graphic Design
PPTX
Magazine elements
PPTX
Double page spreads
PPTX
NWR: Layout Design: Student Collaboration
PPTX
Media evalution power point
PPTX
Media evalution power point
PPTX
Newspaper Layouting
Newspaper lay outing is an art and science that shapes the way readers engage...
Visual_Journalism_2014
Basic Layouting and Newsletter Production(1).pptx
Newspaper designing
Layout-and-Design-for-Schoolpaper-2015.pdf
pagelayoutfinal123456789101112131415161718
CollaborativeDesktopPublishing-2.powerpoint
Collaborative desktop publishing power point
Collaborative Desktop Publishing power point
publicationlayoutanddesign-221228195431-46983719.pdf
Publication layout and design.pptx
What is good design
Dtp Basics And Design Rules
Basic concept of Graphic Design
Magazine elements
Double page spreads
NWR: Layout Design: Student Collaboration
Media evalution power point
Media evalution power point
Newspaper Layouting
Ad

Recently uploaded (20)

PPTX
building Planning Overview for step wise design.pptx
PPTX
iec ppt- ppt on iec pulmonary rehabilitation 1.pptx
DOCX
actividad 20% informatica microsoft project
PPTX
TLE-10-PPTHAJAOSBDJDEKSNbknbtktktmktkttk
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
artificialintelligencedata driven analytics23.pptx
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
KOTA LAMA BANYUMAS.pptxxxxxxxxxxxxxxxxxxxx
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
SEVA- Fashion designing-Presentation.pdf
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PDF
Phone away, tabs closed: No multitasking
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
building Planning Overview for step wise design.pptx
iec ppt- ppt on iec pulmonary rehabilitation 1.pptx
actividad 20% informatica microsoft project
TLE-10-PPTHAJAOSBDJDEKSNbknbtktktmktkttk
YOW2022-BNE-MinimalViableArchitecture.pdf
YV PROFILE PROJECTS PROFILE PRES. DESIGN
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
BRANDBOOK-Presidential Award Scheme-Kenya-2023
artificialintelligencedata driven analytics23.pptx
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
KOTA LAMA BANYUMAS.pptxxxxxxxxxxxxxxxxxxxx
Fundamental Principles of Visual Graphic Design.pptx
HPE Aruba-master-icon-library_052722.pptx
SEVA- Fashion designing-Presentation.pdf
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
AD Bungalow Case studies Sem 2.pptxvwewev
Phone away, tabs closed: No multitasking
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf

Design101

  • 1. journalism NEWS DESIGN 101 scholars day 2011
  • 2. WHY DESIGN MATTERS Studies have shown that readers enter a page through the dominant photo, then move to headlines, cutlines/captions and other elements before reading the story. Design matters.
  • 3. GOALS OF DESIGN Design isn‟t just about placing stories and photos on pages. It‟s about using those elements to… attract readers tell a compelling story
  • 4. TODAY, WE‟LL… Talk a little about how you can accomplish those goals using four basic design principles. Tackle various elements (headlines, photos, etc.) and how they can improve your design. Please ask questions along the way!
  • 5. RULES OF DESIGN “Good design” is subjective, but there are pretty standard rules to help accomplish these goals. The best designs use — or break — the rules in unexpected ways. But they still carefully consider the basic principles.
  • 6. KNOW YOUR AUDIENCE 1
  • 7. ASK YOURSELF: How would your audience best be brought into this particular story? How can you best tell them this story? Big photo, catchy headline and 600 words of text? Extra box or pull quote? Maybe it‟s some, all or none of those. Maybe it‟s not a “story” at all but info broken up into small parts with a map, timeline or other graphic.
  • 8. TOP TO BOTTOM Readers typically look at a page in this pattern: Important/interesting info goes at top Something good to start AND end on
  • 11. GRIDS: 4, 5, OR 6 COLUMNS
  • 13. DOMINANT ELEMENTS Hierarchy is telling readers where to start — and what is most important on the page. Elements (headlines and photos) should generally get smaller as they get farther down the page.
  • 16. DESIGN IS PERSONALITY A publication‟s design is its personality — it shapes readers‟ earliest opinions of the paper. The reader should be able to easily recognize that personality. Without the front page, do they know what newspaper they‟re reading?
  • 17. CONSISTENT ELEMENTS Establish personality by consistently: Using the same font families (no more than two) Doing bylines the same every time Handling info boxes the same Using similar color palettes for graphics Keep it simple
  • 18. TOOLS FOR CONSISTENCY Paragraph Styles Libraries Master pages
  • 19. EFFECTIVE USE OF ELEMENTS 5
  • 20. HEADLINES Short and sweet: 5-6 words or less Headlines must have exciting verbs and be in present tense Use subheads/deckheads to add more information (they should be at least 10-15 points smaller) Stick to those two font families unless it‟s a really special occasion to use another But don‟t sacrifice readability for beauty
  • 21. HEADLINES Headlines should go across the length of the story Keep them as close to story as possible
  • 22. HEADLINES Never „bump‟ headlines Use rules, boxes, photos, different sizes
  • 23. SPEAKING OF … RULES They can effectively organize a page They should guide, not distract — use 0.5 point lines
  • 24. PHOTOS Most newspapers use a 0.5 frame The action of the photo should be toward the story — not off the page Examples: Shooting a gun, everyone looking in a certain direction Do not EVER flip the photo to face the direction you want
  • 25. TEXT Alignment: Ragged right typically featurey, opinion, etc. Dropcap: Big initial letter on first paragraph Leading: Two points higher than font(except for small text like body copy)
  • 26. TEXT Need to stretch or squeeze your copy? Use leading or kerning/tracking Leading: Kerning: Space between Space between lines of text characters +/-25 +/-0.3
  • 27. BREAKING UP THE GRAY Pullquote/readout: Interesting quote or fact from the story Mug: „Oh, that‟s who that guy is‟ Info box: By the numbers, for more information, next meeting Teaser: Box teasing to related story Logo/Column Sig: Identifies special features with label or columnist‟s mug
  • 28. BREAKING UP THE GRAY The reader shouldn‟t have to jump over ? these items (or photos) to continue reading Never leave a doubt which direction to keep reading — or they won‟t
  • 29. WHITE SPAC E White space can be used very well to provide organization to a page … and bring focus to a design
  • 30. RESOURCES Newspaper Designer‟s Handbook TimHarrower.com Newseum.com > Today‟s Front Pages apple.copydesk.org Look at other newspapers, magazines, yearbooks, anything and everything Want to learn how to do something? Google it!
  • 31. Questions? JOSH MOORE Email me at • Design • Combined joshrm4@gmail.com copy desks • Student free press rights • WKU I‟ll try to post this PowerPoint at joshrmoore.com

Editor's Notes

  • #4: To most readers, a story is only as good as the package it comes in.
  • #6: You have to know the rules before you can break them well.
  • #11: Looks less cluttered
  • #12: Cleaner, more organized and easier to read
  • #18: Font families includes various weights (bold, semibold, regular, light)It’s a silent cue to readers what type of information it is
  • #19: Explain each
  • #22: Keep headline close: if photo is above story, headline goes under photo