Downloaded 81 times
More Related Content
Design principles
- 1. You’ve Got theLook Principles of Effective Graphic & Publication Design
- 2.
- 3. Proximity • Group RelatedItems Together • Keep space between unrelated items
- 4. Bad Proximity Example Whatmust Mike “The Eye” do to make it around this card?
- 5. Good Proximity Example Whatmust Mike “The Eye” do to make it around this card?
- 6. Misused Proximity • Nonerelated objects in proximity gain an unwanted relationship
- 7. Correct Proximity • Groupingrelated objects corrects problem
- 8. Another Proximity Example Bad Everythingclose to everything Good Related things in close proximity to each other
- 9.
- 10. White Space Active WhiteSpace: -Provides the eye a “breath” while reading the design. -Breaks up ideas Passive White Space (2 kinds): -Passive Object Space (like between letters) -Space on a page that serves no design point
- 11.
- 12.
- 13.
- 14. Check Your Proximity •Squint your eyes – Less the 3-5 is good • Group with purpose
- 15.
- 16. Alignment • Not justleft, right, center, anymore Apurposee n t lI g m • Place with • Visual connections
- 17.
- 18.
- 19. Alignment in WebDesign
- 20. Center Alignment =Bad • Formal • Sedate • Amatuer • Boring!
- 21.
- 22. Centering with Style You You are are You You are are warmly warmly invited invited warmly warmly invited invited to to attend! attend! to to attend! attend! •Make it obvious • experiment with the centered block • Add drama another way
- 23. Justified text • Spacesletters so they fill the text box • Hard to use, hard to master This text is being justified inside a text box. Because of the wording it has all sorts of funny spacing
- 24.
- 25.
- 26. White Space • Don’ttrap white space
- 27. White Space • Ifyou have a line use it
- 28. Summing Up Alignment •Find the lines and use them • Stay away from Center • Everything has a purpose
- 29.
- 30.
- 31. Contrast Definition The difference invisual properties that makes an object (or its representation in an image) distinguishable from other objects and the background. en.wikipedia.org/wiki/Contrast
- 32. Color Contrast • 1/8male colorblind • I don’t want to “really” look • Use “Complimentary” Colors
- 33. Color Contrast (examples) It is Itis Hard to Easy to read Read Complimentary colors together Similair colors Together
- 34.
- 35.
- 36. Color Meaning (color break) Thefollowing site has an incredible (and incredibly fun) look into colors, their meaning, and the best way to use them. Enjoy! http://www.mariaclaudiacortes.com/colors/Colors.html
- 37. Size Contrast • Differenceseffect where and how we look • Big objects demand attention • Small objects can be overlooked • Great differences in size can draw extra attention to objects
- 38.
- 39.
- 40.
- 41.
- 42. Shape Contrast • Shapescan hide or highlight • Shapes guide us through the document
- 43.
- 44.
- 45.
- 46. Contrast • Keep color,size and shape in mind always • When in doubt Switch it out
- 47.
- 48. Repetition • Repeat someaspect of the design throughout the entire piece. • Repeat some aspect of the design throughout the entire piece.
- 49. Repetition Basics • Repeatformatting/color for related sections of a publication
- 50. Repetition = Review •No repetition your eyes just wander off the page
- 51. Repetition = Review •Repeating an element makes the eyes bounce.
- 52. Repetition = Identity •Use the same/similair objects to tie your pieces together. • Typeface • Film Reel
- 53.
- 54. CARP – Grading •PS – Proximity Space • PO – Proximity Objects • CS – Contrast Shape • CC – Contrast Color • CZ – Contrast Size • RD – Repetition Design • RF – Repetition Formatting/Font • AO – Alignment of Objects • AL – Alignment Using implied Lines