Before and After 0638

7/29/2019 Before and After 0638

1/15

Continued

Before&After XiBAmagazine.com U

Design talk 0638

FourDesignIdeasQuarter-Pie CD Format

AGROWTECHNOLOGY

THE CENTER FOR AGRISCIENCE & TECHNOLOGY EDUCATION

2006 AgriscienceConferencePrepared by: Kate McMullan

ThisCDc ontainspresent ations,

photos, and otherinformation

from the conference. Two List Ideas

Multi-Caption Photo1 2

3

4

Modular Grid

DesignTalk6


2/15

Before&After

2of9 Design talk 0638

XiBAmagazine.com U

Compact discs are everyones favorite recording medium, but their circular shape can be tricky to design.

This quarter-pie format is an easy solution that will have you turning out great labels in a hurry.

AGROWTECHNOLOGY


TextImage

Logo

Layout Quarter-pie format make CD design easy

Divide the space into quarters

Quartering the space imposes a grid on the circle that makes your design deci-

sions easierimage goes in one quarter, text in another, logo in a third. Below, the

quickest way to color-coordinate the text field is to sample it from the image.

AGROWTECHNOLOGY


AGROWTECHNOLOGY


AGROWTECHNOLOGY


Logo centered on a

quadrant line balances

the composition.


This CD contains presentations,

photos, and other information

from the conference.

2006AgriscienceConference

Prepared by: Kate McMullan

ThisCDcontains presentations,













Design talk 2of9


3/15

Before&After


XiBAmagazine.com U

To show more of your image,

merge two cells horizontally

(right, top) or vertically (right,

bottom). Note that on all four

designs, logo and text edge

conform to curve of the disc.

Avoid awkward shapes An image that

fills three cells creates a Pac-Man look

that will generally overpower any object

in the fourth cell, and its unbalanced.

Similarly, a checkerboard look is too com-

plex (it lacks a focal point).

Work with the center

Stacked text (above left) or aligned

center out (above right)

Bottom Top

Left Right

AGROWTECHNOLOGY


2006 Agriscience ConferencePrepared by: Kate McMullan

This CD contains presentations, photos,

and other information from the conference.

AGROWTECHNOLOGY


AGROWTECHNOLOGY


AGROWTECHNOLOGY


2006 AgriscienceConferencePrepared by: Kate McMullanThis CD contains presentations,







2006 AgriscienceConference





Design talk 3of9


4/15

Before&After


XiBAmagazine.com U

Like the movies

Countless movie credits roll just like thisname and title

aligned outward from a centerline. Bold type separates

names from titles; its tint gives the two sides more similar

value. Simply use right and left tabs as shown below.

Type Two ways to set a list

Ancient African Tribal Work

Albany Museum Grahamstown, South Africa

M U S E U M S T A F F Listed alphabetically

1

A beautifully typeset list of names and titles

staff, donors, sponsors, participants, so onwill

bestow visible stature to those on the list. The

key to this is understatement: Use one classic

typeface, small size, center stage. Two formats:

Design talk 4of9


5/15

Before&After


XiBAmagazine.com U


African Tribal Work

Albany Museum

Grahamstown,

South Africa

Set a word block

Slower to read but artistically more engaging, run allnames and titles together separated by bullets. To

square the block (red corner, above), click Justify all

lines In the Paragraph dialog (below). For a perfect

fit, you may need to slightly adjust width or size.

One typeface, one size is key to classic understate-

ment. Weight and value separate name from title. The

result is a block of rich typographic texture.

Space-bullet-space separates the listings.

2

Design talk 5of9


6/15

Before&After


XiBAmagazine.com U

Layout Multi-caption photo tells many stories

DAWN Transplanted

from Hawaii, prom

queen and surfer

who won two major

amateur competi-

tions. Here on family

money but with little

interest. Limps from

a sports injury.

1

2

3

4

No matter what your picture,

every person, object and ele-

ment in it has a story. Thats

why we love love love this tech-

nique. Instead of one caption

to generalize everything, writefive, seven, ten, that unpack the

detail. Its fun to do, quick to

read and perfect for our modern,

big-screen, sound-bite world.

The captions can be atop the

photo, off to the side, or both:

AND DID YOU KNOW . . .

