1. General principles of publication design Magazine Design and Production COMM 3003

2. Credit where credit is due … Robin Williams Susan Hilligoss Susan Hilligoss and Tharon Howard

3. General princi pl es of publication design Publication Design: SimplicityConsistencyCreativitySymmetry 1.62 Divine Proportion

4. Four concepts ContrastAlignmentRepetitionProximity

5. Proximity “Proximity, or closeness, implies a relationship.”

6. Proximity Key idea: “Group related items together”

7. Proximity All examples from The Non-Designer’s Design Book Problem: Reader’s eye must bounce all around card to obtain information

8. Proximity Solution: Solution: Group together related elements Group together related elements

9. Proximity Problems:  The two items in top left are in close proximity but not related  Gaps separate related items

10. Proximity Sol ut ion: Regroup information Change to caps/lowercase Use squared edges Let image break out of box

11. Proximity Problem: Everything is close to everything else

12. Proximity Solution: Contents are grouped Contrast is added with headlines/rules

13. Alignment Key idea: “Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.” “Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.”

14. Alignment  No element has any connection to the others.  Elements aligned

15. Alignment

16. Alignment

17. Alignment Trapped white space pushes elements apart

18. Alignment “ Find a strong line and use it.” Flush right type makes use of image’s border.

19. Repetition Key idea: “Repeat some aspect of the design throughout the entire piece.”

20. Repetition When you get to the end of the information, does your eye just wander off the card?

21. Repetition Repeated bold type encourages reader to “bounce” between the two dominant typefaces

22. Contrast Problem:  What is the focus? Border? Eagles? Type?

23. Contrast Solution:  Contrast  Alignment  Repetition  Proximity

24. Solution:  Contrast  Alignment  Repetition  Proximity

25. Solution:  Contrast  Alignment  Repetition  Proximity

26. Solution:  Contrast  Alignment  Repetition  Proximity

27. Solution:  Contrast  Alignment  Repetition  Proximity

28. Solution:  Contrast  Alignment  Repetition  Proximity

29. Solution:  Contrast  Alignment  Repetition  Proximity