visual order september 26th

1

Visual_orderVisual_order

VIS

UA

L O

RD

ER

14

figure/ground

similarityproximityclosurecontinuance

translationrotationreflectionglide/reflectiondilation

symmetric balanceasymmetric balanceambiguous balanceneutral balance

4

VIS

UA

L O

RD

ER

14

Gestalt is a pysochological term that means “unified whole”. The human eye naturally organizes visual elements into groups. German psyochologists developed this visual perception theory in the 1920’s to better describe why and how things are aestheti-cally pleasing.

principles of grouping

Gestalt Laws of Grouping

6

VIS

UA

L O

RD

ER

14

VVVV

VV

7

Figure/Gro

und

- Com

position is identified by figure and background

8

VIS

UA

L O

RD

ER

14

9

Sim

ilarity- Objects that resem

ble one another are often percieved as a group

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII

iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

10

VIS

UA

L O

RD

ER

14

S S

S

S S

S

11

Proxim

ity- Elem

ents in close range are identified as a set

12

VIS

UA

L O

RD

ER

14

13

Closu

re- An incom

plete object is identified as a whole w

hen the viewer’s eye com

pletes missing inform

ation

UUU

U

14

VIS

UA

L O

RD

ER

14

AA

AAAAAA

AA

AAAA

AAAAAAA

AAA AA AA

AA

AAAA

A A

AAA A

AA

A A

AA

AAAAAA

AA

AAAA

AAAAAAA

AAA AA AA

AA

AAAA

A A

AAA A

AA

A A

AA

AAAAAA

AA

AAAA

AAAAAAA

AAA AA AA

AA

AAAA

A A

AAA A

AA

A A

15

Co

ntinuan

ce- Figures tend to be integrated into perceptual wholes w

hen aligned and implying a m

utual direction

16

VIS

UA

L O

RD

ER

14

SS

symmetry

In this section, the correspondence betweenelements on the picture plane are observed. The viewer’s eye is directed and moves across theimage in relation to the alignment of the objects.

18

VIS

UA

L O

RD

ER

14

19

Translatio

n- T

he figure is mapped out into equal linear points of correspondence

LLL

L

LL

L

LLL

LLL

LLLL

LL L

LLLLL

LL

LL

LLL L

LL L

LL L

LL

LLL

LLL

LLL

LL

L LL

L L L L L

L L L LLL L L L L

LLL

L

LL

L

LLL

LLL

LLLL

LL L

LLLLL

LL

LL

LLL L

LL L

LL L

LL

LLL

LLL

LLL

LL

L LL

L L L L L

L L L LLL L L L L

20

VIS

UA

L O

RD

ER

14

21

Ro

tation

- The figure is turned on a predeterm

ined point. All elem

ents are at a fixed distance from the axis

22

VIS

UA

L O

RD

ER

14

23

Reflectio

n- T

he figure is rotated on the plane 180 degrees. The result is a m

irrored image

RRRRRRR

R

24

VIS

UA

L O

RD

ER

14DDDD

25

Glide R

eflection

- Figure is rotated from the plane 180 degrees, gliding into a new

position

26

VIS

UA

L O

RD

ER

14

27

Dilatio

n- A

n element changes in size at regular intervals

eee

eeeee e

eeeee

eeee

eeee

ee

e

eee

e

eee

ee

e ee

eee

e

e

eee

e

e

e e

ee

ee

e

ee

ee

e

ee e e e e

ee

ee

e e

ee

ee

eee

eeeee e

eeeee

eeee

eeee

ee

e

eee

e

eee

ee

e ee

eee

e

e

eee

e

e

e e

ee

ee

e

ee

ee

e

ee e e e e

ee

ee

e e

ee

ee

28

VIS

UA

L O

RD

ER

14

BB

Balance is characterized by the distribution of elements within a composition. The relationship between forms on the picture plane are percieved based on the natural equilibrium in the human body. Forms can be placed to direct the eye and communicate the mes-sage to the viewer.

compositional balance

30

VIS

UA

L O

RD

ER

14

31

Symm

etrical Balan

ce- Com

position is balanced with elem

ents relating to the same central axis. r r

r

rrr

rr

rr

rrr

r

r rr

rrr

rr

rr

rrr

r

32

VIS

UA

L O

RD

ER

14

11111111111

11111

1

11

11

1

1

1

11111

11 1

1

1 111

111111111

11111111

1

111

1

1

111

11111111111

33

Asym

metric B

alance- Form

s are placed irregularly in relation to a central axis.

34

VIS

UA

L O

RD

ER

14

35

Am

biguous B

alance- C

ompostion contains elem

ents that posess an unclear relationship and balance. 44

36

VIS

UA

L O

RD

ER

14

* ******* ****** ****

*

** ***

***

******

******* ***

*

********* ** **

*****

** *

*** ***

*

***

* *

* ******* ****** ****

*

** ***

***

******

******* ***

*

********* ** **

*****

** *

*** ***

*

***

* *

37

Neutral B

alance- Elem

ents are placed at random creating a com

postition that lacks emphasis

38

VIS

UA

L O

RD

ER

14

desn

200 in the graphic design program

at the kcai—m

ichael kidwell, assistant professor.

Kristen R. Ashton

Visual_order