El IndEpEndIEntE

Design Style Guide

2010
Contents
General
Tips 1
Production Timeline 2
Sending to Printer 3
Create PDF for Web 3
Quark XPress Shortcuts 4

Design Basics
Modular Design 5
Flag/Folios 6
Body Text 6
Lines/Rules 6
Headlines 7
Bylines 7
Jumps 7
Decks 8

Photos
General 9
Cutouts 10

Miscellaneous
Info Boxes 11
Pull Quotes 11
Inside Box 12
Que Pasa 12

Glossary 13
General
Tips
• Save your work all the time! Apple + S
should become habit.
• Make sure reporters submit their articles
in .doc format, Quark XPress 8 can’t pull translated to
in .docx files.
• It’s best to sit down with the photo editor
before layout to pick photos you think
you might want to use. Make sure you
have both vertical and horizontal photos,
it makes your life much easier!
• Stress at the beginning of the year to the
reporters that they need to have at least
three good headlines of varying lengths.
• Try and organize everything before you
go to layout. Sit down with the news ed-
itor or copy chief and figure out which
stories should be front page and lead sto-
ries.
• Keep track of word count! The easiest
way to figure out how many stories can
fit on a page is to add up the word counts
(and don’t forget the photos/art).
PaGe 1
• Have a Spanish editor come in on one of
the layout days (most likely the second
day). Chances are there will be head-
lines and cutlines that will need to be
Spanish.
• There are master pages for each page of
the newspaper in the Resources folder on
the server. These have the style sheets
and folios already set up.
• The print settings for the newspaper
pages should be saved on the master
pages, but should you need to change
them:
- In Quark under Setup, select
Printer Description: HP Laserjet
5000 Series
- Select Paper Size 11 x 17
- Under Options select Data: ASCII
- Click Capture Settings to save
these options and you shouldn’t
need to change them again.
General PaGe 2

Production Timeline
This is a general guideline based on past years of El Inde. You can
change it as you see fit. Keep in mind that the Epitaph uses the produc-
tion lab as well so you’ll need to make sure your production times don’t
conflict with them.

Day One
• Decide what stories are going on what pages. Discuss with photo editor, news editor
and copy chief.
• Draw up dummies of the pages to help move layout along quickly.
• Get through as much of the layout as you can on the first day. If you can’t finish it
don’t worry!
• If you finish layout, print out a copy of each page and leave them for the editors to
come in and look over.

Day Two
• Finish up layout and print out copies if you haven’t already.
• Have a Spanish editor come in to clean up the Spanish articles and translate headlines
and/or cutlines.
• If possible have a photographer or photo editor come in to process any extra photog-
raphers you might need or to fill in any missing cutlines.
• If you left a copy of the pages for the editors the night before, input any changes and
print out new copies of each page. Leave two copies of the paper for the editors to
look over.

Day Three
• This day is always pretty hectic.
• Make sure there are editors willing to stay until the paper is ready to go out.
• The editors will mark changes that need to be made in red. One of the designers will
make the changes and highlight the editor’s marks to show they have been changed.
The designer will then print out a new copy of that page, staple it to the top and give
it to a new editor to look over.
• Once the editors give the go-ahead the design chief sends the paper to the printer!
General PaGe 3

Sending to the Printer

1. Open up all your pages and put them in thumbnail mode.
(Click View > Thumbnails)
2. From page 1/6, move all the pages into one document and
put them in order. You can do this by clicking the thumb-
nails and dragging and dropping them into the Page 1/6
window.
3. Once the pages are arranged, click File > Export >
Layout as PDF. Save to the desktop as Issue #.
4. Open Fetch (the dog icon on the dock).
5. Enter Hostname: ftp.imcprint.com
Username: elindy
Password: border
6. Double click on the folder titled Phoenix then scroll down
to the EL INDEPENDIENTE folder.
7. Drag and drop the PDF into this folder. Make sure the
file sizes are the same.
8. Place the PDF in the issue folder on the class server.

Printer Information:
This is roughly what the thumb-
Signature Offset nails should look like once they
Micah Grover, Plant Manager are arranged.

Phone #: (480)966-3030

Creating PDF for Web

