gestalt psychology, the principles of design and advertising art direction

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

Upload: britton-mccormick

Post on 16-Dec-2015

238 views

Category:

Documents


2 download

TRANSCRIPT

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