Ba 0600 Label Style Title

8/18/2019 Ba 0600 Label Style Title

1/16

Continued

Before&Af ter®

Label-style title 0600

Xi BAmagazine.com U

Words in a shape convey apleasing blend of informalityand permanence.

titlelabel-styleDesign a


2/16

2 of 10 Label-style title 0600

Before&Af ter® Xi BAmagazine.com U

D e s i g n C l a s s i c s

T R A D I T I O N A L I N T E R I O R S

A N D F U R N I S H I N G S

D C

thomas fabrics

2004 WINTER COLLECTION

SW ATCH BOOK

Design a label-style titleWords in a shape make a simple and attractive point of interest

CRAZ YCOLORS

2005Calendar The yearin color

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 reader’s eye immediately, it conveys a pleasing blend of informality

and permanence, and it’s especially useful when you have no other artwork. Attention

to placement and contrasts are the keys to producing good designs.


3/16


4/16

Before&Af ter® Label-style title 4 of 10


Xi BAmagazine.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 use—pick

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

C RA Z Y

C O L O R S

2 0 05Calendar T he year in color


5/16



Xi BAmagazine.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) that’s 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. You’ll need a type

family that contains both

light and heavy weights to

ensure type harmony.

Support copy

Lowercase and light

A B

C RA Z Y

C O L O R S



6/16


7/16


8/16



Xi BAmagazine.com U




D C Using 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 it’s seen and heard in a speaking voice.

Light type on dark (B) is a stronger difference

and makes a more forceful presentation.

Design ClassicsTRADITIONAL INTERIORSAND FURNISHINGSDC

Design ClassicsTRADITIONAL INTERIORSAND 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 voice—the 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.

C RA Z Y

C O L O R S



9/16



Xi BAmagazine.com U

Article resources




D C

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

C0 M15 Y100 K0

C40 M0 Y100 K15

C25 M0 Y100 K0

C90 M5 Y40 K0

C90 M55 Y0 K45

C10 M40 Y90 K0

C15 M100 Y100 K0

C40 M90 Y10 K45

C0 M100 Y85 K0

C95 M60 Y45 K30

C20 M25 Y35 K0

C40 M30 Y60 K25

C25 M90 Y95 K45

C45 M60 Y65 K55

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

C RA Z Y

C O L O R S



10/16

Before&Af ter

10 of 10 | Printing formats

® Label-style title 10 of 10

Label-style title 0600

Xi BAmagazine.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

C RA Z Y

C O L O R S



11/16

Before&Af ter®

Back | Paper-saver format

Xi BAmagazine.com U

For paper-saver formatPrint: (Specify pages 12–16)

For presentation formatPrint: (Specify pages 1–10)

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

B ef or e &Af t er | www. b

a m a g a z i n e . c o m

1 o f 5

L a b el - s t y l e t i t l e 0 6 0 0

0 6 0 0 L a b el - s t y l e t i t l e

A d d al i t t l ef un t o y

o ur n ex t c ov er b y gi vi n g

i t al a b el - s t yl e t i t l e .T h e

s i m pl i c i t y , d e p t h

an d r e al - o b j e c t f e el of al a b el yi el d s gr e a t r e s ul t s on awi d ev ar i e t y of b a c k gr o un d s .A

l a b el d r aw s t h er e a

d er ’ s e y ei mm e d i a t el y ,i t c onv e y s a pl e a s i n g b l en

d of i nf or m al i t y

an d p er m an en c e , a

n d i t ’ s e s p e c i al l y u s ef ul

wh en y o uh av en o o t h er ar t w or k .A t t en t i on

t o pl a c em en t an d c

on t r a s t s ar e t h e k e y s t o

pr o d u c i n g g o o d d e s i gn s .

W or d s i n a s h a p e c onv e y a

pl e a s i n g b l en d of i n

f or m al i t y

an d p er m an en c e .

t i t l e

l a b

e l - s

t y l e

D e s i g n a

D e s i g

n C l a s s i c s

T R A D I T I O

N A L I N T E

R I O

R S

A N D F U

R N I S H

I N G S

D C

thomasfabrics

2004W

INTERCOLLECTION

SWATCH

BOOK

C R A Z Y

C O

L O R

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


13/16

B ef or e &Af t er | www. b a m a g a z i n e . c o m

2 o f 5



A c t i v a t e y o ur d e s

i gn

A l a b el - s t yl e t i t l e c onv e y s a s en s e of d e l i b e r a

t e d e s i g n .I t p ul l s t h e e y e a c r o s s em p t y s p a c e

l i k e a p ai n t i n g on a

n em p t yw al l an d en g a g

e s t h er e a d er wi t h i t s s h

