Upload
dsnv
View
235
Download
0
Embed Size (px)
Citation preview
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
7/29/2019 Before and After 0607
2/16
Before&After
2of10
XiBAmagazine.com U
How to design a second page 0607
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
7/29/2019 Before and After 0607
3/16
Before&After How to design a second page 3of 10
3of10
XiBAmagazine.com U
How to design a second page 0607
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
Precisely catalogued and carefullyidentied for the viewers
pleasure and learning
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
7/29/2019 Before and After 0607
4/16
Before&After How to design a second page 4of 10
4of10
XiBAmagazine.com U
How to design a second page 0607
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
Our interest is to preserve andmaintain wildlands and wildlifethroughout the great stateofCalifornia
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.
7/29/2019 Before and After 0607
5/16
Before&After How to design a second page 5of 10
5of10
XiBAmagazine.com U
How to design a second page 0607
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
7/29/2019 Before and After 0607
6/16
Before&After How to design a second page 6of 10
6of10
XiBAmagazine.com U
How to design a second page 0607
Color
A grid of dissimilar images is naturally complex and should be simplied. An easyorganizational technique is to create one row of similar colors.
A door of opportunity awaits you
The Art Collegeof Washington
Spokane
A door of opportunity awaits you
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
A door of opportunity awaits you
The Art Collegeof Washington
Spokane
7/29/2019 Before and After 0607
7/16
Before&After How to design a second page 7of 10
7of10
XiBAmagazine.com U
How to design a second page 0607
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
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.
Dawn Neil Interior Designer
2230 East Woodrow StreetModesto, California, [email protected]
Dawn Neil Interior Designer
Dawn Neil Interior Designer
Same shapes, fonts, sizes and colors but opposite backgrounds
7/29/2019 Before and After 0607
8/16
Before&After How to design a second page 8of 10
8of10
XiBAmagazine.com U
How to design a second page 0607
Dawn Neil Interior Designer
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
www.dawnneildesign.com
Dawn Neil Interior Designer
2230 East Woodrow StreetModesto, California, 95240www.dawnneildesign.com
Dawn Neil Interior Designer
Dawn Neil Interior Designer
Dawn Neil Interior Designer
7/29/2019 Before and After 0607
9/16
Before&After How to design a second page 9of 10
9of10
XiBAmagazine.com U
How to design a second page 0607
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
Our interest is to preserve andmaintain wildlands and wildlifethroughout the great stateofCalifornia
AllRightsReserved.Unauthorizedduplication is aviolatio
nofap
plicable
laws
.
3b4b
4c
11c
A door of opportunity awaits you
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
Dawn Neil Interior Designer
8b9b
10
11g
11d 11e
26
26
Hawaiian Collection
Precisely catalogued and carefullyidentied for the viewers
pleasure and learning
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
7/29/2019 Before and After 0607
10/16
Before&After
10of10 | Printing formats
XiBAmagazine.com UHow to design a second page 10of 10
How to design a second page 0607
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
7/29/2019 Before and After 0607
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.
Format: Landscape
Page Size: Fit to Page
Save
Presentation format or
Paper-saver format
7/29/2019 Before and After 0607
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
7/29/2019 Before and After 0607
13/16
Before&After|www.bamagazine.com
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
Reserved.Unauthorizeddup
l
i c at ion
isav i o
lationof app
licab
lela
ws.
AmericanWildlands
Ourinterestistopreserveand
maintain
wildlandsandwildlife
througho
utthegreatstate
ofCalifornia
AllR
ights
Reserved.Unauthorizeddup
l
i c at ion
isav i olationof app
licablela
ws.
AmericanWildlands
Ourinterestistopreserveand
maintainwildlandsandwildlife
throughoutthegreatstate
ofCalifornia
Forcontinuity,repeatthecovertypefaces
inside.Notetha
tthegreenbackgroundisa
neutralvaluea
gainstwhichdarkandlight
typearedistinc
tivelyseparate.
AmericanWildlandsConservationProgram
N
F
B
T
HawaiianCollection
Preciselycataloguedandcarefully
identiedfortheviewers
pleasureandlearning
Thiscollectionis
licensed
on
the
basis
thatth
euse
rmayuse
the
images
in
wholeo
r inpartexcep
tfor
resaleorin
distributio
no
fthecollectionitself
7/29/2019 Before and After 0607
14/16
Before&After|www.bamagazine.com
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.
Adoorofopportunityawaitsyou
TheArtC
ollege
ofWashington
Sp
okane
Adoorofopportunityawaitsyou
TheArtC
ollege
ofWashington
Sp
okane
A)Thetitlerowismadeofimageswithsimilar
colorswithafewsquaresleftemptyforthewords;
onabusyeld,suche
mptyspacereallystandsout.
B)Thetypecolormustbesimilar,too;wordsincool
bluewoulddisruptthecontinuity.C)Togetthis,
justsamplethewarm
neighboringcolors.
ABC
Adoorofopportunityawaitsyou
TheArtCollege
ofWashington
Spokane
7/29/2019 Before and After 0607
15/16
Before&After|www.ba
magazine.com
4of5
Howtodesignasecon
dpage0607
0607Howtodesign
asecondpage
DawnNeil
InteriorD
esigner
2230EastWoodrowStreet
Modesto,Ca
lifornia,95240
www.dawnneildesign.com
DawnNeil
InteriorD
esigner
2230EastWoodrowStreet
Modesto,Ca
lifornia,95240
www.dawnneildesign.com
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
www.dawnneildesign.com
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
www.dawnneildesign.com
D
awnNeil
InteriorDesigner
DawnNeil
InteriorDesigner
DawnNeil
InteriorDesigner
D
awnNeil
InteriorDesigner
7/29/2019 Before and After 0607
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
Ourinterestistopreserveand
maintainwildlandsandwildlife
throughoutthegreatstate
ofCalifornia
All
Rig
hts
Rese
rved.Unauthorizeddup
l
icat
ion
i sav io
lationofap
plicablela
ws.
3b
4b
4c
11c
Adoorofopportunityawaitsyou
TheArtCollege
ofWashington
Spokane
21
22
20
7a
7b 5
12
Unlockyourimagination
TheArtCollegeof
WashingtonSpokane
www.acws.artcollege.edu
67c
24
23
25
8a
9a
11f
2230EastWoodrowStreet
Modesto,California,95240
www.dawnneildesign.com
DawnNeil
InteriorDesigner
8b
9b
10
11g
11d
11e
26
26
HawaiianCollection
Precis
elycataloguedandcarefully
identiedfortheviewers
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