Design Concepts: From The Non Designer's Design Book by Robin Williams
Design Concepts: From The Non Designer's Design Book by Robin Williams
Design Concepts: From The Non Designer's Design Book by Robin Williams
FromTheNonDesignersDesignBook
ByRobinWilliams
FourBasicPrinciples
Proximity
Alignment
Repetition
Contrast
Proximity
Grouprelateditemstogether
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