1. From the thumbnail view click File > Export > Layout as PDF.
2. Click Options before saving the PDF.
3. Under color images set Compression: Manual JPEG Low
Downsample to: 72 DPI
4. Do the same for grayscale images.
5. Save to the desktop as Issue#Web.
6. Email to Kate Harrison (kateh@email.arizona.edu) so she can put the issue on
the journalism web page.
7. Move the PDF to the issue folder on the class server.
General PaGe 4

Quark XPress Shortcuts

Undo Runaround
Apple+Z Apple+T

Duplicate Item Modify Item

Apple+D Apple+M

Zoom In/Zoom Out Fit Photo to Image Box

Apple + + or - Apple+Optn+Shift+F
Cntrl+Optn+click or Cntrl+Shift+click
Resize Image Proportionally
Fit Page to Screen Apple+Optn+Shift+drag corner of box
Apple+0
Bullet Point
Zoom to Actual Size Optn+8
Apple+1
Align Text with First line in Paragraph
Toggle Guidelines Apple + \
Fn+F7
Soft Return
Toggle Baseline Grid On/Off Shift+Return
Fn+Optn+F7
Discretionary Hyphen
Increase/Decrease Font Size Apple + -
Apple+Optn+Shift+< or >
Select Line of Text
Increase/Decrease Kerning 3 clicks
Apple+Optn+Shift+[ or ]
Select Paragraph
Change Style Sheet of Selection 4 clicks
Optn+Click on Style Sheet
Select Whole Article
Group Items 5 clicks
Apple+G
Select All Text
Ungroup Items Apple+A
Apple+U
DeSiGn BaSiCS PaGe 5

Modular Design
The easiest and best looking way to design the paper is using “modular design.”
This means you look at all the elements of an article in boxes or rectangles. This
makes it easier to plan the paper and to rearrange items if issues arise. This
method also makes it easier for the reader’s eyes to move through the paper. Below
is an example of modular design.

FLAG

HEADLINE HEADLINE

PHOTO

STORY
STORY

HEADLINE

PHOTO
STORY

Notice how none of the articles make an irregular shape. If you follow this
design principle it will make things much easier.
DeSiGn BaSiCS PaGe 6

Flag/Folios
The master pages on the server will come with the flag and folios already at-
tached so you shouldn’t have to worry too much about these. Just remember
to change the date on each page so that it is correct.

Body Text
The body text used for El Inde is Times New Roman size 9.5. The initial kern-
ing is set at +1 but it can be set down to -2 if need be. The style sheet is called
“body text,” except for the first paragraph which is called “first graf” or “first
paragraph.” The first paragraph in an article never has an indent.

lines/rules
We put lines between articles at El Independiente. There is one pica of space
between articles horizontally and two pica of space vertically

Above is an example of lines between articles.

DeSiGn BaSiCS PaGe 7