ACTIVITIES CENTER Curiously

popular despite having no Wi-Fi

or even a decent TV screen.

MISS JAVA Thats her third

coffee, and its only eight in the

morning. Shell have her fourth

cup before her second class.

TEXTBOOK Strictly for show.

Hasnt read a word in weeks.

SHOES Wearing his friend Brads

shoes, which he picked up at last

nights kegger by mistake.

1

2

3

4

AKELLO Ugandan

Communicative Dis-

eases major admired

by teachers and

peers for his inten-

sity. Plans to return

home after gradua-

tion and tackle theHIV epidemic thats

claimed his parents

and 30% of his town.

Transparency smooths out a too-busy background

CASSANDRA

A mom at 16. Works

two jobs and cares

for her daughter.

After four on-again,

off-again years in

high school shes

here determined tobecome a school

teacher, fulfilling a

childhood dream.

Doesnt sleep much.

TIM Now in his

fifth year, hes built

solar-powered cars,

a cheese-churning

device, and as a

freshman won his

dorms toothpick-

castle-makingcontest. Presently

moonlighting as a DJ

at the student union

while freelancing

for Popular Science

magazine.

ROGER Huge math talent

and campus clown. Profes-

sor Jergensen has recruited

him to collaborate on a

book, but hed prefer doing

standup at the Cassa Club

where hes getting raves.

Design talk 6of9


7/15

Before&After


XiBAmagazine.com U

Catalog pages must go together fast and with-

stand countless last-minute (or last second!)

changes. Crate & Barrel has an excellent format

that makes it possible to do this and retain your

sanity. Its digest-size pages are divided into six

square modules; each contains a photo or text

but never both. Text is one size; photos have

no embellishments. The handsome result is as

clean as their storesand its easy to do.

1134

834

Layout Modular pages go together fast

Twelve modules per spread make layout easy Images can fill from one to nine modules in assorted propor-

tions (square, tall, wide). Varied combinations (big-small, many-few) keep each spread fresh. Note that text units do

not wrap but form straight edges along image areas. Header and page numbers go in the narrow strip on top.

Superclean type fills each module

with a low-key field of texture. By

limiting it to one size and one style

(Helvetica Light, heads bold, prices

bold red), the type imparts its infor-

mation clearly without competing

with the images.

C. Angle Pillow. Bands of poly-silk an i i

in fashionable aqua, chocolate, straw, or ,

tonal greens are cut, pieced and sewn by ha . i

aqua microfiber with a zipper closure. Feath - i

with a machine-washable cover. Imported.

Angle Pillow. 18x12 #30030Best b

www.crateandbarrel.com

Design talk 7of9


8/15

Before&After


XiBAmagazine.com UDesign talk 8of9


African Tribal Work

Albany Museum

Grahamstown,

South Africa

AGROWTECHNOLOGY


Typefaces

1 Vectora 95 Black

2 Vectora 55 Roman

3 Laudatio BQ Medium Cond | 18 pt

4 Frutiger 65 Bold | 8.5 pt

5 Frutiger 55 Roman | 7 pt

6 (ad) Adobe Jenson Pro Bold

a) 23 pt, b) 9 pt, c) 7 pt, d) 10 pt

7 Adobe Jenson Pro Regular | 9 pt

8 (ab) Adobe Jenson Pro Light

a) 9 pt, b) 7 pt

Images

9 (ac) iStockphoto.com | a b c

Article resources

Colors

C10 M35 Y60 K30

C20 M25 Y30 K60

C40 M70 Y90 K40

C0

M0

Y0

K65

C0 M0 Y0 K40

10

11

12

1310

3

4

5

14

6c

9c

8b

6a

8a

6b

11

12

13

6d

8a

14

7

9b

AKELLO Ugandan

Communicative Dis-

eases major admired

by teachers and

peers for his inten-

sity.Plans to return

home after gradua-tion and tackle the

HIV epidemic thats

claimed his parents

and 30% of his town.





9a 1 2


9/15

Before&After

9of9 | Printing formats

Design talk 0638

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

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 2006 Before & After magazineISSN 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.

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

Design talk 9of9


10/15

XiBAmagazine.com UBefore&After

Back | Paper-saver format

For paper-saver formatPrint: (Specify pages 1115)

