Before and After 0607

7/29/2019 Before and After 0607

1/16

Before&After

Continued

XiBAmagazine.com U

How to design a second page 0607

second page

Continued

How to design a

HawaiianCollection

Seashells


2/16

Before&After

2of10

XiBAmagazine.com U


How to design a second pageYouve designed a beautiful outside. How do you follow it up inside? Simply.

Outsides have insides. Once youve

designed a beautiful cover, you want the

following pages to be beautifully similar.

But inside is a different space with

different words and a different purpose,

so how do you retain the look? The key

is simplicity; the second page should be

a lesserand simplerversion of the rst.

Four techniques:

A beautiful, jewel-box cover has been carefully cropped from a larger

image. Key to this design is placement; note (above right) that the

seashells position denes the margins containing the type.

SeashellsHawaiian Collection

Hawaiian CollectionSeashells

Outside


3/16

Before&After How to design a second page 3of 10

3of10

XiBAmagazine.com U


Repeat the center of interest

When your cover has a strong focal point like this one, mask its background and bringit inside. Alone on a white canvas, it will stand out in striking relief.

Hawaiian CollectionSeashells

Hawaiian Collection

Precisely catalogued and carefullyidentied for the viewers

pleasure and learning

Thiscolle

ctio

nislic

ensedo

nth

ebasisthattheusermayusetheimagesinwholeorinparte

xceptf

orresale

orin

dis

trib

utionofthe

coll

ectio

n

itse

lf



Hawaiian Collection

Hierarchy Make type and other graphics secondary to

the focal point. To do this, center the layoutwhich moves

the eye down the page in a straight line (above left)and

make the type recede: Set it small (smaller than youd

think), and color it gray (above right) or a light tint of theimage itself. The result is a handsome, minimalistlook.

By repeating the outside image inside, you get built-in

continuity of shape, color and texture while making a

fresh, bold statement. The inside is clearly a subset of the

outside, yet has its own distinctive presence.

Inside


4/16


4of10

XiBAmagazine.com U


American Wildlands

Our interest is to preserve andmaintain wildlands and wildlifethroughout the great stateof California

AllRightsReserved.Unauthorizedduplicationisaviolation

ofapp

licab

lelaw

s.

A forest is vast, panoramic and dis-

tant. A small object brings it close,

puts it at human scale, makes it

touchable. Below, simple alignment

helps bring the outside in.

Find something in the scene

If the outside is big, make the inside small. Bring something from the forest to the insidea pine cone, an eagle, a rockand youll create a beautiful contrast of far and near.

AllRightsReserved.Unauthorizedduplicationis aviolatio

nofap

plica

blelaws.

American Wildlands

Our interest is to preserve andmaintain wildlands and wildlifethroughout the great stateofCalifornia

AllRightsReserved.Unauthorizedduplicationis aviolatio

nofap

plica

blelaws.

American Wildlands


American Wildlands Conservation Program

N F

B T

For continuity, repeat the cover typefaces

inside. Note that the green background is a

neutral value against which dark and light

type are distinctively separate.


5/16


5of10

XiBAmagazine.com U


Lift out one piece

Tell a story. Here, a build-it-yourself cover of doors prepares the viewer forthe key insidea single square lifted out and enlarged.

Unlock your imagination

Its the only image with a key,

appropriately tying it to the mes-

sage, Unlock your imagination.

At rst glance, what you see is a collage of doors. The

fun is that you can hide your message on the cover and

then reveal it inside.

Tint the type color to

blend with the image.

50%

A door of opportunity awaits you

The Art Collegeof Washington

Spokane


6/16


6of10

XiBAmagazine.com U


Color

A grid of dissimilar images is naturally complex and should be simplied. An easyorganizational technique is to create one row of similar colors.



Spokane


The Art College

of WashingtonSpokane

A) The title row is made of images with similar

colors with a few squares left empty for the words;

on a busy eld, such empty space really stands out.

B) The type color must be similar, too; words in coolblue would disrupt the continuity. C) To get this,

just sample the warm neighboring colors.

A

B

C



Spokane


7/16