Headlines
• Font: Helvetica Nueue Black Condensed
• The general rule of thumb is the higher a story is on the page, the bigger the head-
line it gets. For example the lead story on a page might get a 40 pt. headline
whereas an article at the bottom might have a 28 - 30 pt. headline.
• Sample headlines can be found in the library.
• Headlines are in “Up Style.” This means every word over three letters in a head-
line is capitalized.
• Generally, the more columns a story has, the less lines the headline gets. For ex-
ample, a one column story would have a headline in about three lines. A five
column story would have a headline in one line.
• Try to avoid “butting heads” (having two headlines adjacent to eachother that
collide or run into one another.

Bylines
• Font: Helvetica Nueue Bold Condensed size 9.5
• There is a style sheet for bylines called “byline”
• For Spanish articles the byline should read “Por Reporter’s Name” instead of “By
Reporter’s Name.”
• Spanish articles will also have a “Traducido por” byline for the translator.
• Leave one line of space between the byline and the first graf.

Jumps
• Page 1 jumps to Page 6
• The jump lines can be found in the library.
• The “jump to” goes at the bottom of the column on the furthest right.
• The “jump from” goes at the top of the column on the furthest left.
• The jumped story on page 6 needs to have another headline.
• To link the article from page 1 to page 6:
- Place the article on page 1
- Set up a text box on page 6
- Click the text box tool button and hold down until a menu appears
- Click the button that looks like a link
- Click on the text box you created on page 6. Now you have a jump!
DeSiGn BaSiCS PaGe 8

Decks
Decks are used to make an article look better or to supplement the headline and
give the reader more information.

• El Inde has two types of decks: 1 column and 3 column.

• The 1 column deck is in three lines and the 3 column deck is in one line.

• There are a 16 pt. deck and an 18 pt. deck in the style sheets.

• Decks can either be directly below the main headline or in the article directly
before the byline.
PHoToS PaGe 9

General
• Always make sure there is dominant art on the page. The lead story on the page
should have the biggest photo and the rest of the stories have smaller art so the
reader’s eye can move down the page.

• Photos have a .5 point rule around them.

• Style sheets for photo byline and cutline are titled “Photo Byline” and “Cutline”

• Runaround around the photo and the cutline box should be about 6 pts.

• There is a photo and cutline in the library.

• There is a standalone photo in the library as well.

Example of photo, photo byline and cutline.

PHoToS
Cutout Photos
1. Open the grayscale photo in
Photoshop
2. Click on the pen tool, then click on
the image where you want to begin.
3. Click on anouther point and hold
down the mouse. This wil allow you
to curve the line to fit the image you
want to cut out.
4. When you’re done curving it, let go
of the mouse then hold down the
OPTION key and click back on the
last point.
5. Click on the Layer palletee, Shape 1
and make the opacity 0. you’ll be
able to see the photo this way.
6. Repeat this proces until the entire
image has a line around it.
PaGe 10
7. After you join up the last point, go to
the pallette on the right and click on
“Paths” then click on the little arrow
to the right and click “Save Path”
then “OK”
8. Click the arrow again then click
“Clipping Path” then “OK”
9. Save the photo
10. Import the photo into Quark
11. Double click the image in Quark
then go to Clipping > Embedded
Path
12. Select Embedded Path as the
runaround
MiSCellaneouS PaGe 11

info Boxes
• Set the box color to 10% black.
• Use the “If You Go” style sheets.
• Make sure the reporters know what options they have for info boxes
(attached is an info sheet about different sidebars/infographics).

Pull Quotes
• You can find a sample pull quote in the library.
• Pull quotes don’t necessarily need to be direct quotes, they can just be
information from the story.
• Use them to break up grey space in the paper and to make an article look
more interesting.

Sample Pull Quote:

MiSCellaneouS PaGe 12

inside Box
On the front page there is an “Inside” box that refers the readers to interesting arti-
cles in the paper. The box can be found in the library and there are style sheets for
the text in the box, but there are a few tips to remember:

• The box can go anywhere on the front page.

• There is a vertical box and a horizontal box.
• The hed font is 31 pt. Haettenschweiler.
• The reporter’s byline does not need to go with the refer.
• Photos in the inside box don’t need a cutline or a byline.
• The box has a 1 pt. black frame.

Que Pasa
• The Community Events Page or “Que Pasa” is on page 8.
• There are style sheets for the event listings. These are “Event Date,” “Event
Hed” and “Event Text.”
• The Que Pasa page has event listings in both English and Spanish.
• Put the byline for the reporter in English and below that the “Traducido por”
byline.
• Leave one line of space between each listing.
• This page is generally layed out with a listing of all the events in English
followed by all the events in Spanish.
GloSSary PaGe 13

Baseline: Gutter:
The imaginary line that type rests on. The space running vertically between
columns.
Bastard Measure:
Any non-standard width for a column of Kerning:
text. Tightening the spacing between letters.

Butting Heads: Leading:

Headlines from adjacent stories that col-
lide with eachother. Should be avoided
when possible.
Cutout:
A photo where the background has been
removed, leaving only the main subject.
Deck:
A small headline running below the main
headline.
Vertical spacing between lines of type.
Orphan:
A short word or phrase that’s carried over
to a new column or page, also called a
widow.
Pica:
Standard unit of measure in newspapers.
There are 6 picas in 1 inch and 12 points
in 1 pica.

Dummy: Pull Quote:

A small, detailed page diagram showing A graphic treatment of a quotation taken
where all elements go. from a story.

Flag: Refer:
The name of a newspaper as it’s displayed A line or paragraph referring to a related
on page 1, also called a nameplate. story elsewhere in the paper or online.

Folio: Stand-alone Photo:

Type at the top of an inside page giving A photo that doesn’t accompany a story,
the newspaper’s name, date and page usually boxed to show it stands alone,
number. also called Wild Art.