Gestalt Psychology, the Principles of Design and Advertising Art Direction.

57
Gestalt Psychology, the Principles of Design and Advertising Art Direction

Transcript of Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Page 1: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Gestalt Psychology, the Principles of

Designand

Advertising Art Direction

Page 2: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Design = Order + Beauty

“The order the designer creates out of a chaos of pictures, copy blocks, headlines, and white space makes it easy for the reader to read and understand the ad.”

Page 3: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Gestalt Psychology

• “the whole is greater than the simple sum of its parts

• Visual Weight (see balance)

• Grouping

Page 4: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Grouping

• Similarity

• Proximity

• Continuity

• Closure (common fate)

Page 5: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Grouping by Similarity

Page 6: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 7: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 8: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Grouping by Proximity

Page 9: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Grouping by Proximity

Page 10: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 11: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Continuity

Page 12: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 13: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Closure (Common Fate)

A C13

Page 14: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Closure (Common Fate)

13

12

14

Page 15: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Closure (Common Fate)

A C13

12

14

Page 16: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 17: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 18: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Principles of Design:

• Balance

• Proportion

• Sequence

(Flow/Movement, Rhythm)

• Unity (Harmony)

• Emphasis

(Dominance, Contrast)

Page 19: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Balance

• Optical/visual weight (Gestalt psychology)

• Formal Balance(symmetrical)

• Informal Balance(asymmetrical)

Page 20: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Balance: Optical vs. geometric center

Page 21: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Balance: Optical vs. geometric center

x

Page 22: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Formal Balance

CHAIRS

all kinds of chairsBig chairs, small chairs, formal chairs, informal chairs. If it has four legs and is designed for sitting, we’ve got it.

LOGO

Page 23: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Informal Balance

CHAIRSall kindsof chairs

Big chairs, small chairs, formal chairs, informal chairs. If it has

four legs and is designed for sitting, we’ve got it.

LOGO

Page 24: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 25: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 26: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Proportion

• The “Golden Section.”

aka “Golden Mean.”

2:3

Page 27: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Golden Section

A CB

Page 28: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

The smaller section is to the greater as the greater is to the

whole. Thus:BC AB

AB AC=

A B C

Page 29: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 30: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 31: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 32: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Sequence (Flow/Movement,

Rhythm)• Natural entry points

• Common visual paths

• Directional cues

Page 33: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Natural Entry Points by Quadrant

41% 20%

25% 14%

Page 34: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Visual Paths

CHAIRS

all kinds of chairsBig chairs, small chairs, formal chairs, informal chairs. If it has four legs and is designed for sitting, we’ve got it.

LOGO

Page 35: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Visual Paths

CHAIRSall kindsof chairs

Big chairs, small chairs, formal chairs, informal chairs. If it has

four legs and is designed for sitting, we’ve got it.

LOGO

Page 36: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 37: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 38: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 39: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

The “Z” Pattern

Page 40: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Directional Cues

Chairs

Big chairs, small chairs, formal chairs, informal chairs. If it has four legs and is designed for sitting, we’ve got it.

Page 41: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 42: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 43: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 44: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Unity (Harmony)

• Borders

• Negative space

(White space)

Page 45: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

CHAIRSall kindsof chairs

Big chairs, small chairs, formal chairs, informal chairs. If it has

four legs and is designed for sitting, we’ve got it.

LOGO

Page 46: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

CHAIRSall kindsof chairs

Big chairs, small chairs, formal chairs, informal chairs. If it has

four legs and is designed for sitting, we’ve got it.

LOGO

Page 47: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 48: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 49: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 50: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 51: Gestalt Psychology, the Principles of Design and Advertising Art Direction.
Page 52: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Emphasis(Dominance,

Contrast)• size

• position

• novelty

• tone or color

Page 53: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Size

Page 54: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Position

Page 55: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Novelty

Page 56: Gestalt Psychology, the Principles of Design and Advertising Art Direction.

Tone or Color

Page 57: Gestalt Psychology, the Principles of Design and Advertising Art Direction.