design101
DESCRIPTION
Journalism Scholars Day 2011 presentationTRANSCRIPT
![Page 1: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/1.jpg)
journalism scholars day2011
NEWS DESIGN 101
![Page 2: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/2.jpg)
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.
WHY DESIGN MATTERS
![Page 3: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/3.jpg)
Design isn’t just about placing stories and photos on pages. It’s about using those elements to…
attract readerstell a compelling story
GOALS OF DESIGN
![Page 4: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/4.jpg)
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!
TODAY, WE’LL…
![Page 5: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/5.jpg)
“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.
RULES OF DESIGN
![Page 6: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/6.jpg)
1KNOW YOUR AUDIENCE
![Page 7: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/7.jpg)
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.
ASK YOURSELF:
![Page 8: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/8.jpg)
Readers typically look at a page in this pattern:
ZImportant/interesting info goes at topSomething good to start AND end on
TOP TO BOTTOM
![Page 9: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/9.jpg)
2MODULAR LAYOUT
![Page 10: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/10.jpg)
RECTANGLES, RECTANGLES
![Page 11: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/11.jpg)
GRIDS: 4, 5, OR 6 COLUMNS
![Page 12: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/12.jpg)
3VISUAL HIERARCHY
![Page 13: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/13.jpg)
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.
DOMINANT ELEMENTS
![Page 14: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/14.jpg)
WHAT DO YOU SEE FIRST?
![Page 15: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/15.jpg)
4CONSISTENCY
![Page 16: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/16.jpg)
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?
DESIGN IS PERSONALITY
![Page 17: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/17.jpg)
Establish personality by consistently:Using the same font families (no more than two)
Doing bylines the same every timeHandling info boxes the sameUsing similar color palettes for graphics
Keep it simple
CONSISTENT ELEMENTS
![Page 18: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/18.jpg)
Paragraph Styles
Libraries
Master pages
TOOLS FOR CONSISTENCY
![Page 19: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/19.jpg)
5EFFECTIVE USE OF ELEMENTS
![Page 20: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/20.jpg)
Short and sweet: 5-6 words or lessHeadlines 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
![Page 21: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/21.jpg)
Headlines should go across the length of the story
Keep them as close to story as possible
HEADLINES
![Page 22: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/22.jpg)
Never ‘bump’ headlines
Use rules, boxes, photos, different sizes
HEADLINES
![Page 23: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/23.jpg)
They can effectively organize a page
They should guide, not distract — use 0.5 point lines
SPEAKING OF … RULES
![Page 24: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/24.jpg)
Most newspapers use a 0.5 frameThe 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
PHOTOS
![Page 25: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/25.jpg)
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
![Page 26: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/26.jpg)
Need to stretch or squeeze your copy?
Use leading or kerning/tracking
TEXT
Kerning: Space between characters +/-25
Leading: Space between lines of text +/-0.3
![Page 27: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/27.jpg)
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 storyLogo/Column Sig: Identifies special features with label or columnist’s mug
BREAKING UP THE GRAY
![Page 28: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/28.jpg)
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
BREAKING UP THE GRAY
?
![Page 29: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/29.jpg)
White space can be used very well to provide organization to a page … and bring focus to a design
WHITE SPACE
![Page 30: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/30.jpg)
Newspaper Designer’s HandbookTimHarrower.comNewseum.com > Today’s Front Pagesapple.copydesk.orgLook at other newspapers, magazines, yearbooks, anything and everything
Want to learn how to do something? Google it!
RESOURCES
![Page 31: Design101](https://reader036.vdocuments.us/reader036/viewer/2022081519/55846ff1d8b42a6b4d8b4a72/html5/thumbnails/31.jpg)
Questions?
Email me at [email protected]
I’ll try to post this PowerPoint at joshrmoore.com
• Design
• Combined copy desks
• Student free press r ights
• WKU
JOSH MOORE