SlideShare une entreprise Scribd logo
1  sur  31
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

Contenu connexe

Tendances

Step4
Step4Step4
Step4
xerx
 

Tendances (10)

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

Similaire à Design101

Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design Rules
Sutinder Mann
 
should be between four and six double-spaced, typewritten pages…bu.docx
should be between four and six double-spaced, typewritten pages…bu.docxshould be between four and six double-spaced, typewritten pages…bu.docx
should be between four and six double-spaced, typewritten pages…bu.docx
lorileemcclatchie
 
Newsletters Then, Now & Next 12May14
Newsletters Then, Now & Next  12May14Newsletters Then, Now & Next  12May14
Newsletters Then, Now & Next 12May14
S. Leslie McIntosh
 

Similaire à Design101 (20)

Conventions of a front cover
Conventions of a front coverConventions of a front cover
Conventions of a front cover
 
Double page spreads
Double page spreadsDouble page spreads
Double page spreads
 
Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design Rules
 
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
 
500-10 Graphical Design for Academic Papers
500-10 Graphical Design for Academic Papers 500-10 Graphical Design for Academic Papers
500-10 Graphical Design for Academic Papers
 
TUL 670-1, Designing Graphical Masters Papers
TUL 670-1, Designing Graphical Masters PapersTUL 670-1, Designing Graphical Masters Papers
TUL 670-1, Designing Graphical Masters Papers
 
Magazine Cover Terminology
Magazine Cover TerminologyMagazine Cover Terminology
Magazine Cover Terminology
 
Layouting
Layouting Layouting
Layouting
 
A brief
A briefA brief
A brief
 
Tips in 10: Creating powerful headlines
Tips in 10: Creating powerful headlinesTips in 10: Creating powerful headlines
Tips in 10: Creating powerful headlines
 
Preliminary task
Preliminary taskPreliminary task
Preliminary task
 
Preliminary task
Preliminary taskPreliminary task
Preliminary task
 
should be between four and six double-spaced, typewritten pages…bu.docx
should be between four and six double-spaced, typewritten pages…bu.docxshould be between four and six double-spaced, typewritten pages…bu.docx
should be between four and six double-spaced, typewritten pages…bu.docx
 
Best-Selling Book Cover Design Secrets
Best-Selling Book Cover Design SecretsBest-Selling Book Cover Design Secrets
Best-Selling Book Cover Design Secrets
 
4H project
4H project 4H project
4H project
 
anastasija preliminary task.pptx
anastasija preliminary task.pptxanastasija preliminary task.pptx
anastasija preliminary task.pptx
 
Student analysis
Student analysisStudent analysis
Student analysis
 
Newsletters Then, Now & Next 12May14
Newsletters Then, Now & Next  12May14Newsletters Then, Now & Next  12May14
Newsletters Then, Now & Next 12May14
 
Mdposterpresent
MdposterpresentMdposterpresent
Mdposterpresent
 
Newspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesNewspaper Layout and Basic Guidelines
Newspaper Layout and Basic Guidelines
 

Dernier

Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
gajnagarg
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
sriharipichandi
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
saipriyacoool
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
ssuser0ad194
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 

Dernier (20)

Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Lecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptxLecture 01 Introduction To Multimedia.pptx
Lecture 01 Introduction To Multimedia.pptx
 
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
Top profile Call Girls In eluru [ 7014168258 ] Call Me For Genuine Models We ...
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
 
How to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in PhotoshopHow to Turn a Picture Into a Line Drawing in Photoshop
How to Turn a Picture Into a Line Drawing in Photoshop
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
ab-initio-training basics and architecture
ab-initio-training basics and architectureab-initio-training basics and architecture
ab-initio-training basics and architecture
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
poliovirus-190801072449. pptx
poliovirus-190801072449.            pptxpoliovirus-190801072449.            pptx
poliovirus-190801072449. pptx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 

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

Notes de l'éditeur

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