Your SlideShare is downloading. ×
0
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Fourdesignprinciples
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Fourdesignprinciples

892

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
892
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  1. Four Design Principles Technology 6 Mrs. Lemley
  2. What are the four basic design principles?
  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. What is alignment?
  5. This isn’t alignment. This isn’t alignment. This isn’t alignment.
  6. This is alignment. This is alignment. This is alignment. This is alignment. This is alignment.
  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. Don’t mix alignments <ul><li>Please. </li></ul><ul><li>For the love of God. </li></ul><ul><li>It looks lousy. </li></ul><ul><li>And it’s confusing. </li></ul>
  9. What is proximity?
  10. This isn’t proximity. This isn’t proximity either. or alignment
  11. Proximity <ul><li>Refers to the 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. What is repetition?
  13. This is not repetition.
  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 individual nodes (or slides) are all part of the same text </li></ul>
  15. What design elements has this slide show repeated?
  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. What is contrast?
  18. This isn’t contrast. <ul><li>Nope. Not contrast either. </li></ul>
  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. 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. 4 basic design principles: <ul><li>Alignment </li></ul><ul><li>Proximity </li></ul><ul><li>Repetition </li></ul><ul><li>Contrast </li></ul>

×