The document outlines the C.R.A.P. design principles: Contrast - Elements that are different should be very different to avoid confusion. Slight differences do not provide enough contrast. Repetition - Visual elements like color, shape, and size should be repeated throughout a design to develop organization and unity. This includes headings, subheadings, colors, images, and other graphical elements. Alignment - Every element should have a visual connection to another on the page. Elements can be left, right, or center aligned. Proximity - Related elements should be grouped together while separate elements should have enough space between them.

1. C.R.A.P. Design PrinciplesAdapted from http://bit.ly/sjnw & Robin Williams “Non-Designers Design Book”

2. ContrastElements 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.

6. RepetitionRepeat 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.1. Headings and subheadings. 2. Colors3. Rules4. Images5. Graphical elements & logos

7. Before AfterRepetition

8. Repetition

9. AlignmentNothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page.

10. Alignment ExamplesLeft alignmentNo alignment

11. More alignmentsCentered alignmentRight alignment

12. ProximityElements that are related should be grouped together, whereas separate design elements should have enough space in between to communicate they are different.

13. Before After

14. Before After

15. Fonts

16. Activity: rebuild this pageInstructor informationLisa Dawley, Ph.D.lisadawley@boisestate.eduMy hobbies include raising koi, playing World of Warcraft, traveling, and imagining the impossible.*Classes: EdTech 512, EdTech 597