Successfully reported this slideshow.

4 principles of design 2

6,668 views

Published on

4 principles of design

Published in: Education
  • Be the first to comment

4 principles of design 2

  1. 1. 4 Principles of Design Contrast Repetition Alignment Proximity
  2. 2. Contrast This is a heading This is a subheading This is lots of text. This is lots of text . This is lots of text. This is lots of text The type is only slightly different in style.
  3. 3. Contrast This is a heading This is a subheading This is lots of text. This is lots of text . This is lots of text. This is lots of text Don’t be wimpy – make things dramatically different! This is a heading This is a subheading This is lots of text. This is lots of text . This is lots of text. This is lots of text
  4. 4. Can you identify where contrast has been used on this design ?
  5. 5. Can you identify where contrast has been used on this design ? Contrast in size & type style
  6. 6. Can you identify where contrast has been used on this design ? Contrast in size & type style Contrast in size & color
  7. 7. Repetition Repeat an element to help create unity. Color Type Shape (bullets)
  8. 8. Repetition Repeat an element to help create unity. Color Type Shape (bullets)
  9. 9. Repetition Repeat an element to help create unity. Color Type Shape (bullets)
  10. 10. Alignment This is a heading This is a subheading This is body text. This is body text. This is body text. This is body text. This is body text. This is a heading This is a subheading This is body text. This is body text. This is body text. This is body text. This is body text. Avoid mixing different alignments. Choose one and stick to it.
  11. 11. Alignment This is a heading This is a subheading This is body text. This is body text. This is body text. This is body text. This is body text. This is a heading This is a subheading This is body text. This is body text. This is body text. This is body text. This is body text. Avoid mixing different alignments. Choose one and stick to it.
  12. 12. Can you pick the dominant alignment here?
  13. 13. Can you pick the dominant alignment here? Left
  14. 14. Proximity <ul><li>Group related items together. </li></ul>
  15. 15. Proximity in a page layout might look like this…
  16. 16. Proximity in a page layout might look like this…
  17. 17. Which design uses Proximity more effectively?
  18. 18. Which design uses Proximity more effectively?
  19. 19. Can you think of a memorable ACRONYM for the 4 Principles of design? C ontrast R epetition A lignment P roximity
  20. 20. Can you think of a memorable ACRONYM for the 4 Principles of design? C ontrast R epetition A lignment P roximity can be improved with these principles of design!

×