7of10

XiBAmagazine.com U


Make your own object

Draw an objectsimpler is betteratop your image, then repeat it inside. This techniqueis especially handy if your cover image has no available follow-up.

2230 East Woodrow StreetModesto, California, 95240

www.dawnneildesign.com

[email protected]

Dawn Neil Interior Designer

Front

Back

This look is cool and low-key. Note thatsimilarities of shape, size

and color work together easily beside opposites of light and dark.

Note especially the very small type; it takes real restraint to set your

own name in 14-pt type, but the results couldnt be classier.


2230 East Woodrow StreetModesto, California, [email protected]



Same shapes, fonts, sizes and colors but opposite backgrounds


8/16


8of10

XiBAmagazine.com U



Layout

Position the shape in the same place on both sides, then align the type blocks neatlyto it. Be consistent and simple; note below the clean, straight lines of sight.

Note the positive-

negative use of color.

2230 East Woodrow StreetModesto, California, 95240


[email protected]


2230 East Woodrow StreetModesto, California, 95240www.dawnneildesign.com

[email protected]





9/16


9of10

XiBAmagazine.com U


Typefaces

1 (ab) Kon Tiki Enchanted | a) 34 pt,

b) 12 pt

2 (ac) Avenir Light | a) 11 pt, b) 7 pt,

c) 9/10.8 pt

3 (ab) Trajan Regular | a) 20/19 pt,

b) 20 pt

4 (ac) Avenir Light | a) 9/14 pt,

b) 8/9.6 pt, c) 7 pt

5 Adobe Garamond Bold | 18/16.5 pt,

6 Helvetica Neue Roman | 6.25 pt

7 (ac) Adobe Garamond Semi Bd. It.

a)14 pt, b) 10 pt, c) 10 pt

8 (ab) Helvetica Neue Md. | a) 10 pt,

b) 10 pt

9 (ab) Helvetica Neue Light | a) 10 pt,

b) 10 pt

10 Adobe Garamond Semi Bd. | 7.5/9 pt

Images

11 (ag) Photos.com |

a b c d e f g

12 All images are from Photos.com

Article resources

Colors

C35 M80 Y80 K40

C10 M25 Y60 K0

C0 M0 Y0 K70

C36 M30 Y30 K0

C30 M80 Y90 K50

C24 M19 Y49 K40

C24 M19 Y49 K0

C25 M90 Y100 K20

C19 M64 Y100 K5

C13 M29 Y58 K0

C70 M50 Y35 K10

C30 M30 Y50 K0

C25 M20 Y20 K0

C50 M40 Y100 K20

13

14

15

16

17

18

19

20

21

22

23

24

25

Dawn NeilInterior Designer

Hawaiian CollectionSeashells American Wildlands Conservation Program

N FB T

17

18

19

3a

4a

11b

American Wildlands


AllRightsReserved.Unauthorizedduplication is aviolatio

nofap

plicable

laws

.

3b4b

4c

11c


The Art Collegeof WashingtonSpokane

21

22

20

7a7b

5

12

Unlock your imagination

TheArt Collegeof Washington Spokane www.acws.artcollege.edu6

7c

24

23

25

8a

9a11f

2230 East WoodrowStreetModesto,California,95240

[email protected]


8b9b

10

11g

11d 11e

26

26

Hawaiian Collection



Thiscolle

ctio

nislic

ensedo

nthebasisthattheuse

rmayusetheimagesinwhole or in par

texce

ptforr

esale

orin

distrib

utiono

fth

eco

llectionit

sel

f

13

14

15

16

1a2a

1b

11a

2b

2c


10/16

Before&After

10of10 | Printing formats

XiBAmagazine.com UHow to design a second page 10of 10


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 understand-

able, useful and even fun for everyone.

John McWade Publisher and creative director

Gaye McWade Associate publisher

Vincent Pascual Staff designer

Dexter Mark Abellera Staff designer

Editorial board Gwen Amos, Carl Winther

Before & After magazine

323 Lincoln Street, Roseville, CA 95678

Telephone 916-784-3880

Fax 916-784-3995

