Design Concepts: From The Non Designer's Design Book by Robin Williams

Download as ppt, pdf, or txt
Download as ppt, pdf, or txt
You are on page 1of 37

DesignConcepts

FromTheNonDesignersDesignBook
ByRobinWilliams
FourBasicPrinciples

Proximity
Alignment
Repetition
Contrast
Proximity
Grouprelateditemstogether

ReillyPicket (717)5551212 Toad Hall


ReillyPicket

Toad Hall
916OldRiverRoad
RedRiver,NM
RedRiver,NM (717)5551212
916OldRiverRoad
Proximity

Wasthisyourlogicalconclusion?
Whichitemsshouldbegrouped?
Proximity

Whatiswrong
withthislist?
Proximity
Proximity
Tworeturns
aftereach
paragraph
Proximity
Alignment
Nothingshouldbeplacedonthepage
arbitrarily.Everyitemshouldhavea
visualconnectionwithsomethingelse
onthepage
Alignment
ReillyPicket (717)5551212

Toad Hall

RedRiver,NM
916OldRiverRoad

Elementsonthiscardlookliketheywere
justthrownonandstuck
Alignment
Toad Toad
Hall Hall
ReillyPicket ReillyPicket

916OldRiverRoad
916OldRiverRoad
RedRiver,NMRedRiver,NM
(717)5551212
(717)5551212

Moreorganizedandalsogroupedrelated
elementsintocloserproximity
Alignment
Alignment

Theydonthave
anyconnectionto
eachother.
Alignment

Thiswasnot
anaccident!
Alignment

Whatisthe
difference?
SummaryofAlignment
Nothingshouldbeplacedonthepagearbitrarily.
Everyelementshouldhavesomevisualconnection
withanotherelementonthepage.
Thebasicpurposeofalignmentistounifyand
organizethepage.
Beconsciousofwhereyouplaceelements.
Avoidusingmorethanonetextalignmentonthe
page.
Repetition
Repeatsomeaspectofthedesign
throughouttheentirepiece
Repetition
Toad Hall Toad Hall
ReillyPicket ReillyPicket

916OldRiverRoad 916OldRiverRoad
RedRiver,NM RedRiver,NM
(717)5551212 (717) 555-1212

Whatdoesyoureyedo Whatabouthere?
whenyougettotheend
oftheinformation?
Repetition
Repetition
.
.

Shanno .
.
Williams
n .
.
. Usingrepetitionamong
piecescreatesastrong
.
.
.
.
andconsistentbusiness
. package.
.
.
.
.
.
.
.
.
.

. . . . . . . . . . . . . . . .
Route 9 .
Shannon
Box 16 . Williams
.
San Gelato
. Route 9

Arizona . Box 16
San Gelato
.
87776 Arizona
. 87776
423.256.7890 . 423.256.7890
Repetition
Repetitions:
BoldTypeface
Lighttypeface
Squarebullets
Indents
Spacing
Alignment
SummaryofRepetition
Thepurposeofrepetitionistounifyandtoaddvisual
interest.
Ifapiecelooksinteresting,itismorelikelytoberead.
Avoidrepeatingtheelementsomuchthatitbecomes
annoyingoroverwhelming.
Beconsciousofthevalueofcontrast.
Contrast
Contrastisoneofthemosteffectivewaystoaddvisual
interesttoyourpage.
Theimportantruletorememberisthatforcontrasttobe
effective,itmustbestrong.Dontbeawimp
Iftwoitemsarenotexactlythesame,
thenmakethemdifferent.Really
different.
Contrast
Contrast
Contrast
The Rules of Life. The Rules of Life.
Yourattitudeisyourlife. Yourattitudeisyourlife.
Maximizeyouroptions. Maximizeyouroptions.
Nevertakeanythingtooseriously. Nevertakeanythingtooseriously.
Dontlettheseedsstopyoufrom Dontlettheseedsstopyoufrom
enjoyingthewatermelon. enjoyingthewatermelon.
Benice Benice
Contrast
Contrast
SummaryofContrast
Contrastonapagedrawsoureyestoit;oureyeslike
contrast.
Contrastcreatesaninterestinthepageifapageis
interestingtolookat,itismorelikelytoberead.
Contrastisanaidtotheorganizationoftheinformationon
thepage.
Addcontrastthroughyourtypefacechoices,linethickness,
colors,shapes,sizes,space,etc.
Dontbeawimp.Ifyouregoingtocontrast,doitwith
strength.
ReviewDontbeawimp!
Dontbeafraidtocreateyourdesignwithplentyofblank
spaceitsrestfortheeyesandthesoul.
Dontbeafraidtobeasymmetrical,touncenteryour
formatitoftenmakestheeffectstronger.
Dontbeafraidtomakewordsverylargeorverysmall;
dontbeafraidtospeakloudlyortospeakinawhisper.
Dontbeafraidtomakeyourgraphicsveryboldorvery
minimal,aslongastheresultcomplementsorreinforces
yourdesignoryourattitude.
Review

Boring
Review

Proximity
Review

Alignment
Review

Repetition
Review

Contrast
FourBasicPrinciples
Proximity
Alignment
Repetition
Contrast

You might also like