Sie sind auf Seite 1von 0

Before&After

BAmagazine.com

i U X

DesignTalk16

FiveDesignIdeas
Coin Cover
Outie Innie

Change for the


Envronment

Make money by recycling

Many From One


Accordion Program

Inside Action

Continued

Design talk 0675

Before&After

Design talk

i U X

BAmagazine.com

2 of 9

Cover Fewer coins make a better cover


Negative space gets no respect, but without it, positive images have little impact.
This spiral-bound cover illustrates how:

Change for the


Envronment

Make money by recycling


Lots of money, no impact Wall-to-wall pile of coins has no
negative space and leaves the eye nowhere to look.

RECYCLING PROGRAM
CITY OF COPPELL

Less money, more impact Editing the coins creates shape and
d
ifference, makes breathing room and leads the eye to the headline.

Change for the


Envronment
Make money by recycling

100% positive

Delete about half.


Note the shape.

Color the negative


space.

Place elements.

2 of 9

Design talk 0675

Before&After

Design talk

BAmagazine.com

3 of 9

i U X

Image One image into many


My photo library is tiny. I like how your Many from one article (0603) created several
images out of one photo. Do you have other similar techniques? | Amy Flint
. . . into many
One image . . .

You can tell its only one photo,


but the three overlapping frames
add a level of visual interest that
conveys the sense of more.

InDesign

(1) Make some frames out


of overlaid rectangles.

(2) Position your photo as


shown, then Cut.

(3) One at a time, select each frame, and Edit>Paste Into.

3 of 9

Design talk 0675

Before&After

Design talk

BAmagazine.com

4 of 9

i U X

Image Place the action inside


Double your fun! Put the party inside your people!

Photoshop
1) Open (or Place) flat
silhouettes. Background
must be transparent.

2) Import your photo.

3) With the photo layer active,


choose Layer>Create Clipping
Mask. Reposition by dragging
either image.

4 of 9

Design talk 0675

Before&After

Design talk

BAmagazine.com

5 of 9

i U X

Device Tiny triangle makes a small point


Id say the design of my document is low-key. I need to put a quote into a small space.
Is there a subtle way to draw attention to the persons name? | David Fletcher

Outie
(Right) Outside the box,
tiny triangle turns a photo
graphic callout into a rectangular talk balloon with
the speakers name below
it. Reversed type inside
the box contrasts easily
with the name.

The five angled cooling holes in


the aluminum front housing pump air
through the motor while it runs.
Barton Smythe, engineer
Underline
(Above) Colored line adds a point of
visual interest simply.

The Audyssey Sound Equalizer


genuinely enhanced the sound of
my system . . . Once it was installed,
I could simply leave it alone and
enjoy a more transparent and
coherent soundstage . . . Imaging
was greatly improvedindividual
voices and instruments were more
precisely locatable . . . the low bass
was tighter and more detailed.

A BREATH OF FRESH AIR


Last weeks school break was
long overdue. I made a short,
3-day trek with a few buddies
up to the Sierra mountains. The
events that unfolded shook my
perspective on life.Ron Mills

Innie
Inside the box, the triangle becomes a pointer.
Because of its subtlety, the triangle would be most
effective in a series of quotations, because it could
move from place to place.

Kalman Rubinson, Stereophile

5 of 9

Design talk 0675

Before&After

Design talk

6 of 9

BAmagazine.com

i U X

Program Unhinged cover makes a classy program


Our friends handmade wedding program looked at first like a booklet, but then
it opened like an accordion into an unexpectedly classy presentation. Nice.

4 1 4

5 1 2

Black card stock is glued to the ends of a 17-inch sheet, then accordion-folded into four pages. There is no back
side. The program can be read like a booklet or opened into the panoramicand unexpectedly elegantpresentation
shown here. The black & white theme makes typography easy and inexpensive; center each panel, and print on a
black & white laser. All type is the same size and leading.
Our friends said they spent a busy evening assembling these; the homemade charm is part of the appeal.

