Published on

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this


  1. 1. Four Design Principles Technology 6 Mrs. Lemley
  2. 2. What are the four basic design principles?
  3. 3. 4 basic design principles: <ul><li>Alignment </li></ul><ul><li>Proximity </li></ul><ul><li>Repetition </li></ul><ul><li>Contrast </li></ul>
  4. 4. What is alignment?
  5. 5. This isn’t alignment. This isn’t alignment. This isn’t alignment.
  6. 6. This is alignment. This is alignment. This is alignment. This is alignment. This is alignment.
  7. 7. Alignment <ul><li>Items on the page are lined up with each other, both horizontally and vertically </li></ul><ul><li>There are three basic alignments: centered, left justified and right justified </li></ul>
  8. 8. Don ’ t mix alignments <ul><li>Please. </li></ul><ul><li>Don’t do it! </li></ul><ul><li>It looks lousy. </li></ul><ul><li>And it ’ s confusing. </li></ul>
  9. 9. What is proximity?
  10. 10. This isn’t proximity. This isn’t proximity either. or alignment
  11. 11. Proximity <ul><li>Relationships that items develop when they are close together </li></ul><ul><li>Implies items are related (for example, the bullets on this list appear related because they are in close proximity to each other </li></ul>
  12. 12. What is repetition?
  13. 13. This is not repetition.
  14. 14. Repetition <ul><li>Refers to the idea that designers should repeat certain elements to tie the disparate parts of a document together </li></ul><ul><li>Makes it seem like the parts all belong together </li></ul><ul><ul><li>Slides in a presentation </li></ul></ul><ul><ul><li>A banner on a blog </li></ul></ul><ul><ul><li>Text </li></ul></ul>
  15. 15. What design elements has this slide show repeated?
  16. 16. It has repeated: <ul><li>Fonts </li></ul><ul><li>Colors </li></ul><ul><li>Placement </li></ul><ul><li>And more… </li></ul>
  17. 17. What is contrast?
  18. 18. This isn ’ t contrast. <ul><li>Nope. Not contrast either. </li></ul>
  19. 19. Contrast <ul><li>Establishes a hierarchy of information </li></ul><ul><li>Can be obtained by manipulating font (style and size), color, background designs, etc. </li></ul><ul><li>Establishes a focal point </li></ul>
  20. 20. Where is the focal point on this page? <ul><li>Is it this bullet? </li></ul><ul><li>How about this one? </li></ul><ul><li>Is it over here? </li></ul><ul><li>How about here? </li></ul>
  21. 21. 4 basic design principles: <ul><li>Alignment </li></ul><ul><li>Proximity </li></ul><ul><li>Repetition </li></ul><ul><li>Contrast </li></ul>