gestalt visual perception ways to achieve unity proximity repetition continuation continuity unity...

47
Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on unity Emphasis on variety Chaos versus control Unity

Upload: theresa-elfreda-holland

Post on 15-Jan-2016

260 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

GestaltVisual perception

Ways to Achieve UnityProximityRepetitionContinuationContinuity

Unity with VarietyThe gridVaried repetitionEmphasis on unityEmphasis on varietyChaos versus control

Unity

Page 2: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Harmony

Harmony1 : Presentation of an integrated image

If the elements in an image look like they “belong together”, then the image is said to be harmonious

Harmony may come from:

• representational imagery

• abstract forms

Page 3: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Gestalt

Gestalt psychology

The study of how humans organize perceptual stimuli

The process of making wholes out of parts

“A design’s unity is more that the simple addition of its parts.”

Page 4: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

“The whole is greater than the sum of its parts”

Page 5: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Gestalt Principles

Figure / Ground

positive space / negative space

foreground / background

Completion (closure)

Continuation

Similarity

Proximity

Page 6: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Space

Space is undefined until it is activated by the placement of an object

Placing an element in a space creates a figure/ground relationship

Page 7: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Space is not yet defined

Page 8: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Space is activated

Page 9: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Figure & Ground

Figure: What is in our field of perceptual awareness Psychology: Figure

Art and Photography: Positive space

Engineering: Signal

Ground: That which serves as the surrounding contextPsychology: Ground

Art and Photography: Negative space

Engineering: noise

Page 10: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Types of Figure/Ground Relationships

Stable

Reversible (gestalt switch)

Ambiguous

Page 11: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Types of Figure/Ground: Stable

A B C

A: Centering a figure neutralizes negative space

B: Placing the figure off center activates negative space;

C: Bleeding the figure makes it more dynamic

Page 12: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Types of Figure/Ground: Reversible

Page 13: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Types of Figure/Ground: Ambiguous

What is the figure? What is the ground?

Page 14: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

REM BER ERTH ISIFYO UPU TTH EINT ERV ALINTH EWRO NGPLA CEITC ANCA USEP ROB LE MS.

The interval allows the viewer to complete the action.

Page 15: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Aoccdrnig to a rscheearch at Cmabridge Uinervtisy, it deosn ’t mttaer in what oredr the ltteers in a wrod are, the olny iprmoantnt tihng is taht the frist and lsat ltteer be in the rghit pclae. The rset can be a taotl mses and you can sitll raed it wouthit a porbelm. Tihs is becuseae the huamn mnid deos not raed ervey lteter by istlef, but the wrod as a wlohe.

Page 16: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Most people will only see blank dots and lines. They usually will need a hint (it is a farm animal cow)

Page 17: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

You can only see one figure at a time

Page 18: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 19: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 20: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 22: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Closure

Closure: spontaneous human behavior in which the brain completes an unfinished or unconnected shape

Requires active participation by the viewer

Closure succeeds when there is careful manipulation of the spaces between elements

The interval is important in perceiving closure

Page 23: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Which image contains the most tension between the star and the square?

Page 24: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 25: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Continuation / Continuity

Continuation: the arrangement of forms so they are “continuous” from one element to another, leading the eye across space.

Usually a line, an edge, or a direction from one form to another.

Visual elements that require the fewest number of interruptions will be grouped to form continuous straight or curved lines.

Page 26: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

What do you see first? Seeing a pair of X’s would require the fewest interruptions or changes. One can also see other characters, such as V, W, or M. However, they are more difficult to see because they require more visual changes. It is easier to see the slanting lines as continuous than discontinuous. To see them as discontinuous, one has to visually tear the gestalt apart.

Page 27: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 28: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

“Nude, 1936” by Edward Weston. Image taken from Zakia, RD. (2007). Perception and imaging (pg. 51). Burlington, MA: Focal Press.

Page 29: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Similarity

Similarity: Visual elements that share common characteristics.

Types of Similarity

shape, size, color, movement, tonality, direction, etc.

Page 30: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

How many groups do you see? How are the elements in the group(s) similar?

Page 31: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 32: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

ProximityProximity: The closer two or more visual elements are, the greater

the probability that they will be seen as a group or pattern.

The smaller an area or space, the greater the probability that it will be seen as figure rather than ground.

Contrast between foreground and background enhances the figure/ground relationship.

- signal-to-noise ration

Page 33: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 34: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Figure

Figure

Page 35: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Grouping of Elements

No grouping. Without grouping of elements, the viewer has seven individuals elements to visually absorb. The format appears unorganized and the elements too complex.

Page 36: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Grouped elements. By grouping, the number of elements is reduced, which simplifies the composition and enhances the white space.

Page 37: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Grouping of similar elements. Rectangle elements of a similar width can be grouped.

Page 38: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Grouping of dissimilar elements. Rectangle elements of different widths can be grouped.

Page 39: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on

Negative Space and Grouping

Page 40: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 41: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 42: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 43: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 44: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 45: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 46: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on
Page 47: Gestalt Visual perception Ways to Achieve Unity Proximity Repetition Continuation Continuity Unity with Variety The grid Varied repetition Emphasis on