6 of 9

Design talk 0675

Before&After

BAmagazine.com

7 of 9

Design talk

i U X

Template: Accordion program


Flat size (About 163 4 x 51 2)
Final size (41 4 x 51 2)
17

8 1 2

11

11

Design the inside on a tabloid-size sheet, twoup. Specify left and right margin of 0p9, top and
bottom of 1p6, and 3p0 between top and bottom.

Make the cover using a letter-size card


stock sheet. Trim into four equal parts.

Fold the pages.

Glue the covers.

Trim margins and pages. Dotted lines are folds.

7 of 9

Design talk 0675

Before&After

Design talk

BAmagazine.com

8 of 9

i U X

Article resources

Typefaces
1 Myriad Pro Semibold
10

2 Myriad Pro Light


3 Myriad Pro Italic
4 Verdana Bold
5 Georgia Regular

6 Georgia Bold
7 ITC Franklin Gothic Heavy
8 Adobe Garamond Italic
A BREATH OF FRESH AIR
Last weeks school break was
long overdue. I made a short,
3-day trek with a few buddies
up to the Sierra mountains. The
events that unfolded shook my
perspective on life.Ron Mills

13

1
2
14
15

The Audyssey Sound Equalizer


genuinely enhanced the sound of
my system . . . Once it was installed,
I could simply leave it alone and
enjoy a more transparent and
coherent soundstage . . . Imaging
was greatly improvedindividual
voices and instruments were more
precisely locatable . . . the low bass
was tighter and more detailed.

11

Colors
14 C0 M0 Y0 K100
15 C0 M0 Y0 K40
16 C100 M50 Y0 K5
17 C0 M0 Y0 K70
18 C70 M0 Y100 K60
19 C60 M25 Y100 K5

4
16
17
14

Images
Images: iStockphoto.com
9 (5110361)
10 (4143297)
11 (3209890)

18
19

12 (4247230)
13 (www.audyssey.com)

12

Kalman Rubinson, Stereophile

Change for the


Envronment

Make money by recycling

7
RECYCLING PROGRAM
CITY OF COPPELL

8 of 9

Design talk 0675

Before&After

Design talk

9 of 9

Subscribe to Before & After


Subscribe to Before & After, and become a
more capable, confident designer for pennies
per article. To learn more, go to
http://www.bamagazine.com/Subscribe
E-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notified by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email

BAmagazine.com

i U X

Before & After magazine


Before & After has been sharing its practical approach
to graphic design since 1990. Because our modern world
has made designers of us all (ready or not), Before &
After is dedicated to making graphic design understandable, useful and even fun for everyone.
John McWade Publisher and creative director
Gaye McWade Associate publisher
Dexter Mark Abellera Staff designer
Before & After magazine
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-mail mailbox@bamagazine.com
www http://www.bamagazine.com
Copyright 2008 Before & After magazine
ISSN 1049-0035. All rights reserved
You may pass along a free copy of this article to others
by clicking here. You may not alter this article, and you
may not charge for it. You may quote brief sections
for review; please credit Before & After magazine, and
let us know. To link Before & After magazine to your
Web site, use this URL: http://www.bamagazine.com.
For all other permissions, please contact us.

9 of 9| Printing formats

Design talk 0675

Before&After

BAmagazine.com

i U X

Before & After is made to fit your binder


Before & After articles are intended for permanent reference. All are titled and numbered.
For the current table of contents, click here. To save time and paper, a paper-saver format of this article,
suitable for one- or two-sided printing, is provided on the following pages.

For presentation format


Print: (Specify pages 19)

For paper-saver format


Print: (Specify pages 1115)

Print
Format: Landscape
Page Size: Fit to Page

Save
Presentation format or
Paper-saver format

Back| Paper-saver format

Before&After

DesignTalk16

Change for the


Envronment

Make money by recycling

Many From One

BAmagazine.com

Continued

BAmagazine.com

Accordion Program
Inside Action
2 of 9