a p e an d pr e s en c e .

Of f c en t er c r e a t e s m o t i on— b u t wh i c h s i d e?

B e c a u s e w e r e a d l e f t t o r

i g h t , o u r e y e s n a t u r a l l y

d r i f t t o t h e r i g h t —w e r e f e r t o

t h i s a s r i d i n g t h e “ r e a d

b r e e z e ” —wh i c h a f f e c t s o u

r d e s i g n . ( A ) A l a b e l o n

t h e r i g h t i s a d e s t i n a t i o n —

o u r e y e s m o v e a c r o s s

e m p t y s p a c e t o w a r d t h e l a b e l .T h i s i s s t r o n g d e s i g n .

( B ) C o n v e r s e l y , a l a b e l o n t h

e l e f t i s r e a d r s t , t h e n

t h e e y e d r i f t s r i g h t w a r d i n t o e

m p t y a n d u n r e w a r d i n g

s p a c e .A c c e p t a b l e d e s i g n b u t n o t a s s t r o n g .

Y o uh a v e a b l

a nk p a g e

a n d a t i t l e t o

p u t oni t .

Wh er e d o y o u

s t a r t ?

( A ) On e a p pr o

a c h i s t o

l l u p

t h e s p a

c ewi t h

t y p e.T h er e s ul t i s r e a d -

a b l e a n d s t a n

d s o u t on a

s h el f , b u t i t ’ s

s t a t i c a n d

h a s n o a r t i s t r y or gr a c e.

( B ) Al a b el t ur n s t h e

em p t y s p a c e

i n t o a v i s u a l

f or c e t h a t p u

s h e s t h e e y e

r i gh t w a r d , en

er gi z i n g t h e

d e s i gn.T h el a

b el - s t y l e

t r e a t m en t c r e a t e s a f o c a l

p oi n t a n d mi mi c s r e a l i t y ,

t o o.T h a t ’ s d e

s i gn.

C R AZ Y

C OL O

R 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

C R AZ Y

C OL OR S

T h e

y e a r i n c ol or

2 0 0 5

C a l e n d a r

AB

A

B

C ol or

F or af r e s h ,i nvi t i n g

l o o k , u s e a d j a c en t ( an a

l o g o u s ) c ol or s ,wh i c h al

w a y s w or k w el l

t o g e t h er . U s e d ar k ,

m e d i um an d l i gh t v al u e

s f or avi b r an t c on t r a s t .

An a l o g o u s c ol or s m a k eh a r m oni o u s

p a l e t t e s b e c a u s e t h e y h a v e a c ol or

i n c omm on. Or a n g e ,r e d

a n d v i ol e t ,

f or ex a m pl e , a l l c on t a i n

r e d ( b el ow ) .

A n a l o g o u s

c o l o r s a r e e a s y

t o u s e — p i c k

a c o l o r o n t h e

wh e e l , a n d

t h e n p i c k t h e

c o l o r n e x t t o i t .

R e d

B l u e

C R AZ Y

C OL OR 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

C R AZ Y

C OL OR 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

D a

r k M e d i um

L i gh t

C R AZ Y

C OL OR 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


14/16


3 o f 5



Crazy

colors

2005

Calendar

The

year

in

color

C r a

z y

C o l o r 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

C

R AZ Y

C

OL OR 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

T i t l e

U p p e r c a s e a n d b o l d

Type

Themainvisualinterestonthesmalleldisitstypography.Here,a

denseblock

ofsimple,boldtypecomplementsthesimp

le,boldrectangle.

D ef a ul t l e a d i n g ( s p a c i n g

) t h a t ’ s c or -

r e c t a t t ex t s i z ei s t o o a i r y a t h e a d -

l i n e s i z e. S q u e ez e t h e a i r o u t of y o ur

h e a d l i n ewi t h n e g a t i v el

e a d i n g a n d

t i gh t l e t t er s p a c i n g. ( A ) 1

6 . 5 / 1 9 . 5 p t ,

l e t t er s p a c i n g 0 , ( B ) 1 6 . 5 / 1 3 . 5 p t ,l e t t er -

s p a c i n g– 3 0 .T h er e s ul t i s

a b ol d b l o c k

of t y p ei n s i d e t h e b ol d r e c t a n gl e.

T

y p ei s on e s i z e a n d c ol or ,

d

i f f er en t i a t e d onl y b y

c

on t r a s t s of w ei gh t a n d

c

a s e.Y o u’ l l n e e d a t y p e

f

a mi l y t h a t c on t a i n s b o t h

l

i gh t a n d h e a v y w ei gh t s t o

e

n s ur e t y p eh a r m on y .

S u p p or t c o p y

L o w e r c a s e a n d l i g h t

A

B