For presentation formatPrint: (Specify pages 19)

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.

Print

Format: Landscape

Page Size: Fit to Page

Save

Presentation format or

Paper-saver format


11/15

Before&After|www.b

amagazine.com

1

of5

DesignTalk6:FourDesignIdeas

0638

0638

DesignTalk6:F

ourDesignIdeas

Com

pactdiscsareever

yonesfavoriterecordin

gm

edium,buttheircircularshapecanbetrickytodesign.

This

quarter-pieforma

tisaneasysolutionthatwillhaveyouturnin

goutgreat

labelsinahurry.

AGROWTECHNOLOGY

THECENTER

FOR

AGRISCIENCE&TECHNOLOGY

EDUCATION

Text

Image

Logo

LayoutQuarter-pieformatmakeC

Ddesigneasy

Dividethespaceintoquarters

Quarterin

gthespaceimposesagridonthe

circlethatmakesyourdesigndeci-

sionseasierimagegoesinonequarter,te

xtinanother,logoinathird.Below,the

quickest

waytocolor-coordinatethetextfi

eldistosampleitfromtheimage.

AGROWTECHNOLOGY

THECENTER

FOR

AGRISCIENCE&TECHNOLOGYEDUCATION

AGROWTECHNOLOGY

THE

CENTER

FOR

AGRISCIENCE

&TECHNOLOGY

EDUCATION

AGROWTECHNOLOGY

THE

CENTER

FOR

AGRISCIENCE

&TECHNOLOGY

EDUCATION

Logocenteredona

quadrantlinebalances

thecomposition.

2006

Agri

science

Conference

Preparedby:Kate

McMullan

ThisCDcontainsprese

ntations,

photos,andotherinfo

rmation

fromtheconference.

2006

Agriscience

Conference

Prepare

dby:KateMcMullan

ThisCDcontainspresentations,

photos,andotherinformation

fromtheconference.

2006

Agriscience

Conference

Preparedby:KateMcMullan



fromtheconference.

2006

Agriscience

Conference




fromtheconference.

F

ourDe

sign

Ide

as

Q

uarter-PieC

DFormat

AGROWTECHNOLOGY

THECENTERFORAGRISCIEN

CE&TECHNOLOGYEDUCATION

2006

Agriscience

Conference




fromtheconference.

TwoListIdeas

Multi-CaptionP

hoto1

2

3

4

Modula

rGrid

DesignTalk6


12/15

Before&After|www.b

amagazine.com

2of5

DesignTalk6:FourDesig

nIdeas0638

0638DesignTalk6:FourDesignIdeas

Likethemovies

Countlessmoviecreditsrolljustlikethisnameandtitle

alignedoutwardfromacenterline.Boldtypeseparates

namesfromtitles;itstintgivesthetwosidesmoresimilar

value.Simplyuserightandlefttabsasshownbelow.

Ancien

tAfricanTribalWork

AlbanyMuseum

Grahamstown,SouthAfrica

MUSE

UMSTAFF

Lis

tedalphabetically

1

Abeautifullytypesetlistofnamesandtitles

staff,donors,sponsors,participants,soonwill

bestowvisiblestature

tothoseonthelist.The

keytothisisunderstatement:Useoneclassic

typeface,smallsize,ce

nterstage.Twoformats:

TypeTwoways

tosetalist

Toshowmore

ofyourimage,

mergetwocellshorizontally

(right,top)orvertically(right,

bottom).Note

thatonallfour

designs,logoandtextedge

conformtocu

rveofthedisc.

AvoidawkwardshapesAnim

agethat

fillsthreecellscreatesaPac-Man

look

thatwillgenerallyoverpowerany

object

inthefourthcell,anditsunbalan

ced.

Similarly,acheckerboardlookistoocom-

plex(itlacksafocalpoint).

Workwiththecente

r

Stackedtext(aboveleft)ora

ligned

centerout(aboveright

)

Bottom

Top

L

eft

Right

AGROWTECHNOLOGY

THECENTER

FOR

AGRISCIENCE&TECHNOLOGY

EDUCATION

2006

Agriscien

ceConference

Preparedby:Ka

teMcMullan

ThisCDcontainspresentations,photos,

andotherinformationf

romtheconference.

