16
gestalt for visual design (“unified whole”)

Gestalt Theory for Visual Design

Embed Size (px)

Citation preview

Page 1: Gestalt Theory for Visual Design

gestalt for visual design

(“unified whole”)

Page 2: Gestalt Theory 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 Theory 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 Theory for Visual Design

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

Page 5: Gestalt Theory for Visual Design
Page 6: Gestalt Theory 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 7: Gestalt Theory 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 8: Gestalt Theory for Visual Design

You can play with this inherent tendency in graphic design.

Page 9: Gestalt Theory for Visual Design
Page 10: Gestalt Theory 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 Theory for Visual Design
Page 12: Gestalt Theory for Visual Design

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

Principle of Closure

Page 13: Gestalt Theory for Visual Design

Principle of Continuity

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

Page 14: Gestalt Theory for Visual Design
Page 15: Gestalt Theory for Visual Design

Principle of Proximity/Alignment

Page 16: Gestalt Theory for Visual Design

Someone failed to consider proximity…