Before & After - Newsletters & Newspapers.pdf - Before & After Magazine - pcdoctor03

Newsletters & Newspapers

Newsletters &

Newspapers

Beautiful and simple, too, win accolades with this one-column gem.

How to design a news letter

Once upon a time, newsletter meant an actual

letter, with news. That was before desktop pub-

lishing got us making them into little newspa-

pers, with columns and boxes and all that. Why

wrestle with such complications? This sleek,

letter-style design communicates better—and

is much easier to make. Print it on nice paper,

and you’ll win raves— and get your evenings

back. Here’s how.

Type Note This design uses Times for text and

Futura—a very bold sans serif—for heads, captions

and quotes. It is a handsome combination, but

many others will do. When choosing, look for lots of

contrast; the small heads need to stand out.

TIMES

FUTURA EX BOLD

1 Set up the grid

Page specs

Here are the measurements used (in picas): a letter-

size page, left margin of 13p; right margin, 9p; top

margin 4p; and bottom margin, 4p. There are six

columns, with one pica between each. Using your

ruler guides, drag your horizontal guides to 4, 11.5,

19, 59 and 62 picas. Drag vertical guides to 2, 9 and

44 picas.

Although the text is set in one wide column, a

sophisticated, six-column grid underlies the

page. It is used to guide your placement of

headlines, photos, captions and quotes, ensur-

ing a neat, consistent layout.

2 Newsletters and Newspapers

What makes it work?

Recessed headlines and

bylines. One size, one width,

no clutter.

Photos, quotes and text

snap to vertical grid for

handsome, consistent pages.

Asymmetrical page leaves

room for stuff —a logo, list

of corporate ofﬁcers, news-

letter staff, publication date,

photos, quotes, anything.

Spacious, 18-point text lead-

ing yields high legibility, adds

an elegant air. Keeps produc-

tion peppy, too—it snaps

right to the standard ruler.

How to design a news letter 3

2 Set up style sheets

Edit style

Type

Paragraph

Spacing Hyph

Name

Based on Next Font

Size Lead Color Case

Left First Right Align After Letter

Body

No style

Same Times 10.5 18 Black Normal

Just

Body First Body

Body Times 10.5 18 Black Normal

Just

Byline

No style

Same FutBd

7 Black All caps

Left

Off

Headline No style

Byline FutXBd 10

12 Black All caps

Left* 0p4

Off

Quote

No style

Same FutXBd 7

8 White All caps

Ctr

Caption

Quote

Same FutXBd 7

8 Black Normal

Ctr

Address

No style

Same FutBd

15 Black Normal

Left

Date

Address

Same FutBd

5.5

7 Black Normal

Left

*Add rule below paragraph: Weight: 1pt., Offset: 0p6, Length: text. Remove rule when setting remaining styles.

3 Build the nameplate

The nameplate relies on a bold, condensed

typestyle for its visual muscle; the font used

here is Onyx. Note that the condensed charac-

ters, normally used to save space, have here

been spread apart. This visual counterpoint

gives the nameplate its unique style. To do this,

force-justify the name to the ends of the bars

beneath. To look as if you’ve worked harder, set

the ﬁrst letter bigger, in a separate text block,

and stretch the others to meet it. Then align the

tops as shown; note where the ﬁnished word

rests on the gray bars. The white subtitle is also

force justiﬁed within the gray bar.

125-point Onyx force-

justiﬁed to bar width

20K bar

60K bar

Set the name in two text

blocks: force justify; drag

into position.

9 points

161 points

The ﬁnished result.

4 Newsletters and Newspapers

The back page

Flow the text from the top margin (to align it

with the front-page nameplate). When adding

photos and quotes, make use of the six-column

grid for precise alignment.

Place the photo and its caption

in the wide outside margin. The

white space frames the photo

and calls attention to it.

Amet, consectetur adipscing elit, diam nonnumy eiusmod tempor

incidunt ut labore et dolore magna aliquam erat volupat. Ut enim

ad minimim veniami quis nostrud exercitation ullamcorper suscip-

it laboris nisl ut aliquip ex ea commodo dolore magna consequat.

Duis autem vel eum irure dolor in reprehenderit volu.

Molestaie son consequat, vel illum dolore eu fugiat nulla paria-

tur. At vero eos et accusam et justo odio dignissim qui blandit

praesent lupatum delenit aigue duos dolor et molestais exceptur

sint occaecat cupidat non provident, simil tempor sunt in culpa qui

ofﬁcia deserunt mollit anim id est laborum et dolor

fugai. ea commodo consequat. Duis autem vel eum

irure dolor in reprehenderit in voluptate velit esse

molestaie son consequat, vel illum dolore eu fugiat

nulla pariatur. At vero eos et.

Accusam et justo odio dignissim qui blandit prae-

sent lupatum delenit aigue duos dolor et molestais

exceptur sint occaecat cupidat non provident, tem-

por sunt in culpa qui ofﬁcia deserunt mollit anim id

est laborum et dolor fugai. Consequat, vel illum dolore eu fugiat nulla pariatur.

At vero eos et accusam et justo odio dignissim qui blandit praesent lupatum

delenit aigue duos dolor et molestais exceptur sint occaecat cupidat non provi-

dent, simil tempor sunt in culpa qui ofﬁcia deserunt mollit anim id est laborum

et dolor fugai. Ea commodo consequat. Duis eum henderit in voluptate velit esse

molestaie son consequat, vel illum dolore eu fugiat nulla.

Amet, consectetur adipscing elit, diam nonnumy

eiusmod tempor incidunt ut labore et dolore magna

aliquam erat volupat. Ut enim ad minimim veniami

quis nostrud exercitation ullamcorper suscipit laboris nisl ut aliquip ex ea

commodo consequat. Duis autem vel eum irure dolor in reprehenderit in

voluptate velit esse molestaie son consequat, vel illum dolore eu

fugiat nulla pariatur. At vero eos et accusam et justo odio dignissim

qui blandit praesent lupatum delenit aigue duos dolor et molestais

exceptur sint occaecat cupidat non provident, simil tempor sunt in

culpa qui ofﬁcia deserunt mollit anim id est laborum et dolor fugai.

ea commodo consequat. Duis autem vel eum irure dolor in repre-

henderit in voluptate velit esse molestaie son

Stretch the text block to the

left and right edges of the

quote box, 1 pica from the top,

and center the type. Indent the

text 1 pica left and right.

To place the caption text block,

drag a guide 1 pica to the left of

the text. Set the baseline of the

caption to be 15 points from

the bottom of the photo.