59
Graphics COM 365 Newspaper Layout & Design

Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Embed Size (px)

Citation preview

Page 1: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Graphics

COM 365

Newspaper Layout & Design

Page 2: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Why graphics?

• Need them to break up text, liven up page– Adds visual element

• Allow journalist to show visual relationships between numbers– Especially useful when data is complex

• A way to attract readers into a story– Readers more drawn to stories with graphics

Page 3: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Fast Facts

• Distills basic information in story into a quick read– May interest those

readers not really interested in reading whole story

Page 4: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 5: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 6: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 7: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Lists

• Used to graph rankings, itemize information

Page 8: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 9: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 10: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 11: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Bar Charts

• Compare two or more objects side by side

• Consists of a scale and bars running either horizontally or vertically

• Bars usually stacked in some order– By size, chronological

Page 12: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 13: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 14: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 15: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 16: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 17: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 18: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Fever Charts• Components:

– Scale that’s runs vertically measuring amounts– A scale that runs horizontally measuring time– A point-to-point line that shows trends

Page 19: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 20: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 21: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 22: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Pie Charts• Compare the parts that make up a whole

• Components:– A circle that represents 100%– Wedges that divide circle into smaller parts

(percentages)• Each slice needs to be accurate reflection of its

percentage

Page 23: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

• Label slices inside pie or scatter around pie and draw line from label to slice

Page 24: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 25: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 26: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Tables

• Like lists but usually more emphasis on comparisons between rows

• Consist of:– Heading running across top of chart– Categories running down left side– Data, info in columns

• Important to align rows and columns – Align text flush left– Align numbers flush right

Page 27: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 28: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 29: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 30: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 31: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Timelines

• Show how events have unfolded– Key dates in history, past year– Of some event

• Crisis in Kosovo

• Chronology of events in O.J. Simpson case

Page 32: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 33: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Diagrams

• Freeze image so it can be examined in greater detail– Use cutaway views of object– Description of key

components of object

Page 34: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Locator Maps

• Can be used in stories in which:– Readers may want to go to the event

– Where something happened is important to story

• Show location of place where something occurred• Leave out unnecessary details, keep them simple

Page 35: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 36: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 37: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 38: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 39: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Explanatory Maps

• Used to tell a story

• Used a step-by-step sequence to tell how something happened

Page 40: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 41: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 42: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Guidelines

• Keep it simple– Limit number

of slices in pie chart, bars in bar chart etc.

Page 43: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

• Keep it accurate– Charts need to be proportionate

• Especially bar charts

– Slices should be representative of percentages– Time units should be evenly spaced on fever

charts

Page 44: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

• Compare two bars on ends– Are they proportionate? Accurate?

Page 45: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

• Liven it up– Add illustrations, color, photos, etc.

• Need to be careful not to clutter up charts with cartoons – Should be used to organize, label data– Not just for decoration

Page 46: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 47: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

USA Snapshots

Page 48: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 49: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 50: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual
Page 51: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Format• Need to have style guidelines for all

graphics– Type sizes, screen percentages, where to put credit

lines,

• Every graphic needs a headline– Except locator maps which need a pointer box

Page 52: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

• Readability is key– Type should be normal size (around 10 pt.)

– Keep all type horizontal (except roads, rivers)

• Placement for graphics is the same as for photos– Above text

– Don’t jump text over

Page 53: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Parts of a graphic

• Headline: short explanation of the graphic

• Explainer: All graphics (except locator maps) should contain short explanation of what the graphic is about and why that information is important.

• Body: The element that transform the data into visual presentation

Page 54: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

• Source: Identifies where the information for the graphic came from.

• Credit: The staff person who did the graphic.

Page 55: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Headline for ChartExplanation for chart goes here. It should tell the reader not only what the graphic is about but also why it is important.

Source: Associated Press

Janice Green: City News

Headline

Explanation

Body

Source

Credit Line

Page 56: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Bar ChartThe explanation for the chart goes here. Use a bar chart when you need to compare items.

Source: City of Normal

John Smith: City News

Page 57: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Pie ChartExplanation for the informational graphic goes here. Use a pie chart to compare different proportions of a whole.

Source: Associated Press

Jessica Small: City News

Page 58: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Fever ChartPut the explanation here. Use a fever chart to indicate trends over time

Source: Associated Press

Paul Hovey: City News

Page 59: Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page –Adds visual element Allow journalist to show visual

Site for newAce Hardware

Central

Stan Hunter: City News

College

Fourth Uni

on

I - 55

Locator MapUse when you need to locate event, trace a path, etc. Usually doesn’thave a headline or explanation, but a pointer box instead.