4 principles of design 2

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!