A l o n g wi t h a d r o p s h a d o w , b l e e d i n g t h e

t a b o f f t h e e d g e f a s t e n s

i t t o t h e p a g e

a n d ,i n t h i s c a s e ,mi mi c s a t r u e s e wn -

o n f a b r i c t a b .T h e d e p t h

o f t h e s h a d o w

s h o u l d b e s i mi l a r t o t h e

m a t e r i a l ’ s d e p t h .

O u r s h a d o w s e t t i n g s : O p a c i t y : 6 0 % ,

X - O f f s e t : 0 p 0 ,Y - O f f s e t :

0 p2 ,B l u r : 0 p4 ,

M o d e : M ul t i pl y

A t a b d o e s m

or e

t h a n pr ov i d e

s p a c ef or t y p

e.

I t r e d u c e s y o ur

el d t o a m a n-

a g e a b l e s i z e

a n d c r e a t e s a

n

a l l - e y e s - on- m

e

f o c a l p oi n t t h

a t

y o u c a n’ t mi s

s

on a n o p en

el d .

Title

tab

Here’sthelabelasa

3-Dtab.Funandrealis

tic,too,atabshrinksyourtitleeldto

amanageablesize,

anditworksgreatatopphotos.

t homasfabrics

2004WINTERCOLLECTION

SWATCHBOOK

T h e b e s t b a c k gr o un d

ph o t o s h a v ef a i r l y uni -

f or m

t ex t ur e a n d v a l

u e.Wh a t d o y o u d oi f y o u

h a v e a b u s y ph o t o ( a

b ov e ,l ef t ) ? On e s ol u t i on

i s t o enl a r g e a d e t a i l

( a b ov e ,r i gh t ) un t i l i t

s m o o t h s o u t .


15/16


4 o f 5

L a b el - s t y

l e t i t l e 0 6 0 0


D e s i g

n C l a s s i c s

T R A D I T I O

N A L I N T E

R I O

R S

A N D F U

R N I S H

I N G S

D C

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

e s i g n C l a s s i c s

T R A D I T I

O N A L I N T E

R I O

R S

A N D F U

R N I S H

I N G S

D C

Usingo

nlycolorsfrom

thephoto,dar

ktype

onamedium-valuelabel(A)yieldsso

ftcon-

trast;thetypedoesnotjumpoffthe

page,

butit’s

seenandheardinaspeaking

voice.

Lightty

peondark(B)isastrongerdifference

andma

kesamoreforcefulpresentat

ion.

D e s i gn C l a

s s i c s

T R A DI T I ONA L I NT E R I O

R S

A ND

F U R NI S HI N G S

D C

D e s i gn C l a

s s i c s

T R A DI T I ONA L I NT E R I O

R S

A ND

F U R NI S HI N G S

D C

Colorsoflabel

andtypewill

sayalotinyour

design.Them

ost

harmonious

placetond

colorsisrightin

theimage;se

lect

light,medium

anddarkvalu

es

ofeach.

C o n t r a s t

Giveyourlabelavoice—thedifferenceoflightanddarkdetermine

sthe“voice”andvisibility

ofyourlabel.High,mediumandlowcontrastsaresimilarinvoicetoyell,speak,whisper.

A B

Note:Inhighcontra

st,a

whitelinedividestheinfor-

mationwithinthelabel.


16/16


5 o f 5

L a b el - s t y

l e t i t l e 0 6 0 0


B ef or e &Af t er m a g

a z i n e

B e f o r e & A f t e r h a s b e e n s h a r i n g i t s p r a c t i c a l a p p r o a c h

t o g r a p h i c d e s i g n s i n c

e 1 9 9 0 .B e c a u s e o u r m o d e r n w o r

l d

h a s m a d e d e s i g n e r s o

f u s a l l ( r e a d y o r n o t ) ,B e f o r e &

A f t e r i s d e d i c a t e d t o m

a k i n g g r a p h i c d e s i g n u n d e r s t a n d

-

a b l e , u s e f u l a n d e v e n f u n f o r e v e r y o n e .

J oh nM c W a d eP u b l i s h e r a n d c r e a t i v e d i r e c t o r

G a y eM c W a d eA s s o c i a t e p u b l i s h e r

V i n c en t P a s c u a l S t a

f f d e s i g n e r

D ex t er M a r k A b el l e

r a S t a f f d e s i g n e r

E d i t o r i a l b o a r d Gw en

Am o s , C a r l Wi n t h er

B ef or e &Af t er m a g

a z i n e

3 2 3 L i n c o l n S t r e e t ,R o s e v i l l e , C A 9 5 6 7 8

T e l e ph on e 9 1 6 -7 8 4 - 3 8 8 0

