4 principles of design 2

20
4 Principles of Design Contrast Repetition Alignment Proximity

Upload: glenbaker

Post on 12-Jan-2015

5.818 views

Category:

Education


3 download

DESCRIPTION

4 principles of design

TRANSCRIPT

Page 1: 4 principles of design 2

4 Principles of Design

Contrast

Repetition

Alignment

Proximity

Page 2: 4 principles of design 2

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.

Page 3: 4 principles of design 2

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!

Page 4: 4 principles of design 2

Can you identify where contrast has been used on this design?

Page 5: 4 principles of design 2

Can you identify where contrast has been used on this design?

Contrast in size & type style

Page 6: 4 principles of design 2

Can you identify where contrast has been used on this design?

Contrast in size & type style

Contrast in size & color

Page 7: 4 principles of design 2

Repetition

Repeat an element to help create unity.

Color

Type

Shape (bullets)

Page 8: 4 principles of design 2

Repetition

Repeat an element to help create unity.

Color

Type

Shape (bullets)

Page 9: 4 principles of design 2

Repetition

Repeat an element to help create unity.

Color

Type

Shape (bullets)

Page 10: 4 principles of design 2

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.

Page 11: 4 principles of design 2

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.

Page 12: 4 principles of design 2

Can you pick the dominant alignment here?

Page 13: 4 principles of design 2

Can you pick the dominant alignment here?

Left

Page 14: 4 principles of design 2

ProximityGroup related items together.

Page 15: 4 principles of design 2

Proximity in a page layout might look like this…

Page 16: 4 principles of design 2

Proximity in a page layout might look like this…

Page 17: 4 principles of design 2

Which design uses Proximity more effectively?

Page 18: 4 principles of design 2

Which design uses Proximity more effectively?

Page 19: 4 principles of design 2

Can you think of a memorable ACRONYM for the 4 Principles of design?

C ontrastR epetitionA lignmentP roximity

Page 20: 4 principles of design 2

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!