E-mail [email protected]

www http://www.bamagazine.com

Copyright 2005 Before & After magazine, ISSN

1049-0035. All rights reserved

You may pass this article around, but you may not alter

it, and you may not charge for it. You may quote brief

sections for review. If you do this, please credit Before

& After magazine, and let us know. To feature free

Before & After articles on your Web site, please contact

us. For permission to include all or part of this article in

another work, please contact us.

Subscribe to Before & After

Did you enjoy this article? Subscribe, and

become a more capable, condent designer

for pennies per article. To learn more, go to

http://www.bamagazine.com/Subscribe

E-mail this articleTo 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

http://www.bamagazine.com/email


11/16

Before&After

Back | Paper-saver format

XiBAmagazine.com U

For paper-saver formatPrint: (Specify pages 1216)

For presentation formatPrint: (Specify pages 110)

Before & After is made to t 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.

Print

Format: Landscape

Page Size: Fit to Page

Save

Presentation format or

Paper-saver format


12/16

Before&After|www.bamagazine.com

1of5

Howtodesignasecondpage0607

0607Howtodesign

asecondpage

se

condpage

Continued

Ho

wtodesigna

Outsideshaveinsides.Onceyouve

desig

nedabeautifulcover,youwantthe

follow

ingpagestobebeautifullysimilar.

Butinsideisadifferentspace

with

differentwordsandadifferentpurpose,

soho

wdoyouretainthelook

?Thekey

issim

plicity;thesecondpage

shouldbe

alesserandsimplerversiono

ftherst.

Four

techniques:

Abeautiful,jewel-boxcoverhasbeenc

arefullycroppedfromalarger

image.Ke

ytothisdesignisplacement;

note(aboveright)thatthe

seashells

positiondenesthemargins

containingthetype.

Seashells

HawaiianCollection

Outside

Hawaiia

nCollection

S

eashells

H a w a i i a

n C o l l e c t i o n

Seas

hells


13/16


2of5

Howtodesignasecon

dpage0607

0607Howtodesign

asecondpage

HawaiianCollection

Seashells

AmericanWildlands

Ourinterestistopreserveand

maintainwildlandsandwildlife

throughoutthegreatstate

ofCalifornia

AllR

ights

Reserved.Unauthorizeddup

l

icat ionisa

violatio

nofapp

licablela

ws.

Repeatthecenterofinterest

Wh

enyour

coverh

asastron

gfo

calpoin

tli

kethis

on

e,maskits

backgroun

dan

dbrin

g

itin

side.Alon

eon

awhite

canva

s,itwillstand

outin

strikin

grelief.

Preciselycataloguedandcarefu

lly

identiedfortheviewers

pleasureandlearning

HawaiianCollection

HierarchyMaket

ypeandothergraphicssecondary

to

thefocalpoint.Todothis,centerthelayoutwhichmoves

theeyedownthepageinastraightline(aboveleft)

and

makethetyperecede:Setitsmall(smallerthanyoud

think),andcolorit

gray(aboveright)oralighttintofthe

imageitself.There

sultisahandsome,minimalistlook.

Byrepeatingtheoutsideimageinside,yougetbuilt-in

continuityo

fshape,colorandtexturewhilemakinga

fresh,boldstatement.Theinsideisclearlyasubsetofthe

outside,yet

hasitsowndistinctivepresence.

Inside

Aforestisvast,panoramica

nddis-

tant.Asmallobjectbringsit

close,

putsitathumanscale,make

sit

touchable.Below,simplealignment

helpsbringtheoutsidein.

Findsomethingin

thescene

Iftheoutsideis

big

,makethein

sidesmall.

Bringsom

ethin

gfrom

theforest

tothein

side

ap

inecon

e,an

eag

le,aro

ck

an

dyoullcr

eateabeautifulcon

trastoffaran

dn

ear.

AllR

ights


l

i c at ion

isav i o

lationof app

licab

lela

ws.

AmericanWildlands


maintain

wildlandsandwildlife

througho

utthegreatstate

ofCalifornia

AllR

ights


l

i c at ion