AGROWTECHNOLOGY

THECENTER

FOR


AGROWTECHNOLOGY

THECENTER

FOR


AGROWTE

CHNOLOGY

THECENTER

FOR

AGRISCIENC

E&TECHNOLOGYEDUCATION

2006

Agriscience

Conference




fromtheconference.

2006

Agriscience

Conference




fromtheconference.

2006

Agriscience

Conference

Preparedby

:KateMcMullan

ThisCDco

ntainspresentations,

photos,a

ndotherinformation

fromtheconference.


13/15

Before&After|www.bamagazine.com

3of5

DesignTalk6:FourDesig

nIdeas0638


MUSEU

MSTAFFListedalphabetically

AfricanTribalWork

AlbanyMuseum

Grahamstown,

SouthAfrica

Setawordb

lock

Slowertoread

butartisticallymoreengaging,ru

nall

namesandtitlestogetherseparatedbybullets.To

squaretheblo

ck(redcorner,above),clickJustifyall

linesIntheParagraphdialog(below).Foraperf

ect

fit,youmayneedtoslightlyadjustwidthorsize.

Onetypeface,onesize

iskeytoclassicunderstate-

ment.Weightandvalu

eseparatenamefromtitle.The

resultisablockofrich

typographictexture.

Space-bullet-spaceseparatest

helistings.

2

LayoutMulti-ca

ptionphototellsm

anystories

DAWNTransplanted

fromHawaii,prom

queenandsurfer

whowontwomajor

amateurcompeti-

tions.Hereonfamily

moneybutwithlittle

interest.Limpsfrom

asportsinjury.

1

2

3

4

Nomat

terwhatyourpicture,

everyperson,objectandele-

mentin

ithasastory.Thats

whywe

lovelovelovethistech-

nique.Insteadofonecaption

togene

ralizeeverything,write

five,seven,ten,thatunpackthe

detail.Itsfuntodo,quickto

readan

dperfectforourmodern,

big-screen,sound-biteworld.

Thecap

tionscanbeatopthe

photo,offtotheside,orboth:

ANDDIDYOUKNOW...

ACTIVITIESCENTERCuriously

populardespitehavingnoWi-Fi

orevenadecentTVscreen.

MISSJAVAThatsherthird

coffee,anditsonlyeightinthe

morning.Shellhaveherfourth

cupbeforehersecondclass.

TEXTBOOKStrictlyforshow.

Hasntreadawordinweeks.

SHOESWearinghisfriendBrads

shoes,whichhepickedupatlast

nightskeggerbymistake.

1234

AKELLOUgandan

CommunicativeDis-

easesmajoradmired

byteachersand

peersforhisinten-

sity.Planstoreturn

homeaftergradua-

tionandtacklethe

HIVepidemicthats

claimedhisparents

and30%ofhistown.

Transparencys

moothsoutatoo-busybackground

CASSANDRA

Amomat16.Works

twojobsandcares

forherdaughter.

Afterfouron-again,

off-againyearsin

highschoolshes

heredeterminedto

becomeaschool

teacher,fulfillinga

childhooddream.

Doesntsleepmuch.

TIMNowinhis

fifthyear,hesbuilt

solar-poweredcars,

acheese-churning

device,andasa

freshmanwonhis

dormstoothpick-

castle-making

contest.Presently

moonlightingasaDJ

atthestudentunion

whilefreelancing

forPopularScience

magazine.

ROGERHugemathtalent

andcampusclown.Profes-

sorJerge

nsenhasrecruited

himtocollaborateona

book,buthedpreferdoing

standupattheCassaClub

wherehesgettingraves.


14/15


4of5

DesignTalk6:FourDesignIdeas0638

0638DesignTalk6:F

ourDesignIdeas

MUSEUMST

AFFListedalphabetically

AfricanTribalWork

AlbanyMuseum

Grahamstown,

SouthAfrica

AGROWTECHN

OLOGY

THECENTER

FOR

AGRISCIENCE&TECHNO

LOGY

EDUCATION

Typefaces

1Vectora95Black

2V

ectora55Roman

3LaudatioBQMediumCond|18pt

4Frutiger65Bold|8.5pt

5F

rutiger55Roman|7pt

6(ad)AdobeJensonProBold