F a x 9 1 6 -7 8 4 - 3 9 9 5

E - m a i l m a i l b o x @ b a m a

g a z i n e . c o m

www h t t p : / / www. b a m

a g a z i n e . c o m

C o p y r i gh t ©2 0 0 5 B e

f or e &Af t er m a g a z i n e ,I S S N

1 0 4 9 - 0 0 3 5 .Al l r i gh t s r e s er v e d

Y o u m a y p a s s t h i s a r t i c l e a r o u n d , b u t y o u m a y n o t a l t e r

i t , a n d y o u m a y n o t c h

a r g e f o r i t .Y o u m a y q u o t e b r i e f

s e c t i o n s f o r r e v i e w.I f

y o u d o t h i s , p l e a s e c r e d i t B e f o r e

& A f t e r m a g a z i n e , a n d

l e t u s k n o w.T o f e a t u r e f r e e

B e f o r e & A f t e r a r t i c l e s

o n y o u r W e b s i t e , p l e a s e c o n t a c t

u s .F o r p e r mi s s i o n t o i n c l u d e a l l o r p a r t o f t h i s a r t i c l e i n

a n o t h e r w o r k , p l e a s e c o n t a c t u s .

S u b s c r i b e t oB ef or e

&Af t er

Di d y o u en j o y t h i s ar t i c l e ? S u b s c r i b e , an d

b e c om e am or e c a p a b l e , c on d en t d e s i gn er

f or p enni e s p er ar t i c l e .T ol e ar nm or e , g o t o

h t t p : / / www . b am a g az i n e . c om / S u b s c r i b e

E - m a i l t h i s a r t i c l e

T o p a s s al on g af r e e c o p y of t h i s ar t i c l e t o

o t h er s , c l i c k h er e .

J oi n o ur e- l i s t

T o b en o t i e d b y e-m ai l of n ew ar t i c l e s a s

t h e y b e c om e av ai l a b l e , g o t o

h t t p : / / www . b am a g az i n e . c om / em ai l

D e s i g

n C l a s s i c

s

T R A D I T I O

N A L I N T E R I O

R S

A N D F U

R N I S

H I N

G S

D C

thomasfabrics

2004WINTERCOLLECTION

SWATCHBOOK

7 a 7 b

T y p

ef a c e s

1 V e c t o r a B l a c k | 1 6 . 5 / 1 3 . 5 p t

2 V e c t o r a L i g h t | 1 6 . 5 / 1 3 . 5 p t

3 H e l v e t i c a N e u e L i g h t E x t . | 2 0 p t

4 H e l v e t i c a N e u e H e a v y C o n d . | 1 4 / 1 4

p t

5 H

e l v e t i c a N e u e L i g h t C o n d . | 1 4 / 1 4 p

t

6 D i d i R e g u l a r | 5 4 p t

7 ( a - b ) A v e n i r L i g h t | a ) 2 4 / 2 8 p t ,

b ) 1 0 . 8 / 1 2 p t

I m a g e s

8 P h o t o t o n e B a c k g r o u n d s ,

P a p e r & T e x t i l e s C D

9 ( a - b ) P h o t o s . c o m | a

b

Ar t i c l er e s o ur c e s

C ol or s

C 0 M1 5 Y 1 0 0 K 0

C 4 0 M 0 Y 1 0 0 K 1 5

C 2 5 M 0 Y 1 0 0 K 0

C 9 0 M 5 Y 4 0 K 0

C 9 0 M 5 5 Y 0 K 4 5

C 1 0 M4 0 Y 9 0 K 0

C 1 5 M1 0 0 Y 1 0 0 K 0

C 4 0 M9 0 Y 1 0 K 4 5

C 0 M1 0 0 Y 8 5 K 0

C 9 5 M 6 0 Y 4 5 K 3 0

C 2 0 M2 5 Y 3 5 K 0

C 4 0 M 3 0 Y 6 0 K 2 5

C 2 5 M9 0 Y 9 5 K 4 5

C 4 5 M 6 0 Y 6 5 K 5 5

1 0

1 1

1 2

1 3

1 4

1 5

1 4

1 0

C R AZ Y

C OL OR S

C R AZ Y

C OL OR S

C R AZ Y

C OL OR 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

D C

D C

2

1 1

1 9 3

1 8

6

1 3

1 2

1 7

1 4

1 6

1 5

2 1

2 3

2 2

2 0

5

2 0

2 3

8 9 a

9 b

1 6

1 7

1 8

1 9

2 0

2 1

2 2

2 3

D C

Date post:	07-Jul-2018
Category:	Documents
Upload:	vu-duc-ha
View:	219 times
Download:	1 times

Ba 0600 Label Style Title

Documents