The Dallas Morning News

Comments

Transcription

The Dallas Morning News
The Dallas Morning News
Graphics Stylebook
October 2005
INDEX
Philosophy
3
Gotham
4
Use of Miller
8
Graphic boxes and headlines
White space and alignment
10
11
Color palette
13
Fever charts
16
Bar charts
17
Pie charts and tables
18
Map elements
19
Locator maps
21
Icon family
24
Wire services
25
Workflow
26
Newcomers
27
Around the building
28
The Dallas Morning News
Graphics Stylebook
2
PHILOSOPHY
SETTING A HIGHER STANDARD
This stylebook marks the beginning of
a new phase for graphics at The Dallas
Morning News. We are committing to a
higher standard in our graphic identity
and to a better visual integration with
the rest of the paper. This stylebook
will define that look and its
implementation.
In the following pages you will find
more than just specifications of our
graphics style; you ll find guidelines
that should be considered for every
graphic you make as well as clarity of
graphic choices. The commitment to
this set of rules by each member of our
staff is essential for the success of this
project. From now on, we expect you to
think about style whenever you re doing
a graphic.
Our main goal is to make our graphics
more attractive and useful to the
reader. To that end, one of the primary
goals is to increase the amount of white
space in our work. If there s too much
information, make the graphic bigger.
If the space is tight, cut something out.
We need to remember that compressed
graphics tend to be unattractive and
uncomfortable to read. And if the
reader doesn t look at it, we have lost
an important opportunity to make an
impact.
Another change that comes with the
new style is on the various
The Dallas Morning News
specifications of headline sizes. This
should allow us to emphasize different
levels of hierarchy and help make our
graphics easier to navigate. We will also
strive for graphics with smaller amounts
of text if possible, to make them a faster
and more attractive read. In a nutshell,
we re aiming at simplicity, minus the
gimmicks. As a general rule, whenever
you re in doubt, if there s no one around
for you to ask an opinion, choose the
simplest solution possible.
Finally, this document is not exactly a
bible for our graphics. It is more a set
of guidelines for your graphic work. The
style is strong, but it s flexible. It can
bend, but it shouldn t be broken. There
will be many occasions that could never
be foreseen (and actually, that shouldn t
be foreseen). The truth is that ultimately
it all comes down to a moment when we
have to rely on the judgment and talent
of our staff. But to start, here is a new
way of creating valuable graphics for
this paper, all within a new, clean,
organized style.
Chris Morris
Presentation Director
Layne Smith
Graphics Director
Sergio Pecanha
Design Editor/Graphics
Graphics Stylebook
3
GOTHAM
1 & 2 COL GRAPHIC HEAD 16PT
Graphic heads are
always UPPERCASE.
Gotham Cond Bold 16pt/19, AV30, T 110%
GOTHAM WE USE
■ Gotham Condensed bold:
Only for graphic heads, with
proper tracking and spacing.
Nowhere else.
3 & 4 COL GRAPHIC HEAD 20PT
Gotham Cond Bold 20pt/24, AV30, T 110%
■ Gotham Book (intro chatter,
source line, long callouts, labels
etc.)
■ Gotham Book italic (rivers,
landmarks etc)
5 & 6 COL GRAPHIC HEAD 24PT
■ Gotham Bold (subhead,
callouts)
■ Gotham Bold Italic
Gotham Cond Bold 24pt/29, AV30, T 110%
GOTHAM WE DON’T USE
We don t use any other version
of Gotham on graphics. Special
attention to these:
■ Gotham Condensed (all
versions). Reason: the font is
GRAPHIC SUBHEAD
UPPERCASE
Gotham Bold 9pt/11
too condensed to read in small
sizes.
■ Gotham Ultra and
Condensed Ultra. Reason: so
bold the fonts merge.
Intro copy lorem ipsum dolor sit
amet, consectetuer adipiscing
elit. Fusce placerat volutpat
mauris. Aliquam sit amet dolor.
Donec elit magna, faucibus vel,
congue sit amet,
The Dallas Morning News
Gotham Book. Sizes can vary. Examples:
■ 8pt/10 (intro copy, 1 and 2 columns)
■ 9pt/11 (intro copy, 3 columns & up)
■ 7pt/8 (most labels)
Graphics Stylebook
4
GOTHAM
Font
Callout font: 8/9pt Gotham Bold
1
2
3
10 22
CALLOUTS
■ Callouts are generally going
4pt square, 100M, 100Y, 25K
1
2
3
10 22
to be the haviest element you ll
use in a graphic. So, avoid
Pointer stroke is .5pt, black
Dotted pointer line .65pt, black, dash 0.2 - 2pt
4pt circle, .35pt black stroke
Number labels:
Gotham Bold 8/9pt.
Don’t make it smaller than
this. But you can make it
bigger, as needed.
making callouts that are too
long or having too many of
them in the same graphic.
■ Black callout is the standard.
Arrow when needed
But if the map has more than
three callouts you might need
to use white callouts to help
prevent clutter.
For city in a state map
Name of the city
For points inside a city
Site of construction
Callout font: 8/9
Gotham Bold
For Business charts
Thursday’s close: 985.7
10.120,10
Note: Avoid using too many black callouts in the same graphic. If you do that,
you might clutter the graphic and not highlight anything. Here are some options
for when you need to point to multiple spots:
Site of construction
Name of the city
Gotham Bool
8/9
Gotham Bold 8/9pt
Name of the city
Loren fusce place
The Dallas Morning News
Loren fusce place
Gotham Book
7.5/10
Graphics Stylebook
5
GOTHAM
Type box font: Gotham Book 7.5/10
LONG CALLOUTS
■ You have editing powers.
Type lorem ipsum dolor sit amet, con
sectetuer adipiscing elit. Fusce place
0.25pt, 100k stroke
Work with reporters, editors
and copy editors to avoid
callouts and type boxes from
0.5pt, 100k stroke
being too long in your graphics.
No more than 20 words (130
characters).
■ Don t cheat on font size,
Gotham Bold 7.5/10
tracking or leading. Specially:
don t make fonts smaller.
Highlight: Type lorem ipsum dolor sit
amet, consectetuer adipiscing elit. Fus
Remember that an illegible
graphic is useless.
3 Type lorem ipsum dolor sit
amet, consectetuer adipiscing
Gotham Bold 7.5/10
3 Type lorem ipsum dolor sit
amet, consect etuer adipiscing
Type lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
0.65pt, 100k stroke
dash 0.2 - 2pt
ITC Zapf Dingbats 7.5/10
■ Type lorem ipsum dolor sit
amet, consect etuer adipiscing
The Dallas Morning News
Graphics Stylebook
6
GOTHAM
Gotham Bold 9/11
SUBHEAD
Intro copy lorem ipsum dolor sit
amet, consectetuer adipiscing
elit. Fusce placerat volutpat
mauris. Aliquam sit amet dolor.
Donec elit magna, faucibus vel,
congue sit amet. Intro copy
lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Fusce placerat volutpat mauris.
Aliquam sit amet dolor. Donec
elit magna, faucibus vel, congue
sit amet.
Break long blocls of
copy with subheads
every 10 to 15 lines.
SUBHEAD
Intro copy lorem ipsum dolor sit
amet, consectetuer adipiscing
elit. Fusce placerat volutpat
mauris. Aliquam sit amet dolor.
Donec elit magna, faucibus vel,
congue sit amet. Intro copy
lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Fusce placerat volutpat mauris.
Aliquam sit amet dolor.
TYPE BOXES
■ Try to keep type boxes one
column wide or shorter. Avoid
as much as possible to spread
blocks of type along two
columns or more.
■ Break long blocls of copy in
small pieces. That will help the
reader to digest. Use subheads
if you have blocks of copy
longer than 15 lines.
■ Don t wrap text around
illustrations (avoid examples
like in the bottom left). It
generally makes the graphic
look bad and steals breathing
space. Treat type boxes the
simplest way possible. In most
cases, it should be a square
shape.
Don’t wrap text like this
Intro copy
lorem ipsum
dolor sit amet,
consectetuer
adipiscing elit.
Fusce placerat
Illustration shape
volutpat mauris.
Aliquam sit amet
dolor. Donec elit
magna, faucibus vel,
congue sit amet. Intro
copy lorem ipsum dolor
sit amet, consectetuer
adipiscing elit. Fusce
placerat volutpat mauris.
Aliquam sit amet dolor.
Donec elit magna, faucibus vel, congue sit amet. Intro
copy lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Fusce placerat volutpat
The Dallas Morning News
Graphics Stylebook
7
USE OF MILLER
Page
Deck copy goes
Page subhead
Use this mostly for
feature graphics
Miller Deck Cond
Roman 90pt
(Suggested starting size
for full page graphics)
HEADLINE AND DECK
Gotham is the headline font on
graphics. However, on pages
where the graphic plays the
lead image (taking at least half
of the page), graphics can use
Miller Deck on the headline.
Miller Display Cond
light 24pt
■ Full page graphics must have
Miller on headline.
■ As a general rule, headlines
Miller Display Cond
light 37pt
and decks on graphics follow
the same rules of the section
where the graphic is going to be
published.
■ Never use a box if you use
Miller on the headline.
Page
GENERAL RULE
The use of Miller on graphics
Use this mostly for news
and sports graphics
Miller Deck Cond
Bold 86pt
the rest of the paper. Miller
headlines should never be in
uppercase or use kerning or
tracking that make the font
Deck copy goes
Miller Deck Cond
Roman 24pt
Page subhead
Miller Deck Cond
bold 35pt
The Dallas Morning News
should mimic the standards of
look different from what s
present on other parts of the
paper.
Graphics Stylebook
8
USE OF MILLER
By REPORTER
DROP CAPS
Miller text bold 9/10
Should take three lines of the
Staff writer
Miller text roman 7/9
depth and use same font of the
headline (either Miller Deck
Condensed Roman or Bold).
INTRO COPY, BYLINES
AND CREDITS
Drop cap: Miller Deck Condensed Bold or Roman
(whatever is used on headline)
By REPORTER
U
■ Repeat the style of the rest of
the paper.
Byline is centered with intro
■ Intro copy can grow up to
Staff writer
nderstanding the continuing
allure of anabolic steroids is
simple. They work, and they
work fast. One recent study shows that
amateur athletes taking relatively low doses
of testosterone made their biggest strength
gains in the first three weeks of use. In a
world where small advantages make big
differences, that s huge. In the Olympics, a
fraction of a second can be the difference
between sports immortality
11pt/16. Make it grow
proportionally.
Intro copy:
Miller Text 9.6/14
with 95% character width
and -10 tracking
Understanding the continuing allure of
anabolic steroids is simple. They work,
and they work fast. One recent study
shows that amateur athletes taking
relatively low doses of testosterone made
their biggest strength gains in the first
three weeks of use. In a world where
small advantages make big differences,
that s huge. In the Olympics, a fraction of
a second can be the difference between
sports immortality.
Body copy:
Miller Text 9.6/10.5
with 95% character width
and -10 tracking
(Use this specifications in
case you have to put a
story in your graphic.)
Text must be justified.
DEAN HOLLINGSWORTH/Staff Artist
Credit for graphics and photos:
Miller Text Roman 7pt
The Dallas Morning News
■ On full-page graphics, the
artist s credit can be made like
byline.
Graphics Stylebook
9
GRAPHIC BOXES AND HEADLINES
Spacing for 1 and 2 column graphics: 8pt square (on all corners)
DIFFERENT HEAD SIZES
■ Now we have three different
16PT 1 AND 2 COLS
Intro copy goes here. 8pt
Graphic heads are always UPPERCASE.
Gotham Cond Bold 16pt, AV30, T 110%
columns) and 24pt (5 and 6
Gotham Book 8/10
Box: 0.25pt, 100K
columns).
■ Each graphic size has a
different spacing on the borders
SOURCE: Dallas Morning News research
SERGIO PE ANHA/Staff Artist
graphic headline sizes: 16pt (1
and 2 columns), 20pt (3 and 4
Miller Text LF 7/8
(represented by the gray boxes
on the right). The boxes mark
Gotham Book 5.5/7
an imaginary line: all elements
of the graphics should be
contained inside this border.
WHEN TO USE BOX AND
WHEN TO USE MILLER
■ A box around graphics is
Spacing for 3 and 4 column graphics:
10pt square (all corners)
Gotham Cond Bold 20pt, AV30, T 110%
standard. But it can be taken off
in large graphics, if it works
better on the page, and in small
HEAD 20PT 3 AND 4 COLUMNS
graphics that will go inside CCI
Intro copy goes here. 9pt on 11
with layout person and art
boxes. Discuss it case-by-case
Gotham Book 9/11
directors.
■ If the graphic is half-page or
bigger, consider using
Miller Deck Cond Roman or
Bold at the headline. Font size
should be 35pt & up. Full-page
graphics must use Miller. Font
Spacing for 5 and 6 column graphics:
10pt square (all corners)
Gotham Cond Bold 24pt, AV30, T 110%
size 80pt & up.
■ Never use a box if you use
24PT HEAD 5 AND 6 COLUMNS
Miller on the headline.
Intro copy goes here. 9pt on 11
Gotham Book 9/11
The Dallas Morning News
Graphics Stylebook 10
WHITE SPACE AND ALIGNMENT
■ Along with color palette and fonts,
■ As a suggested spacing, try to
■ It s a mistake to compress excessive
spacing and alignment are the most
leave at least one pica between
information on small areas. Cluttered
important elements of the graphics
elements of the graphic. Leave more
graphics trend to be illegible,
at The Dallas Morning News.
if you need.
unattractive and, ultimately, useless.
Leave a white border between the
graphic and the box of: 1 & 2 col. 8pt;
3 & 4 col. 10pt; 5 & 6 col. 1 pica
EXAMPLE OF GOOD SPACING
10pt
BACK TO BASICS
Profit growth of companies in the basic materials industry has far outpaced the
economy as a whole, as represented by the Standard & Poor’s 500 index.
1p
■ Basic materials
COMPARING WITH OTHER SECTORS
■ S&P 500
120%
Profit growth of basic materials companies far outpaced all other
sectors in the third quarter.
100
Sector
Earnings growth rate
Basic materials
80
84%
Consumer discretionary
21
Consumer staples
60
8
Energy
40
56
Financial
3
Health care
20
8
Industrials
23
Technology
0
4Q
2003
1Q
2Q
2004
3Q
4Q*
39
Telecommunications
Utilities
* Estimated.
2
-1
SOURCE: Thomas Financial
SERGIO PE ANHA/Staff Artist
1p7
The Dallas Morning News
Graphics Stylebook 11
WHITE SPACE AND ALIGNMENT
COMPARISON OF WHITE SPACE
BACK TO BASICS
Profit growth of companies in the basic materials industry has far outpaced the
economy as a whole, as represented by the Standard & Poor’s 500 index.
■ Basic materials
■ S&P 500
COMPARING WITH OTHER SECTORS
120%
Profit growth of basic materials companies far outpaced all other
sectors in the third quarter.
100
Sector
Earnings growth rate
Basic materials
80
84%
Consumer discretionary
21
Consumer staples
60
8
Energy
40
56
Financial
3
Health care
20
8
Industrials
23
Technology
0
4Q
2003
1Q
2Q
2004
3Q
4Q*
Utilities
* Estimated.
39
Telecommunications
2
-1
SOURCE: Thomas Financial
SERGIO PE ANHA/Staff Artist
BACK TO BASICS
BAD SPACING
Profit growth of companies in the basic materials industry has far outpaced
the economy as a whole, as represented by the Standard & Poor’s 500 index.
120%
■ Basic materials
■ S&P 500
100%
80%
60%
40%
20%
0
4Q
2003
2Q 3Q
2004
* Estimated
4Q*
Profit growth of basic materials companies
far outpaced all other sectors in the third
quarter.
Sector
Earnings growth rate
Basic materials
84%
Consumer discretionary
21%
Consumer staples
8%
Energy
56%
Financial
3%
Health care
8%
Industrials
23%
Technology
39%
Telecommunications
2%
Utilities
-1%
■ In this case the
graphic needed to grow
one column to have the
proper spacing. If the
space is tight, the
information needs to
be edited.
SOURCE: Thomas Financial
Staff Graphic
The Dallas Morning News
Graphics Stylebook 12
COLOR PALETTE
LAND
WATER
C
M
Y
K
0
0
10
15
15
0
0
0
NEIGHBOR
0
0
10
25
PARK
10
0
10
20
COUNTRY
0
0
15
35
PINK
0
20
20
20
SILVER
5
0
0
15
RED
0
100
100
25
BLUE
50
0
0
35
BEIGE
0
0
30
20
OCRE
0
20
70
20
GREEN
25
0
40
55
ORANGE
0
50
100
0
WHY DOES IT MATTER?
■ Color palette is not just a
Maps
These colors can be
converted to black and
white automatically.
But always double
check automatic
convertions.
rule. Colors are essential to
build a family structure to the
graphics at the DMN. Use these
colors as a starting point for
every graphic you do.
CREATING VARIATIONS
■ On Illustrator, go to Filter,
Colors, Saturate.
■ Always double-check
automatic convertions to
grayscale.
Charts
TIP
Using a 0.25pt, 50K stroke can help to distinct areas of similar colors.
0C, 0M, 5Y, 5K
0C, 0M, 15Y, 30K
0C, 0M, 10Y, 10K
5C, 0M, 10Y, 10K
0C, 0M, 10Y, 15K
10C, 0M, 10Y, 20K
0C, 0M, 10Y, 20K
10C, 0M, 15Y, 20K
How do they look with automatic grayscale convertion
The Dallas Morning News
Graphics Stylebook 13
COLOR PALETTE
CREATING VARIATIONS
Saturation example:
Land
50% saturation
100% saturation
-50% saturation
■ On Illustrator, go to Filter,
Colors, Saturate.
■ Colors you create can’t be
automatically converted to
grayscale. Always double-check
automatic conversions.
If you blend similar colors, you can have a wide range of tones
in between and still be in the same family:
Land
Water
Country
Blue
Park
Green
Pink
Red
Beige
The Dallas Morning News
Ocre
Graphics Stylebook 14
COLOR PALETTE
COLORS FOR PIE, FEVER
AND BAR CHARTS
Fever charts
5pt circle
1.5 stroke
White fill
3pt stroke
■ Fever and bar charts should
always start with red line or
bar. If you need more colors,
1. RED
follow the order they appear on
the left.
2. BLUE
3. OCRE
30K
4. GREEN
100K, 2 dash, 2 gap
5. BLACK
60K, 2 dash, 2 gap
Bar charts
C
M
Y
K
0
100
100
25
1st color
2. BLUE
50
0
0
35
2nd
3. BEIGE
0
0
30
20
3rd
4. OCRE
0
20
70
20
4th
5. GREEN
25
40
0
55
5th
1. RED
Pie charts
1st slice
Country
1st slice
Land
2nd
Park
3rd
Silver
4th
Note: You can make pies
with shades of one color
if you have too many
colors going on. But
prefer to use pastel
colors and use a color
from the color palette
as a starting point.
Neighbor 5th
The Dallas Morning News
Graphics Stylebook 15
FEVER CHARTS
Gotham Cond Bold 16pt, AV30, T 110%
8pt space
Gotham Book
6/7pt
Intro copy font
Gotham Book
8pt/10
(1 & 2 col.)
Strokes 50% K
0.25pt
7,242
characters). If you need more
than that to explain a graphic,
you should consider whether or
not it s worth doing a graphic
that needs so much
explanation.
6,000
■ Fever charts with only one
5,000
Beige
10 Y, 10 K
■ Intro copy and footnotes
less than 20 words (130
Since 2000, the number of
active-duty soldiers joining
the Army National Guard
has dropped.
7,000
INTRO COPY
should be as short as possible:
FEWER TAKERS
8,000
3pt stroke
100M, 100Y, 25 K
Stroke 0.25 pt
100 K
2,877
4,000
3,000
Gotham Bold
8/9pt
5pt circle
2,000
2000 ’01
’02
’03
’04
SOURCE: Army National Guard
Gotham Book
7/8pt
DAMEON RUNNELS/Staff Artist
line should have beige box.
Charts with more than one line
shouldn’t.
USE COLORS ON
THIS ORDER
C
M
Y
K
1
0
100
100
25
2
50
0
0
35
3
0
20
70
20
4
25
0
40
55
5
0
0
0
100
Credit: Miller Text Roman 7pt
SINGLE HOMEBUYERS
ON THE RISE
ITC Zapf
Dingbat
8/12
While they're still in the
minority, single homebuyers
have become a larger
percentage of the DallasFort Worth housing market.
Intro copy should be
kept as short as possible
(less than 20 words in
1 col. charts)
■ Total loans (in thousands)
■ Loans for single applicants
Gotham Book
7/8pt
93,929
100
80
Align to left
60 72,038
44,397
40
Gotham Book
7/8pt
26,632
20
’98 ’99 ’00 ’01
Gotham Book
7/10pt
’02 ’03
Note: Numbers indicating single
homebuyers represent approved
conventional home loans with
only one applicant identified.
Foot notes should be
kept short (also less
than 20 words).
SOURCE: Dallas Morning News research
JAMES A. BLACK/Staff Artist
The Dallas Morning News
Graphics Stylebook 16
BAR CHARTS
SCALE
UNEMPLOYMENT
Gotham Book Ital.
7/10pt
■ If you use a scale (axis) on the
graphic, don t put numbers on
Here is a look at the change
in nonfarm payroll
employment.
(In thousands)
the bars (except the callout). If
you put the numbers on the
169,000
bars, delete the scale.
300
5pt stroke
250
USE COLORS IN
THIS ORDER
200
Bar
100M, 100Y, 25 K
C
M
Y
K
1
0
100
100
25
2
50
0
0
35
3
0
0
30
20
4
0
20
70
20
5
25
0
40
55
150
100
50
0
Gotham Book
7/8pt
Gotham Book 6/7pt
(Smaller size allowed,
avoid using it.)
A S ON D J F MAM J J A
2004
2005
SOURCE: U.S. Department of Labor
Associated Press
If you use a scale (axis) on the graphic, don’t
put numbers on the bars (except the callout).
MORE MEN BUYING
Gender breakdowns for single homebuyers in the area.
■ Single applicants ■ Single male ■ Single female
50%
40
30
20
10
0
1998
1999
2000
2001
2002
2003
Note: Numbers indicating single homebuyers represent approved
conventional home loans with only one applicant identified.
SOURCE: U.S. Department of Labor
BETSY BOCK/Staff Artist
The Dallas Morning News
Graphics Stylebook 17
PIE CHARTS AND TABLES
7 PICAS CIRCLE
OIL RESERVES
■ For one-column charts, make
Saudi Arabia
22%
Japan
22%
Gotham Book 7.5/9
(All pointers outside
the pie)
the pie 7 picas circle.
■ All callouts should be outside
the pie. Use 0.5pt black stroke
to point to the slices.
0.7 pt white stroke
between slices
Brazil
22%
U.S.
22%
Stroke 0.5 pt
100 K
Jamaica
22%
chart or table.
SOURCE: Army National Guard
USE COLORS IN
THIS ORDER
TROY OXFORD/Staff Artist
Gotham bold
7.5pt
Strokes 50% K
0.25pt
Column widths
1 col.
11p
2
22p9.6
3
34p7.2
4
46p4.8
5
58p2.4
6
70p
■ Pies with more than five
slices should be treated as bar
C
M
Y
K
1
0
0
15
30
2
0
0
10
15
3
10
0
10
20
4
5
0
0
15
5
0
0
10
25
Note: You can make pies with
shades of one color if you have
Gotham book 7.5pt/14
too many colors going on. But
prefer to use pastel colors and
use a color from the color
palette as a starting point.
Alignement
to the left
Sector
Gotham bold
7.5pt
Units only
in the first
Earnings growth rate
Basic materials
84%
Consumer
$ 2.3
8
Energy
56
3
Gotham book
7.5pt/14
The Dallas Morning News
$ 70 million
$ 30.5
21
Consumer staples
Financial
Profit
$ 13.7
$ 1.7
Strokes 50% K
0.25pt
Graphics Stylebook 18
MAP ELEMENTS
Land
Water
10Y, 15K
15C, .25pt 50K outline
Label: Gotham Book Ital 7/8
MAP COLORS
AND LABELS
■ If you use the colors on the
right, locator maps should
easily convert to grayscale.
Use the colors below to differentiate states,
countries and to and highlight areas of the map
(malls, universities, amusement parks etc.)
■ Despite that, when you
convert to black and white,
always check to see if the
C
M
Y
K
0
0
10
25
(neighbor states)
0
0
15
35
(neighbor country)
10
0
10
20
(parks: .25pt 50K outline)
0
20
20
20
(site of construction)
graphic elements are still
clearly different.
Patterns and strokes can also be used to
highlight areas:
Dotted line (100M, 100Y, 25K, 2pt dash)
Capital (8 pt circle; Gotham Book 7/8)
City (4pt circle, 0.25pt 100K stroke; Gotham Book 7/8)
TARRANT CO.
Detail
County line: 0.35pt, 50K, dash 3pt, gap 4pt
Label: Gotham Book Ital 5.5/6.5
2pt rule, RED
Gotham Bold 8/9
The Dallas Morning News
Graphics Stylebook 19
MAP ELEMENTS
ROAD STROKES
■ If the map only shows one
Major 2.5pt white (label Gotham Book 7/8)
level of roads (example: only
Secondary 1.5pt white
interstate highways), use 1.5pt
stroke. Other than that, use the
Tertiary 1pt white
hierarchy on the right.
Rivers 1.5pt, 20C (Label Gotham Book Ital 7/8)
■ If the map has so many small
roads that white areas are
covering most of the land,
consider making the small
roads using at 0.5pt, 40%
black. Leave major roads white.
Railroad tracks
One rule on top of another:
1.5pt, 50K, dashe .35pt, gap 6pt
.5pt, 50K
State Highways
75
175
287
360
121
26
Interstates
5
Rural or farm roads
635
35E
35W
30
20
10
423
22
12
100K
Gotham Book 5.5
30
Stroke: 0.3pt, 100K
2pt stroke
100 miles
N
100 miles
100 miles
Gotham Book 6pt/7
Gotham medium 6pt/7
Note: We only indicate north if it’s essential
for the information. Otherwise, we don’t.
The Dallas Morning News
Graphics Stylebook 20
LOCATOR MAPS
Tulsa
Gotham Book 7pt/8, uppercase
Oklahoma
Stroke 0.25 pt, 100 K
■ Place Dalworth always on the
OKLAHOMA
Gotham Book
7pt/8
Gotham Bold
8pt/9,
uppercase
10Y, 20K neighbor land
30
Fort Worth Dallas
TEXAS
45
automatic conversion to black
and white.
■ Use map colors as a starting
Prairie View
Gotham Bold 8pt/9
Callout stroke .5pt/K
Austin
8pt black circle,
white star inside
bottom of the locator.
■ Always double-check the
Gotham Bold 7pt/8
10Y, 15K land
20
Waco
DALWORTH
Houston
San Antonio
4pt circle, 0.35pt 100K stroke
15C water; 0.5pt stroke, 50K
1.5pt white
Gulf of
Mexico
100 miles
CHRIS VELEZ/Staff Artist
7pt/8 Gotham Book It
For water, region, park
point for bigger maps, but you
can change it according to the
needs of each case.
COLORS OF EASY
CONVERTION TO
GRAYSCALE
C
M
Y
K
0
0
10
15
15
0
0
0
0
0
10
25
10
0
10
20
0
0
15
35
Gotham Book 6/7pt
ar
k
Trail W
ay
On locators, always
show a major road.
Major road: 2.5pt
Secondary: 1.5pt
Tertiary: 1pt
M
Hampton
Ledbetter
Dallas
Executive
Airport
67
Thurgood
Marshall
Recreation
Center
Lakes, parks, colleges
and other references,
Gotham Book Italic 7/8
Bahama Beach
1,000 feet
8pt space
No more pointer
balloons, just the space
D/FW
Dalworth always
on the bottom
FORT
WORTH
DALLAS
Detail
0.25pt black stroke
SERGIO PE ANHA/Staff Artist
The Dallas Morning News
Graphics Stylebook 21
LOCATOR MAPS
Neighbor color
0C, 0M, 10Y, 25K
Stroke: 0.5pt, 50K
Gotham Bold 8pt/9
STATE MAPS
■ Follow the example on the
NM
OK
Gotham Book 7pt/8
AR
50% black line for state and
35
Gotham Bold 7pt/8
Dallas
Land
0C, 0M, 10Y, 15K
Stroke: 0.5pt, 50K
country limits.
20
TEXAS
10
45
Gotham Book 7pt/8
Austin
Water
15C, 0M, 0Y, 0K
MEXICO
Country color
0C, 0M, 15Y, 35K
left for reference on colors. Use
Gulf of
Mexico
200 miles
LAYNE SMITH/Staff Artist
Water
15C, 0M, 0Y, 0K
Stroke: 0.25pt, 50K
D/FW
Detail
820
Gotham Bold
8pt/9
183
30
FORT WORTH
360
20
377
35W
287
TARRANT CO.
TOM SETZER/Staff Artist
County line: 0.35pt, 50K,
dash 3pt, gap 4pt
Gotham Book Ital 5.5/6.5pt
100K
Gotham Book 5.5
30
The Dallas Morning News
Stroke: 0.3pt, 100K
2pt stroke
100 miles
Gotham Book 6pt/7
Graphics Stylebook 22
LOCATOR MAPS
EAR & WORLD MAPS
ASIA
■ Ear maps are state maps with
capital and callout with name
of the city being located. This is
Detail
Detail
all the information that fits on
that space.
■ For world locators, use the
maps on the right. Don t use
rounded globes or continent
shapes.
EUROPE
Detail
Detail
Ear maps
Make it fit in
a 7p square
Galveston
TEXAS
Austin
Land: 10Y, 15K
Stroke: 0.5pt, 100K
Shadow: 15K
The Dallas Morning News
Graphics Stylebook 23
ICON FAMILY
Small icons 27.5pt square
TWO SIZES
27.5pt square
100% black
with 1pt white stroke.
■ Icons are always black, drawn
White stroke: 1pt (always)
■ 27.5pt and 4 picas square.
■ No other variations on size.
3 lines deep
1 line space
Don t squeeze it, nor make it
Sewage treatment:
Also shut down.
Floodwaters probably
contaminated with sewage.
Oil refineries:
Inundated industrial
facilities could expose
people to chemicals.
Gotham Bold 7.5/10
bigger. If there s no space,
either cut the text or remove
the icon.
Gotham Book 7.5/10
Toxic waste sites:
Contaminants could
be washed offsite.
Large icons 4P square
4 picas square
27.5pt
173%
Make the icon on the small size and blow
it up 173% with strokes scaled also
Large icons go on page ears
The Dallas Morning News
Graphics Stylebook 24
WIRE SERVICES
Provider
Address
Username
Password
AGENCIES
Associated Press
http://apwebgraphics.ap.org
-----
-----
■ Download KRT material only
AP Archive
http://photoarchive.ap.org
-----
-----
froom krtdirect.com, not from
Newscom.com.
Knight Ridder Tribune
http://www.krtdirect.com
-----
-----
NewsCom
http://www.newscom.com
-----
-----
LA Times/Wash. Post
http://www.latwp.com
-----
-----
The Dallas Morning News
Graphics Stylebook 25
WORKFLOW
GETTING GRAPHICS IN AND OUT OF THE DEPARTMENT
CREATING THE GRAPHIC
CORRECTING AND SHIPPING IT
1 Assigning editor places request
online via SCC. That request prints out
of the editor's printer and a duplicate
prints back in News Art.
4 After the assigning editor checks the
graphic, he is responsible for getting the
proof to the layout desk.
ASSIGNING
DESK
NEWS/LAYOUT
DESK
2 The editor walks his or
her assignment (along with
pertinent reference or
resource material clipped to
it) back to News Art.
In basket
Fixes basket
A
GRAPHICS
EDITOR
Artist, editor
and reporter
should talk
GRAPHICS
EDITOR
COPY
DESK
5 After the copy desk
proofs the graphic, it is
returned to News Art. We
make the fixes and put the
graphic in CCI.
Fixes between editions: are brought
to News Art by a News Clerk or a
Copy Editor and can be placed in
the Fixes basket at the Graphics Desk.
ARTIST
3 We assign it to the artist.
Artist and assigning desk
should communicate. When
work is completed, it is given to
a News Art manager.
The Dallas Morning News
Suburban workflow: the artist
makes an Acrobat file and emails it
back to the assigning editor. After
the assigning editor has made corrections, a
new printout is made, placed in the plexiglas
bins in front of the Graphics Desk.
Graphics Stylebook 26
NEWCOMERS
WELCOME TO NEWS ART
Here you ll find answers to a few questions you might have. While this might offer some basic help, don t hesitate
to ask these questions to anyone in the staff if you feel like you need to verbalize it.
How do I get in the system?
How can I get text from CCI?
Call extension 2911 for IT Help
There s a folder in the News Art
and get PDFs of my work?
Desk. They will help you to set up a
Server called Text_from_CCI.
On your browser, go to:
password and an email account.
They also can get you a password for
phone calls outside our area code.
What s the log-in information for
How can I see production pages
http://pagetracker
How do I set up the News Art
Click on Archives and find the page
printers (printer names, settings,
you want by date of publication.
etc.)?
Click on the page thumbnail. To
Call the Help Desk: 2911.
download the PDF, click on Web
PDF , on the top right.
the News Art server?
Our files are stored in:
How do I look for archived files?
afp://dmnmacshare.tdmn.belo.com.
We have CDs and DVDs with files
Username: -------
that go back to 1996. To find recent
Ask the Chris Morris. He can get the
Password: -------
files, connect to server
right people in the Help Desk to do
afp://dmnmacshare.tdmn.belo.com
that for you.
Where should I store my files?
Click on the server Current Year. For
Look for the News Art Server. Chris
older files, ask James Black.
Morris or Layne Smith will assign a
How can I get CCI on my machine?
How can I get information about
human resources?
folder in the the Daily Dump, the
How can I get staff and wire
For timecards, go to
place on the network where all files
photos?
http://tdmn.com and click on
are saved.
On your brownser, go to http://scc/
Kronos Workforce Timecards . For
( just type SCC and hit enter)
other questions, start by talking with
Where can I retrieve base maps?
Username: -------
Lisa Patton. She knows everything
There s a folder in the News Art
Password: -------
about everything and she ll tell you
who you should look for.
server called New Graphics
Resources. Go there for base maps
How can I find out extensions and
and other resources. Talk to Tom
e-mail addresses of DMN s
How can I check my e-mail from
Setzer if you have questions.
employees?
home?
On your brownser, go to
Log in to www.belo.com. On the
How do I put a file into CCI?
http://tdmn.com
bottom of the page you ll find the
The graphics editor should do it
Click on Telephone Directory .
link Employee Login. You ll need
your employee number (on your
most of the time. But if you need to
do it, just drop the EPS file onto the
To who should I talk if I have
paycheck) and intranet password (set
icon NewsArtInOSX on your
questions about graphic style?
it up with the Help Desk). To call
desktop. The file will appear in CCI
Sergio Pecanha and Chris Morris.
Help Desk from outside the building:
in a few minutes.
The Dallas Morning News
214-977-2911.
Graphics Stylebook 27
AROUND THE BUILDING
Young St.
Elevators
FIRST FLOOR
■ Advertising
Main entrance
■ training rooms
■ Security
ATM
machine
MAIN
LOBBY
ADVERTISING
ADVERTISING
Gladys
ADVERTISING
TRAINING
ROOMS
Vending
machines, Fedex
pickup point,
stamps and
mailbox
TRAINING
ROOMS
SECURITY
Back entrance
The Dallas Morning News
Graphics Stylebook 28
AROUND THE BUILDING
Young St.
Elevators
SECOND FLOOR
■ SportsDay
Front
■ DallasNews.com
■ Al Dia
■ Reference
■ Cafeteria
DALLASNEWS.COM
AL DIA
DallasNews
Conf.
Room
Sports
Conf.
Room
SPORTS
REFERENCE LIBRARY:
Magazine and newspaper
collections. DMNs on
microfilm to 1800s
Vending
machines
(ice cream)
Headliner diner
Back
The Dallas Morning News
Graphics Stylebook 29
AROUND THE BUILDING
Young St.
Elevators
THIRD FLOOR
■ News Desks
Front
■ Photography
Metro
Conf.
Room
■ Copy Desks
■ Art Department
TEXAS AND
SOUTHWEST
■ Design Department
METRO EDITORS
MANAGING
EDITORS
Order photos
PHOTO
DESK
EAST
WING
RELIGION
INTERNATIONAL
IT
Helpdesk
2911
WEST WING
Conference
Room
NATIONAL
Photo studio
COPYDESK
1A layout
Photo's digital
darkroom
LAYOUT DESK
Page
Mngmt
NEWS
ART
Photographer's
area
Business
Newsroom
Technology
Group (NTG)
QUICK
NEWS
DESIGN
Business
Conf.
Room
Vending
machines
News
Art
Conf.
Room
Back
The Dallas Morning News
Graphics Stylebook 30
AROUND THE BUILDING
Young St.
Elevators
Front
FOURTH FLOOR
■ Editorial and Points
■ GuideLive
■ Feature magazines
Main
conference
room
■ Fashion Dallas
■ Travel
UPPER
MANAGEMENT
EDITORIAL,
POINTS
Features
Conf.
Room
GuideLive
FEATURES
Fashion
Travel
Back
The Dallas Morning News
Graphics Stylebook 31
AROUND THE BUILDING
Young St.
Elevators
BASEMENT
■ Ad Services
Front
■ Back Copies
■ Imaging
■ IT
■ Maintenance
MAINTENANCE:
Mechanical
hardware
IT
AD SERVICES
BACK COPIES:
Hard copies of old
newspapers
PAGE SCANS:
Large format,
poster-sized
scanners
AD SERVICES
Storage
Back
The Dallas Morning News
Graphics Stylebook 32

Similar documents