isav i olationof app

licablela

ws.

AmericanWildlands




ofCalifornia

Forcontinuity,repeatthecovertypefaces

inside.Notetha

tthegreenbackgroundisa

neutralvaluea

gainstwhichdarkandlight

typearedistinc

tivelyseparate.

AmericanWildlandsConservationProgram

N

F

B

T

HawaiianCollection

Preciselycataloguedandcarefully


pleasureandlearning

Thiscollectionis

licensed

on

the

basis

thatth

euse

rmayuse

the

images

in

wholeo

r inpartexcep

tfor

resaleorin

distributio

no

fthecollectionitself


14/16


3of5

Howtodesignasecon

dpage0607

0607Howtodesign

asecondpage

Unlockyo

urimagination

Adoorofopportunityawaitsyou

TheArtCollege

ofWashington

Spokane

Liftoutonepiece

Tellastory.Here,a

build-it-yourselfcoverofdoorspreparesthevie

werfor

thekeyinsidea

singlesquareliftedout

andenlarged.

Itstheonlyimagew

ithakey,

appropriatelytyingittothemes-

sage,Unlockyourim

agination.

Atrstglance,whatyou

seeisacollageofdoors.The

funisthatyoucanhideyourmessageonthecoverand

thenrevealitinside.

Tintthetypec

olorto

blendwiththe

image.

50%

Color

Agridofdissimilar

imagesisnaturallycom

plexandshouldbesimplied.Aneasy

organizationaltech

niqueistocreateonerowofsimilarcolors.


TheArtC

ollege

ofWashington

Sp

okane


TheArtC

ollege

ofWashington

Sp

okane

A)Thetitlerowismadeofimageswithsimilar

colorswithafewsquaresleftemptyforthewords;

onabusyeld,suche

mptyspacereallystandsout.

B)Thetypecolormustbesimilar,too;wordsincool

bluewoulddisruptthecontinuity.C)Togetthis,

justsamplethewarm

neighboringcolors.

ABC


TheArtCollege

ofWashington

Spokane


15/16

Before&After|www.ba

magazine.com

4of5

Howtodesignasecon

dpage0607

0607Howtodesign

asecondpage

DawnNeil

InteriorD

esigner

2230EastWoodrowStreet

Modesto,Ca

lifornia,95240


[email protected]

DawnNeil

InteriorD

esigner


Modesto,Ca

lifornia,95240


[email protected]

Makeyourownobject

Drawanobjectsimplerisbetteratopyourimage,thenrepeatitinside.Thistechnique

isespeciallyhandy

ifyourcoverimagehas

noavailablefollow-u

p.F

ro

nt

Back

This

lookiscoolandlow-key.Notethatsimilaritiesofshape,siz

e

and

colorworktogethereasilybe

sideoppositesoflightandda

rk.

Noteespeciallytheverysmalltyp

e;ittakesrealrestrainttosetyour

own

namein14-pttype,buttheresultscouldntbeclassier.

D

awnNeil

InteriorDesigner

2230EastWoodrow

Street

Modesto,California

,95240


[email protected]

D

awnNeil

InteriorDesigner

Sameshapes,fonts,sizesandcolorsbutopposite

backgrounds

DawnNeil

Int

eriorDesigner

Layout

Positiontheshape

inthesameplaceonbo

thsides,thenalignthet

ypeblocksneatly

toit.Beconsistent

andsimple;notebelow

theclean,straightlines

ofsight.

Notethepositive

-

negativeuseofcolor.

2230EastWoodrow

Street

Modesto,California,95240


[email protected]

D

awnNeil

InteriorDesigner

DawnNeil

InteriorDesigner

DawnNeil

InteriorDesigner

D

awnNeil

InteriorDesigner


16/16

Before&After|www.ba

magazine.com

5of5

How

todesignasecon

dpage0607

0607How

todesign

asecondpage

Before&Aftermag

azine

Before&Afterhasbee

nsharingitspracticalapproach

tographicdesignsince1990.Becauseourmodernworld

hasmadedesignersofusall(readyornot),Before&

