21
gestalt for visual design (“unified whole”)

Gestalt for Visual Design

Embed Size (px)

Citation preview

Page 1: Gestalt for Visual Design

gestalt for visual design

(“unified whole”)

Page 2: Gestalt for Visual Design

Gestalt Effect

–the brain’s innate organizing tendencies allow us to perceive things as organized wholes rather than individual elements.

Page 3: Gestalt for Visual Design

Gestalt Design Principles• Focal Point (a.k.a. visual hierarchy)• Figure/Ground Relationship• Similarity• Continuity• Closure• Proximity and Alignment

Page 4: Gestalt for Visual Design

Principle of Focal Point The eye should be drawn first to the most important thing on the page.

Page 5: Gestalt for Visual Design

Create visual hierarchy/focal points through use of contrast (by size, placement, or color).

poor contrast

better contrast through use of color

Page 6: Gestalt for Visual Design
Page 7: Gestalt for Visual Design
Page 8: Gestalt for Visual Design

Principle of Figure/Ground Relationship

We see things either as figures, or as background, and we involuntarily attempt to find figures in backgrounds – one of the most important elements of perception.

Page 9: Gestalt for Visual Design

You can play with this inherent tendency in graphic design.

Page 10: Gestalt for Visual Design

Principle of SimilarityObjects that are similar will be grouped by the mind as part of a group. Violating this principle draws attention.

Page 11: Gestalt for Visual Design

The brain will involuntarily complete an image (get the viewer involved).

Principle of Closure

Page 12: Gestalt for Visual Design

Principle of Continuity

The eye is inclined to follow a direction created by/in a visual field.

Page 13: Gestalt for Visual Design

Principle of Proximity/Alignment

Page 14: Gestalt for Visual Design

Someone failed to consider proximity…

Page 15: Gestalt for Visual Design

What gestalt principles are operating in the following PSAs?

Page 16: Gestalt for Visual Design
Page 17: Gestalt for Visual Design
Page 18: Gestalt for Visual Design
Page 19: Gestalt for Visual Design
Page 20: Gestalt for Visual Design
Page 21: Gestalt for Visual Design