general principles of publication design magazine design and production comm 3003
TRANSCRIPT
General principlesGeneral principlesof publication designof publication design
Magazine Design and ProductionMagazine Design and ProductionCOMM 3003COMM 3003
Credit where credit is due …Credit where credit is due …
Robin WilliamsRobin Williams Susan HilligossSusan Hilligossand Tharon Howardand Tharon Howard
General princiGeneral principlples of publicationes of publication designdesign
Publication Design:Publication Design:SimplicitySimplicityConsistencyConsistencyCreativityCreativitySymmetrySymmetry1.62 Divine 1.62 Divine ProportionProportion
Four conceptsFour concepts
ContrastContrast
AlignmentAlignment
RepetitionRepetition
ProximityProximity
ProximityProximity
““Proximity, or closeness, implies a relationship.”Proximity, or closeness, implies a relationship.”
ProximityProximity
Key idea:Key idea:
““Group related items together”Group related items together”
ProximityProximity
All examples from All examples from The Non-Designer’s Design BookThe Non-Designer’s Design Book
Problem:
Reader’s eye Reader’s eye must bounce all must bounce all around card to around card to obtain informationobtain information
ProximityProximity
Solution:Solution:
Group together Group together related elementsrelated elements
ProximityProximity
Problems:Problems:
The two items in top left are in close The two items in top left are in close proximity but not relatedproximity but not related
Gaps separate related itemsGaps separate related items
ProximityProximity
SolSolutution:ion:
Regroup informationRegroup informationChange to caps/lowercaseChange to caps/lowercaseUse squared edgesUse squared edgesLet image break out of boxLet image break out of box
ProximityProximity
Problem:Problem:
Everything is close Everything is close to everything elseto everything else
ProximityProximity
Solution:Solution:
Contents are Contents are groupedgrouped
Contrast is added Contrast is added with with headlines/rulesheadlines/rules
AlignmentAlignment
Key idea:Key idea:
“ “Nothing should be placed on Nothing should be placed on the page arbitrarily. Every item the page arbitrarily. Every item should have a visual connection should have a visual connection with something else on the with something else on the page.”page.”
AlignmentAlignment
No element has No element has any connection any connection to the others.to the others.
Elements aligned
AlignmentAlignment
AlignmentAlignment
AlignmentAlignment
Trapped Trapped white space white space pushes pushes elements elements apartapart
AlignmentAlignment
““Find a Find a strong line strong line and use it.” and use it.” Flush right Flush right type type makes use makes use of image’s of image’s border.border.
RepetitionRepetition
Key idea:Key idea:
““Repeat some aspect of the Repeat some aspect of the design throughout the entire design throughout the entire piece.”piece.”
RepetitionRepetition
When you get to When you get to the end of the the end of the information, information, does your eye does your eye just wander off just wander off the card?the card?
RepetitionRepetition
Repeated bold Repeated bold type encourages type encourages reader to reader to “bounce” “bounce” between the two between the two dominant dominant typefacestypefaces
ContrastContrast
Problem:
What is the focus?
Border? Eagles? Type?
ContrastContrast
Solution:
Contrast
Alignment
Repetition
Proximity
Solution:
Contrast
Alignment
Repetition
Proximity
Solution:
Contrast
Alignment
Repetition
Proximity
Solution:
Contrast
Alignment
Repetition
Proximity
Solution:
Contrast
Alignment
Repetition
Proximity
Solution:
Contrast
Alignment
Repetition
Proximity
Solution:
Contrast
Alignment
Repetition
Proximity