4 Principles of Design Contrast Repetition Alignment Proximity
4 principles of design 2
Jan 12, 2015
4 principles of design
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
4 Principles of Design
Contrast
Repetition
Alignment
Proximity
Contrast
This is a headingThis is a subheadingThis is lots of text. This is lots of text . This is lots of text. This is lots of text
The type is only slightly different in style.
Contrast
This is a headingThis is a subheadingThis is lots of text. This is lots of text . This is lots of text. This is lots of text
This is a headingThis is a subheadingThis is lots of text. This is lots of text . This is lots of text. This is lots of text
Don’t be wimpy – make things dramatically different!
Can you identify where contrast has been used on this design?
Can you identify where contrast has been used on this design?
Contrast in size & type style
Can you identify where contrast has been used on this design?
Contrast in size & type style
Contrast in size & color
Repetition
Repeat an element to help create unity.
Color
Type
Shape (bullets)
Repetition
Repeat an element to help create unity.
Color
Type
Shape (bullets)
Repetition
Repeat an element to help create unity.
Color
Type
Shape (bullets)
Alignment
This is a heading
This is a subheadingThis is body text. This is body text. This is body text. This is body text.
This is body text.
This is a heading
This is a subheadingThis is body text. This is body text. This is body text. This is body text.This is body text.
Avoid mixing different alignments. Choose one and stick to it.
Alignment
This is a heading
This is a subheadingThis is body text. This is body text. This is body text. This is body text.
This is body text.
This is a heading
This is a subheadingThis is body text. This is body text. This is body text. This is body text.This is body text.
Avoid mixing different alignments. Choose one and stick to it.
Can you pick the dominant alignment here?
Can you pick the dominant alignment here?
Left
ProximityGroup related items together.
Proximity in a page layout might look like this…
Proximity in a page layout might look like this…
Which design uses Proximity more effectively?
Which design uses Proximity more effectively?
Can you think of a memorable ACRONYM for the 4 Principles of design?
C ontrastR epetitionA lignmentP roximity
Can you think of a memorable ACRONYM for the 4 Principles of design?
C ontrastR epetitionA lignmentP roximity
can be improved with these principles of design!
Related Documents
