VISUAL ORDER
VISUAL ORDER 14
table of contents 4-5 6-7 8-9 10-11 12-13 14-15
gestault intro figure/ground similarity proximity closure continuance
16-17 18-19 20-21 22-23 24-25 26-27
symmetry intro translation rotation reflection glide/reflection dilation
28-29 30-31 32-33 34-35 36-37
balance intro symmetric balance asymmetric balance ambiguous balance neutral balance
VISUAL ORDER 14
* G
E
)) A L
%
#
S
T *
&
(
@
T
# ***
? 4
Derived from the visual perception theories of German psychologists in the 1920s, Gestalt translates to “unified whole.� The Gestalt theories explain human perception of objects as organized patterns. It is believed that the mind is wired to see these patterns in the stimulus based on a set of rules.
5
6
V
VISUAL ORDER 14
v
figure/ground a visual relationship separating the foreground from the background.
7
VISUAL ORDER 14
8
i
i
i i
i
i
i i
i i
i
similarity when two or more elements are grouped together because they look alike.
i i
i
9
i
i
i
i
ii
i
i
i
VISUAL ORDER 14
sss s
10
proximity when nearby elements are perceived as a group.
11
VISUAL ORDER 14
12
closure when the viewers eye perceives an incomplete shape or form as complete.
U
U
13
VISUAL ORDER 14
A A AA A
14
continuance when movement in design leads the eye from one element to another.
15
VISUAL ORDER 14
*
S @
Y
M M
&
E T *
^
R Y
!
+
)
((
#
16
Symmetry establishes a center of balance with a central axis or line. The relationship between elements on either side of the axis creates order. Variations in size, color, or shape can add or take away from the symmetry of an image.
17
VISUAL ORDER 14
18
LLLL
translation when a shape is repeated in an equal point-to-point mapping, creating an even distance between each figure.
19
OO
VISUAL ORDER 14
OO
20
rotation when a figure is turned based on a specifc fixed point.
21
VISUAL ORDER 14
22
reflection when an image is rotated 180 degrees on the oppostite plane to create a mirror image.
rr
r
23
dddd dddd VISUAL ORDER 14
24
glide reflection when a figure is mirrored 180 degrees and then moved to a different position.
25
VISUAL ORDER 14
26
E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E E
dilation a visual change in the size of forms to create a composition that illustrates a change in size.
E E E E E E E E E E E E E E E E E E E E E E E E
27
VISUAL ORDER 14
^
$
B
A
L A
!
N
C * E
((( +
@
#
((
***
28
Derived from the psychological understanding of equilibrium, balance plays a key role in the success of a design. Balanced compositions are static; the viewer will focus on the message of design. Imbalanced compositions are dynamic and create a sense of instability and movement.
29
VISUAL ORDER 14
30
symmetric balance when similar elements sit on both sides of a central axis, resulting in a balanced composition.
rr rr
r r
31
1 11 1
1
1
VISUAL ORDER 14
1111111
111 1
32
asymmetric balance when elements are placed in an unequal fashion on opposite sides of a central axis.
33
VISUAL ORDER 14
34
35
ambigous balance when elements in a composition do not directly relate to one another. Undecided and unclear compositionally.
444444444
4
** *
36
VISUAL ORDER 14
***
**
nuetral balance when randomly placed elements create a balanced composition.
37
VISUAL ORDER 14
#
TO R I % *
W H
!
+
) ^
EE * L
^^
((
$
E
R *
38
desn 200 in the graphic design program at the kcai—michael kidwell, assistant professor.
The process in creating the visual order newspaper was very experimental. I stepped out of my comfort zone in Photoshop, editing photos in extreme ways. As my first document created with InDesign, I know there is still a lot to learn, but my first attempt has been an exciting project. Special thanks to models Sam and Sarah Ferrer. Tori Wheeler x 2014 x toriwheeler.blogspot.com
39
2014