Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page...
-
Upload
cornelius-gardner -
Category
Documents
-
view
215 -
download
0
Transcript of Graphics COM 365 Newspaper Layout & Design. Why graphics? Need them to break up text, liven up page...
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/1.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/2.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/3.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/4.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/5.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/6.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/7.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/8.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/9.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/10.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/11.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/12.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/13.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/14.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/15.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/16.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/17.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/18.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/19.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/20.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/21.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/22.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/23.jpg)
• 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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/24.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/25.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/26.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/27.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/28.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/29.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/30.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/31.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/32.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/33.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/34.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/35.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/36.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/37.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/38.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/39.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/40.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/41.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/42.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/43.jpg)
• 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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/44.jpg)
• 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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/45.jpg)
• 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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/46.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/47.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/48.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/49.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/50.jpg)
![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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/51.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/52.jpg)
• 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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/53.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/54.jpg)
• 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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/55.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/56.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/57.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/58.jpg)
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.](https://reader036.fdocuments.in/reader036/viewer/2022081603/56649e795503460f94b79abf/html5/thumbnails/59.jpg)
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.