Afterisdedicatedtom

akinggraphicdesignunderstand

-

able,usefulandevenfunforeveryone.

JohnMcWadePublis

herandcreativedirector

GayeMcWadeAssoc

iatepublisher

VincentPascualSta

ffdesigner

DexterMarkAbelle

raStaffdesigner

EditorialboardGwen

Amos,CarlWinther

Before&Aftermag

azine

323LincolnStreet,Roseville,CA95678

Telephone916-784-3880

Fax916-784-3995

E-mailmailbox@bama

gazine.com

wwwhttp://www.bam

agazine.com

Copyright2005Be

fore&Aftermagazine,ISSN

1049-0035.Allrightsreserved

Youmaypassthisarticlearound,butyoumaynotalter

it,andyoumaynotch

argeforit.Youmayquotebrief

sectionsforreview.Ifyoudothis,pleasecreditBefore

&Aftermagazine,and

letusknow.Tofeaturefree

Before&Afterarticles

onyourWebsite,pleasecontact

us.Forpermissiontoincludeallorpartofthisarticlein

anotherwork,pleasecontactus.

SubscribetoBefore

&After

Didyouenjoythisartic

le?Subscribe,and

becomeamorecapable,condentdesigner

forpenniesperarticle.

Tolearnmore,goto

http://www.bamagazine.com/Subscribe

E-mailthisarticle

Topassalongafreecopyofthisarticleto

others,clickhere.

Joinoure-list

Tobenotiedbye-mailofnewarticlesas

theybecomeavailable,goto

http://www.bamagazine.com/email

Typefaces

1(ab)KonTikiEnchanted|a)34pt,

b

)12pt

2(ac)AvenirLight|a)11pt,b)7pt,

c)9/10.8pt

3(ab)TrajanRegular|a)20/19pt,

b

)20pt

4(ac)AvenirLight|a)9/14pt,

b

)8/9.6pt,c)7pt

5A

dobeGaramondBold|18/16.5pt,

6H

elveticaNeueRoman|6.25pt

7(ac)AdobeGaramondSemiBd.It.

a

)14pt,b)10pt,c)10pt

8(ab)HelveticaNeueMd.|a)10pt,

b

)10pt

9(ab)HelveticaNeueLight|a)10pt,

b

)10pt

10AdobeGaramondSemiBd.|7.5/9pt

Images

11

(ag)Photos.com|

a

b

c

d

e

f

g

12AllimagesarefromPhotos.com

Articleresources

Colors

C35M80Y80K40

C10M25Y60K0

C0M0Y0K70

C36M30Y30K0

C30M80Y90K50

C24M19Y49K40

C24M19Y49K0

C25M90Y100K20

C19M64Y100K5

C13M29Y58K0

C70M50Y35K10

C30M30Y50K0

C25M20Y20K0

C50M40Y100K20

13

14

15

16

17

18

19

20

21

22

23

24

25

DawnNeil

Interio

rDesigner

HawaiianCollection

Seashells

AmericanWildlandsConse

rvationProgram

N

F

BT

17

18

19

3a

4a

11b

AmericanWildlands




ofCalifornia

All

Rig

hts

Rese

rved.Unauthorizeddup

l

icat

ion

i sav io

lationofap

plicablela

ws.

3b

4b

4c

11c


TheArtCollege

ofWashington

Spokane

21

22

20

7a

7b 5

12

Unlockyourimagination

TheArtCollegeof

WashingtonSpokane

www.acws.artcollege.edu

67c

24

23

25

8a

9a

11f


Modesto,California,95240


[email protected]

DawnNeil

InteriorDesigner

8b

9b

10

11g

11d

11e

26

26

HawaiianCollection

Precis

elycataloguedandcarefully


pleasureandlearning

Thiscollectionislice

nsed

onth

eb

asis

thatthe

usermayus

ethe

ima

gesin

who le

ori n p

artexcep

tfor

resa

leorin

distrib

utio

no

fthecollectionitself

13

14

15

16

1a

2a

1b

11a

2b

2c

Before and After 0607

Documents

Transcript of Before and After 0607