C.R.A.P. Design Principles

​ (a)   refers to the use of visually different elements in a design.

​ (b)   refers to the idea that related things should be placed close together in a design and unrelated things should be placed further apart.

​ (c)   refers to using one or more elements in a design multiple times.

​ (d)   refers to the purposeful arrangement of elements relative to other elements or to a common baseline in a design.

• Contrast
• Proximity
• Repetition
• Alignment

Match each type of contrast to the design that BEST exemplifies it.

• Color contrast

• 
• Typography contrast

• 
• Proximity contrast

• 

Match each type of contrast to the design that BEST exemplifies it.

• Value contrast

• 
• Size contrast

• 
• Shape contrast

• 

Which of the following designs creates contrast through the use of complementary colors?

• 
• 
• 
• 

In the music video for Seven Nation Army by The White Stripes, triangles and the colors red, white, and black are used multiple times throughout.

This BEST exemplifies which C.R.A.P. design principle?

• Contrast

• Repetition

• Alignment

• Proximity

Netflix shows repetition in their website design through the repeated use of their logo in the top-left corner, menu options at the top, and a search function and account login in the top-right corner.

What is the MOST likely reason for this repetition?

• To improve the user interface

• To add emphasis

• To convey a message

• To create a sense of unity

Target shows repetition in their advertising through the repeated use of red and white as well as their logo.

What is the MOST likely reason for this repetition?

• To improve user interface

• To convey a message

• To establish brand identity

• To create a sense of texture

Match each kind of alignment to its example.

• Right

• 
• Left

• 
• Justified

• 
• Center

• 

What kind of alignment is BEST for bulleted lists?

• Left alignment

• Right alignment

• Center alignment

• Justified alignment

Which of the following would be BEST suited for center alignment?

Select ALL that apply.

• Titles

• Big body paragraphs

• Works cited

• Short bodies of text like taglines