a

)23pt,b)9pt,c)7pt,d)10pt

7A

dobeJensonProRegular|9pt

8(ab)AdobeJensonProLight

a

)9pt,b)7pt

Im

ages

9(ac)iStockphoto.com|

a

b

c

Articleresources

Colors

C10M35Y60K30

C20M25Y30K60

C40M70Y90K40

C0M0Y0K65

C0M0Y0K40

10

11

12

13

10

345

14

6c

9c

8b

6a

8a

6b

11

12

13

6d

8a

14

7

9b

AKELLOUgan

dan

Communicativ

eDis-

easesmajoradmired

byteachersand

peersforhisinten-

sity.Planstoreturn

homeaftergradua-

tionandtacklethe

HIVepidemicthats

claimedhispa

rents

and30%ofhistown.

9a

1

2

20

06

Agriscience

Co

nference


ThisC

Dcontainspresentations,


fromtheconference.

Catalo

gpagesmustgotogetherfastandwith-

standcountlesslast-minute(orlastsecond!)

chan

ges.Crate&Barrelhasanexc

ellentformat

thatm

akesit

possibletodothisan

dretain

your

sanity.Itsdigest-sizepagesarediv

idedintosix

square

modules;eachcontainsap

hotoortext

butne

verboth.Textisonesize;ph

otoshave

noembellishments.Thehandsom

eresultisas

cleanastheirstoresanditseasy

todo.

1134

834

Layout

Modula

rpagesgotogethe

rfast

Twelve

modulesperspreadmakelayo

uteasyImagescanfillfromonetoninemodulesinassortedpropor-

tions(square,tall,wide).Variedcombinations(big-small,many-few)keepeach

spreadfresh.Notethattextunits

do

notwrapbutformstraightedgesalongim

ageareas.Headerandpagenumb

ersgointhenarrowstripontop.

Supercleantypefillseac

hmodule

withalow-keyfieldoftexture.By

limitingittoonesizeando

nestyle

(HelveticaLight,headsbold,prices

boldred),thetypeimparts

itsinfor-

mationclearlywithoutcom

peting

withtheimages.

C.AnglePillow.Bandsofpoly-silkan

i

i

infashionableaqua,chocolate,straw

,or

,

tonalgreensarecut,piecedandsewn

byha

.

i

aquamicrofiberwithazipperclosure.Feath

-

i

withamachine-washablecover.Imported.

AnglePillow.18x12#30030Best

www.crateandbarrel.com


15/15


5of5

DesignTalk6:FourDesignIdeas0638


Before&Aftermag

azine

Before&Afterhasbeensharingitspracticalapproach

tographicdesignsinc

e1990.Becauseourmodernwor

ld

hasmadedesignerso

fusall(readyornot),Before&

Afterisdedicatedtom

akinggraphicdesignunderstand

-

able,usefulandeven

funforeveryone.

JohnMcWadePublisherandcreativedirector

GayeMcWadeAssociatepublisher

VincentPascualSta

ffdesigner

DexterMarkAbelle

raStaffdesigner

Before&Aftermag

azine

323LincolnStreet,Ro

seville,CA95678

Telephone916-784-3880

Fax916-784-3995

[email protected]

wwwhttp://www.bam

agazine.com

Copyright2006Be

fore&Aftermagazine

ISSN1049-0035.All

rightsreserved

Youmaypassalonga

freecopyofthisarticletoothers

byclickinghere.Youm

aynotalterthisarticle,andyou

maynotchargeforit.

Youmayquotebriefsections

forreview;pleasecreditBefore&Aftermagazine,and

letusknow.TolinkBe

fore&Aftermagazinetoyour

Website,usethisURL

:http://www.bamagazine.com.

Forallotherpermissions,pleasecontactus.

SubscribetoBefore

&After

SubscribetoBefore&After,andbecomea

morecapable,confide

ntdesignerforpennies

perarticle.Tolearnmore,goto

http://www.bamagazine.com/Subscribe

E-mailthisarticle

Topassalongafreeco

pyofthisarticleto

others,clickhere.

Joinoure-list

Tobenotifiedbye-ma

ilofnewarticlesas

theybecomeavailable

,goto

http://www.bamagazine.com/email

Documents

Before and After 0638