i U X

CITY OF COPPELL

RECYCLING PROGRAM

Design talk

i U X

FiveDesignIdeas
Coin Cover

Design talk

Outie Innie

Before&After

Cover Fewer coins make a better cover


Negative space gets no respect, but without it, positive images have little impact.
This spiral-bound cover illustrates how:

Change for the


Envronment
Make money by recycling

Color the negative


space.

0675

Design 9
0675
Design talk
2 of Talk 16: Five Design Ideas0675

Place elements.

Make money by recycling

Change for the


Envronment

Less money, more impact Editing the coins creates shape and
difference, makes breathing room and leads the eye to the headline.

Delete about half.


Note the shape.

1 of 5

Before&After | www.bamagazine.com

100% positive

Lots of money, no impact Wall-to-wall pile of coins has no


negative space and leaves the eye nowhere to look.

0675 Design Talk 16: Five Design Ideas

Before&After
Design talk

3 of 9

Image One image into many

(2) Position your photo as


shown, then Cut.

. . . into many

4 of 9

BAmagazine.com

i U X

Design talk

i U X

0675

Design 9
0675
Design talk
4 of Talk 16: Five Design Ideas0675

3) With the photo layer active,


choose Layer>Create Clipping
Mask. Reposition by dragging
either image.

3 of 9

BAmagazine.com

(3) One at a time, select each frame, and Edit>Paste Into.

My photo library is tiny. I like how your Many from one article (0603) created several
images out of one photo. Do you have other similar techniques? | Amy Flint

One image . . .

Design talk

(1) Make some frames out


of overlaid rectangles.

You can tell its only one photo,


but the three overlapping frames
add a level of visual interest that
conveys the sense of more.

InDesign

Before&After

Image Place the action inside

2 of 5

Before&After | www.bamagazine.com

2) Import your photo.

Double your fun! Put the party inside your people!

Photoshop
1) Open (or Place) at
silhouettes. Background
must be transparent.

0675 Design Talk 16: Five Design Ideas

Before&After
Design talk

5 of 9

Device Tiny triangle makes a small point

Kalman Rubinson, Stereophile

The Audyssey Sound Equalizer


genuinely enhanced the sound of
my system . . . Once it was installed,
I could simply leave it alone and
enjoy a more transparent and
coherent soundstage . . . Imaging
was greatly improvedindividual
voices and instruments were more
precisely locatable . . . the low bass
was tighter and more detailed.

BAmagazine.com

5 of 9

BAmagazine.com

i U X

Design talk

i U X

Innie
Inside the box, the triangle becomes a pointer.
Because of its subtlety, the triangle would be most
effective in a series of quotations, because it could
move from place to place.

A BREATH OF FRESH AIR


Last weeks school break was
long overdue. I made a short,
3-day trek with a few buddies
up to the Sierra mountains. The
events that unfolded shook my
perspective on life.Ron Mills

Id say the design of my document is low-key. I need to put a quote into a small space.
Is there a subtle way to draw attention to the persons name? | David Fletcher

Outie
(Right) Outside the box,
tiny triangle turns a photographic callout into a rectangular talk balloon with
the speakers name below
it. Reversed type inside
the box contrasts easily
with the name.

The ve angled cooling holes in


the aluminum front housing pump air
through the motor while it runs.
Barton Smythe, engineer

6 of 9

3 of 5

Before&After | www.bamagazine.com

0675

Design 9
0675
Design talk
6 of Talk 16: Five Design Ideas0675

Our friends said they spent a busy evening assembling these; the homemade charm is part of the appeal.

Black card stock is glued to the ends of a 17-inch sheet, then accordion-folded into four pages. There is no back
side. The program can be read like a booklet or opened into the panoramicand unexpectedly elegantpresentation
shown here. The black & white theme makes typography easy and inexpensive; center each panel, and print on a
black & white laser. All type is the same size and leading.

Our friends handmade wedding program looked at rst like a booklet, but then
it opened like an accordion into an unexpectedly classy presentation. Nice.

