Crap design

43,773 views

Published on

Crap design

  1. 1. C.R.A.P. Design Principles<br />Adapted from http://bit.ly/sjnw & Robin Williams “Non-Designers Design Book”<br />
  2. 2. Contrast<br />Elements that aren’t the same should be very different so they stand out.Making them “slightly different” confuses the user into seeing a relation that doesn’t exist. <br />
  3. 3.
  4. 4.
  5. 5.
  6. 6. Repetition<br />Repeat visual elements of the design throughout the piece. You can repeat color, shape, texture, spatial relationships, line thicknesses, sizes, etc. This helps develop the organization and strengthens the unity.<br />1. Headings and subheadings. <br />2. Colors<br />3. Rules<br />4. Images<br />5. Graphical elements & logos<br />
  7. 7. Before <br />After<br />Repetition<br />
  8. 8. Repetition<br />
  9. 9. Alignment<br />Nothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page.<br />
  10. 10. Alignment Examples<br />Left alignment<br />No alignment<br />
  11. 11. More alignments<br />Centered alignment<br />Right alignment<br />
  12. 12. Proximity<br />Elements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different.<br />
  13. 13. Before <br />After<br />
  14. 14. Before <br />After<br />
  15. 15. Fonts<br />
  16. 16. Activity: rebuild this page<br />Instructor information<br />Lisa Dawley, Ph.D.<br />lisadawley@boisestate.edu<br />My hobbies include raising koi, playing World of Warcraft, traveling, and imagining the impossible.<br />*Classes: EdTech 512, EdTech 597<br />

×