Design - Label Style Title
-
Upload
joseph-ille -
Category
Documents
-
view
223 -
download
0
Transcript of Design - Label Style Title
-
8/13/2019 Design - Label Style Title
1/16
Continued
Before&After
Label-style title 0600
XiBAmagazine.com U
Words in a shape convey apleasing blend of informalityand permanence.
titlelabel-styleDesign a
-
8/13/2019 Design - Label Style Title
2/16
2of 10 Label-style title 0600
Before&After XiBAmagazine.com U
DesignClassics
TRADITIONALINTERIORS
ANDFURNISHINGS
DC
thomas fabrics
2004 WINTER COLLECTION
SWATCH BOOK
Design a label-style titleWords in a shape make a simple and attractive point of interest
CRAZYCOLORS
2005CalendarTheyearincolor
Add a little fun to your next cover by giving it a label-style title. The simplicity, depth
and real-object feel of a label yields great results on a wide variety of backgrounds. A
label draws the readers eye immediately, it conveys a pleasing blend of informality
and permanence, and its especially useful when you have no other artwork. Attention
to placement and contrasts are the keys to producing good designs.
-
8/13/2019 Design - Label Style Title
3/16
Before&After Label-style title 3of 10
3of 10 Label-style title 0600
XiBAmagazine.com U
Activate your design
A label-style title conveys a sense of deliberate design.It pulls the eye across empty spacelike a painting on an empty wall and engages the reader with its shape and presence.
Off center creates motionbut which side?
Because we read left to right, our eyes naturally
drift to the rightwe refer to this as riding the read
breezewhich affects our design. (A) A label on
the right is a destinationour eyes moveacross
empty space toward the label. This is strong design.
(B) Conversely, a label on the left is read rst, then
the eye drifts rightward into empty and unrewarding
space. Acceptable design but not as strong.
You have a blank page
and a title to put on it.
Where do you start?
(A) One approach is to
ll up the space with
type. The result is read-
able and stands out on a
shelf, but its static and
has no artistry or grace.
(B) A label turns the
empty space into a visual
force that pushes the eye
rightward, energizing thedesign. The label-style
treatment creates a focal
point and mimics reality,
too. Thats design.
CRAZYCOLORS
2005CalendarThe yearin color
CRAZYCOLORSThe year in color
2005 Calendar
A
B
A B
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
4/16
Before&After Label-style title 4of 10
4of 10 Label-style title 0600
XiBAmagazine.com U
Color
For a fresh, inviting look, use adjacent (analogous) colors, which always work welltogether. Use dark, medium and light values for a vibrant contrast.
Analogous colors make harmonious
palettes because they have a color
in common. Orange, red and violet,
for example, all contain red (below).
Analogous
colors are easy
to usepick
a color on the
wheel, and then
pick the color
next to it.
RedBlue
CRAZYCOLORS
2005calendarThe yearin color
CRAZYCOLORS2005calendarThe yearin color
Dark
Medium
Light
CRAZYCOLORS2005CalendarThe yearin color
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
5/16
Before&After Label-style title 5of 10
5of 10 Label-style title 0600
XiBAmagazine.com U
Crazycolors2005CalendarThe yearin color
CrazyColors
2005CalendarThe yearin color
CRAZYCOLORS
2005CalendarThe year
in color
Title
Uppercase and bold
Type
The main visual interest on the small eld is its typography. Here, a dense blockof simple, bold type complements the simple, bold rectangle.
Default leading (spacing) thats cor-
rect at text size is too airy at head-line size. Squeeze the air out of your
headline with negative leading and
tight letterspacing. (A) 16.5/19.5 pt,
letterspacing 0, (B) 16.5/13.5 pt, letter-
spacing 30. The result is a bold block
of type inside the bold rectangle.
Type is one size and color,
differentiated only bycontrasts of weight and
case. Youll need a type
family that contains both
light and heavy weights to
ensure type harmony.
Support copy
Lowercase and light
A B
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
6/16
Before&After Label-style title 6of 10
6of 10 Label-style title 0600
XiBAmagazine.com U
Along with a drop shadow, bleeding the
tab off the edge fastens it to the page
and, in this case, mimics a true sewn-
on fabric tab. The depth of the shadow
should be similar to the materials depth.
Our shadow settings: Opacity: 60%,
X-Offset: 0p0,Y-Offset: 0p2,Blur: 0p4,
Mode: Multiply
A tab does more
than provide
space for type.
It reduces your
eld to a man-
ageable size
and creates an
all-eyes-on-me
focal point that
you cant miss
on an open eld.
Title tab
Heres the label as a 3-D tab. Fun and realistic, too, a tab shrinks your title eld toa manageable size, and it works great atop photos.
thomasfabrics
2004 WINTER COLLECTION
SWATCH BOOK
The best background photos have fairly uni-
form texture and value. What do you do if you
have a busy photo (above, left)? One solution
is to enlarge a detail (above, right) until it
smooths out.
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
7/16
Before&After Label-style title 7of 10
7of 10 Label-style title 0600
XiBAmagazine.com U
Desig
nClassics
TRADITIONALINTERIORS
ANDFURNISHINGS
DC
Banners and corners
Sometimes your photo is key; your readers really need to see it. In such a case, setyour label as a low-key accent that plays a supporting role.
A label can be any shape. Top-heavy image?
Balance it by running a label across the bot-
tom. Have an open corner or free spacealong
the side? Put your label there. Apply a slight
drop shadow to complete the look.
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
8/16
Before&After Label-style title 8of 10
8of 10 Label-style title 0600
XiBAmagazine.com U
DesignClassics
TRADITIONALINTERIORS
ANDFURNISHINGS
DCUsing only colors from the photo, dark type
on a medium-value label (A) yields soft con-
trast; the type does not jump off the page,
but its seen and heard in a speaking voice.
Light type on dark (B) is a stronger difference
and makes a more forceful presentation.
Design ClassicsTRADITIONAL INTERIORSANDFURNISHINGSDC
Design ClassicsTRADITIONALINTERIORSAND FURNISHINGSDC
Colors of label
and type will
say a lot in your
design. The
most harmoni-
ous place to ndcolors is right in
the image; select
light, medium
and dark values
of each.
Contrast
Give your label a voicethe difference of light and dark determines the voice and visibilityof your label. High, medium and low contrasts are similar in voice to yell, speak, whisper.
A
B
Note:In high contrast, a
white line divides the infor-
mation within the label.
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
9/16
Before&After Label-style title 9of 10
9of 10 Label-style title 0600
XiBAmagazine.com U
Article resources
DesignClassics
TRADITIONALINTERIORS
ANDFURNISHINGS
DC
thomas fabrics
2004 WINTER COLLECTIONSWATCH BOOK
7a7b
Typefaces
1 Vectora Black| 16.5/13.5 pt
2 Vectora Light| 16.5/13.5 pt
3 Helvetica Neue Light Ext.| 20 pt
4 Helvetica Neue Heavy Cond.| 14/14 pt
5 Helvetica Neue Light Cond.| 14/14 pt
6 Didi Regular | 54 pt
7 (a-b) Avenir Light| a)24/28 pt,
b)10.8/12 pt
Images
8 Phototone Backgrounds,
Paper & Textiles CD
9 (a-b) Photos.com | a b
Article resources
Colors
C0M15Y100K0
C40M0Y100K15
C25M0Y100K0
C90M5Y40K0
C90M55Y0K45
C10M40Y90K0
C15M100Y100K0
C40M90Y10K45
C0M100Y85K0
C95M60Y45K30
C20M25Y35K0
C40M30Y60K25
C25M90Y95K45
C45M60Y65K55
10
11
12
13
14
15
1
4
10
CRAZYCOLORS
CRAZY
COLORS
CRAZYCOLORS
2005CalendarThe yearin color
DC
DC
2
11
19
318
6
13
12
17
14
16
15
21
23
22
20
5
20
23
8
9a
9b 16
17
18
19
20
21
22
23
DC
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
10/16
Before&After
10of 10 | Printing formats
Label-style title 10of 10
Label-style title 0600
XiBAmagazine.com U
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
CRAZY
COLORS
2005CalendarTheyearin color
-
8/13/2019 Design - Label Style Title
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
-
8/13/2019 Design - Label Style Title
12/16
Before&After|www.b
amagazine.com
1of5
Label-styletitle0600
0600Label-styletitle
Addalittlefuntoy
ournextcoverbygiving
italabel-styletitle.The
simplicity,depth
andreal-objectfeelofalabelyieldsgreatresultsonawidevarietyofbackgrounds.A
labeldrawstherea
derseyeimmediately,itconveysapleasingblen
dofinformality
andpermanence,a
nditsespeciallyuseful
whenyouhavenootherartwork.Attention
toplacementandc
ontrastsarethekeysto
producinggooddesigns.
Wordsinashapeconveya
pleasingblendofin
formality
andpermanence.
title
lab
el-s
tyle
Designa
Desig
nClassics
TRADITIO
NALINTE
RIO
RS
ANDFU
RNISH
INGS
DC
thomasfabrics
2004W
INTERCOLLECTION
SWATCH
BOOK
CRAZY
CO
LOR
S
2 0 0 5
C a l e
n d a r
T h e
y e a r
i n
c o
l o r
-
8/13/2019 Design - Label Style Title
13/16
Before&After|www.bamagazine.com
2of5
Label-styletitle0600
0600Label-styletitle
Activateyourdes
ign
Alabel-styletitleconveysasenseofdelibera
tedesign.Itpullstheeyeacrossemptyspace
likeapaintingona
nemptywallandengag
esthereaderwithitssh
apeandpresence.
Offcentercreatesmotionbutwhichside?
Becausewereadlefttor
ight,oureyesnaturally
drifttotherightwereferto
thisasridingtheread
breezewhichaffectsou
rdesign.(A)Alabelon
therightisadestination
oureyesmoveacross
emptyspacetowardthelabel.Thisisstrongdesign.
(B)Conversely,alabelonth
eleftisreadrst,then
theeyedriftsrightwardintoe
mptyandunrewarding
space.Acceptabledesignbutnotasstrong.
Youhaveabl
ankpage
andatitleto
putonit.
Wheredoyou
start?
(A)Oneappro
achisto
llup
thespa
cewith
type.Theresultisread-
ableandstan
dsoutona
shelf,butits
staticand
hasnoartistryorgrace.
(B)Alabelturnsthe
emptyspace
intoavisual
forcethatpu
shestheeye
rightward,en
ergizingthe
design.Thela
bel-style
treatmentcreatesafocal
pointandmimicsreality,
too.Thatsde
sign.
CRAZY
COLO
RS
2005
Calendar
Theye
ar
in
colo
r
CRAZY
COLORS
The
yearincolor
2005
Calendar
AB
A
B
Color
Forafresh,inviting
look,useadjacent(ana
logous)colors,whichal
waysworkwell
together.Usedark,
mediumandlightvalue
sforavibrantcontrast.
Analogouscolorsmakeharmonious
palettesbecausetheyhaveacolor
incommon.Orange,red
andviolet,
forexample,allcontain
red(below).
Analogous
colorsareeasy
tousepick
acoloronthe
wheel,and
thenpickthe
colornexttoit.
Red
Blue
CRAZY
COLORS
2005
calendar
The
year
in
color
CRAZY
COLORS
2005
calendar
The
year
in
color
Da
rkMedium
Light
CRAZY
COLORS
2005
Calendar
Theyear
in
color
-
8/13/2019 Design - Label Style Title
14/16
Before&After|www.bamagazine.com
3of5
Label-styletitle0600
0600Label-styletitle
Crazy
colors
2005
Calendar
The
year
in
color
Cra
zy
Colors
200
5
Cal
endar
The
year
in
c
olor
C
RAZY
C
OLORS
2005
Calendar
Theyear
in
color
Title
Uppercaseandbold
Type
Themainvisualinterestonthesmalleldisitstypography.Here,a
denseblock
ofsimple,boldtypecomplementsthesimp
le,boldrectangle.
Defaultleading(spacing
)thatscor-
rectattextsizeistooairyathead-
linesize.Squeezetheairoutofyour
headlinewithnegativel
eadingand
tightletterspacing.(A)1
6.5/19.5pt,
letterspacing0,(B)16.5/13.5pt,letter-
spacing30.Theresultis
aboldblock
oftypeinsidetheboldrectangle.
T
ypeisonesizeandcolor,
d
ifferentiatedonlyby
c
ontrastsofweightand
c
ase.Youllneedatype
f
amilythatcontainsboth
l
ightandheavyweightsto
e
nsuretypeharmony.
Supportcopy
Lowercaseandlight
A
B
Alongwithadropshadow,bleedingthe
tabofftheedgefastens
ittothepage
and,inthiscase,mimicsatruesewn-
onfabrictab.Thedepth
oftheshadow
shouldbesimilartothe
materialsdepth.
Ourshadowsettings:Opacity:60%,
X-Offset:0p0,Y-Offset:
0p2,Blur:0p4,
Mode:Multiply
Atabdoesm
ore
thanprovide
spacefortyp
e.
Itreducesyour
eldtoaman-
ageablesize
andcreatesa
n
all-eyes-on-m
e
focalpointth
at
youcantmis
s
onanopen
eld.
Title
tab
Heresthelabelasa
3-Dtab.Funandrealis
tic,too,atabshrinksyourtitleeldto
amanageablesize,
anditworksgreatatopphotos.
t homasfabrics
2004WINTERCOLLECTION
SWATCHBOOK
Thebestbackground
photoshavefairlyuni-
form
textureandval
ue.Whatdoyoudoifyou
haveabusyphoto(a
bove,left)?Onesolution
istoenlargeadetail
(above,right)untilit
smoothsout.
-
8/13/2019 Design - Label Style Title
15/16
Before&After|www.bamagazine.com
4of5
Label-sty
letitle0600
0600Label-styletitle
Desig
nClassics
TRADITIO
NALINTE
RIO
RS
ANDFU
RNISH
INGS
DC
Banners
and
corne
rs
Sometimesyourph
otoiskey;yourreaders
reallyneedtoseeit.Ins
uchacase,set
yourlabelasalow-
keyaccentthatplaysas
upportingrole.
Alabelcanbeanyshape.Top-heavyimage?
Balanceitbyrunningalabelacrossthebot-
tom.Haveanopencorneror
freespacealong
theside?Putyourlabelther
e.Applyaslight
dropshadow
tocompleteth
elook.
D
esignClassics
TRADITI
ONALINTE
RIO
RS
ANDFU
RNISH
INGS
DC
Usingo
nlycolorsfrom
thephoto,dar
ktype
onamedium-valuelabel(A)yieldsso
ftcon-
trast;thetypedoesnotjumpoffthe
page,
butits
seenandheardinaspeaking
voice.
Lightty
peondark(B)isastrongerdifference
andma
kesamoreforcefulpresentat
ion.
DesignCla
ssics
TRADITIONALINTERIO
RS
AND
FURNISHINGS
DC
DesignCla
ssics
TRADITIONALINTERIO
RS
AND
FURNISHINGS
DC
Colorsoflabel
andtypewill
sayalotinyour
design.Them
ost
harmonious
placetond
colorsisrightin
theimage;se
lect
light,medium
anddarkvalu
es
ofeach.
Contrast
Giveyourlabelavoicethedifferenceoflightanddarkdetermine
sthevoiceandvisibility
ofyourlabel.High,mediumandlowcontrastsaresimilarinvoicetoyell,speak,whisper.
AB
Note:Inhighcontra
st,a
whitelinedividestheinfor-
mationwithinthelabel.
-
8/13/2019 Design - Label Style Title
16/16
Before&After|www.bamagazine.com
5of5
Label-sty
letitle0600
0600Label-styletitle
Before&Aftermag
azine
Before&Afterhasbeensharingitspracticalapproach
tographicdesignsinc
e1990.Becauseourmodernwor
ld
hasmadedesignerso
fusall(readyornot),Before&
Afterisdedicatedtom
akinggraphicdesignunderstand
-
able,usefulandevenfunforeveryone.
JohnMcWadePublisherandcreativedirector
GayeMcWadeAssociatepublisher
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.If
youdothis,pleasecreditBefore
&Aftermagazine,and
letusknow.Tofeaturefree
Before&Afterarticles
onyourWebsite,pleasecontact
us.Forpermissiontoincludeallorpartofthisarticlein
anotherwork,pleasecontactus.
SubscribetoBefore
&After
Didyouenjoythisarticle?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
Desig
nClassic
s
TRADITIO
NALINTERIO
RS
ANDFU
RNIS
HIN
GS
DC
thomasfabrics
2004WINTERCOLLECTION
SWATCHBOOK
7a7b
Typ
efaces
1VectoraBlack|16.5/13.5pt
2VectoraLight|16.5/13.5pt
3HelveticaNeueLightExt.|20pt
4HelveticaNeueHeavyCond.|14/14
pt
5H
elveticaNeueLightCond.|14/14p
t
6DidiRegular|54pt
7(a-b)AvenirLight|a)24/28pt,
b)10.8/12pt
Images
8PhototoneBackgrounds,
Paper&TextilesCD
9(a-b)Photos.com|a
b
Articleresources
Colors
C0M15Y100K0
C40M0Y100K15
C25M0Y100K0
C90M5Y40K0
C90M55Y0K45
C10M40Y90K0
C15M100Y100K0
C40M90Y10K45
C0M100Y85K0
C95M60Y45K30
C20M25Y35K0
C40M30Y60K25
C25M90Y95K45
C45M60Y65K55
10
11
12
13
14
15
14
10
CRAZY
COLORS
CRAZY
COLORS
CRAZY
COLORS
2005
Calendar
Theyear
in
color
DC
DC
2
11
193
18
6
13
12
17
14
16
15
21
23
22
20
5
20
23
89a
9b
16
17
18
19
20
21
22
23
DC