Program Unhinged cover makes a classy program

Design talk

Underline
(Above) Colored line adds a point of
visual interest simply.

4 1 4

Before&After

5 1 2

0675 Design Talk 16: Five Design Ideas

Before&After

Design talk

7 of 9

Template: Accordion program

8 1 2

Make the cover using a letter-size card


stock sheet. Trim into four equal parts.

12

19

18

14

17

16

10

11

BAmagazine.com

17

i U X

2
Design the inside on a tabloid-size sheet, twoup. Specify left and right margin of 0p9, top and
bottom of 1p6, and 3p0 between top and bottom.

Glue the covers.

Fold the pages.

Design talk

i U X

0675

Design 9
0675
Design talk
8 of Talk 16: Five Design Ideas0675

19 C60 M25 Y100 K5

18 C70 M0 Y100 K60

17 C0 M0 Y0 K70

16 C100 M50 Y0 K5

15 C0 M0 Y0 K40

14 C0 M0 Y0 K100

Colors

7 of 9

BAmagazine.com

13 (www.audyssey.com)

12 (4247230)

11 (3209890)

10 (4143297)

9 (5110361)

Images: iStockphoto.com

Images

8 Adobe Garamond Italic

7 ITC Franklin Gothic Heavy

6 Georgia Bold

5 Georgia Regular

4 Verdana Bold

3 Myriad Pro Italic

2 Myriad Pro Light

1 Myriad Pro Semibold

Typefaces

Trim margins and pages. Dotted lines are folds.

Change for the


Envronment
Make money by recycling

4 of 5

Before&After | www.bamagazine.com

RECYCLING PROGRAM

A BREATH OF FRESH AIR


Last weeks school break was
long overdue. I made a short,
3-day trek with a few buddies
up to the Sierra mountains. The
events that unfolded shook my
perspective on life.Ron Mills

8 of 9

11

Flat size (About 163 4 x 51 2)


Final size (41 4 x 51 2)

Design talk

11

Article resources

Kalman Rubinson, Stereophile

The Audyssey Sound Equalizer


genuinely enhanced the sound of
my system . . . Once it was installed,
I could simply leave it alone and
enjoy a more transparent and
coherent soundstage . . . Imaging
was greatly improvedindividual
voices and instruments were more
precisely locatable . . . the low bass
was tighter and more detailed.

Before&After

13

1
2
14
15

0675 Design Talk 16: Five Design Ideas

Before&After
Design talk

9 of 9

Subscribe to Before & After


Subscribe to Before & After, and become a
more capable, condent designer for pennies
per article. To learn more, go to
http://www.bamagazine.com/Subscribe
E-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notied by e-mail of new articles as
they become available, go to

5 of 5

BAmagazine.com

i U X

Before & After magazine


Before & After has been sharing its practical approach
to graphic design since 1990. Because our modern world
has made designers of us all (ready or not), Before &
After is dedicated to making graphic design understandable, useful and even fun for everyone.
John McWade Publisher and creative director
Gaye McWade Associate publisher
Dexter Mark Abellera Staff designer
Before & After magazine
323 Lincoln Street, Roseville, CA 95678
Telephone 916-784-3880
Fax 916-784-3995
E-mail mailbox@bamagazine.com
www http://www.bamagazine.com
Copyright 2008 Before & After magazine
ISSN 1049-0035. All rights reserved

9 of 9

Design talk

0675

Design Talk 16: Five Design Ideas 0675

Printing formats

You may pass along a free copy of this article to others


by clicking here. You may not alter this article, and you
may not charge for it. You may quote brief sections
for review; please credit Before & After magazine, and
let us know. To link Before & After magazine to your
Web site, use this URL: http://www.bamagazine.com.
For all other permissions, please contact us.

Before&After | www.bamagazine.com

http://www.bamagazine.com/email

0675 Design Talk 16: Five Design Ideas

Das könnte Ihnen auch gefallen