before & after magazine | 0698 | gestalt theory: continuation · gestalt theory: continuation...
Post on 31-May-2020
16 Views
Preview:
TRANSCRIPT
®
Gestalt theory: Continuation 0698
Continuation. . . leads the eye along a path.
Gestalt theory | Part two of eight
Are there rules for design? early last century, psychologists in Austria and germany developed a school of psychology
called gestalt, which attempts to explain human behavior in terms of pattern seeking. gestalt theory explains how the eye organizes visual experiences and how the brain interprets them. gestalt is not design, but knowing the visual principles of gestalt will give you a valuable design toolbox.
Continued
®
Gestalt theory: Continuation 0698
Gestalt theory: Continuation 2 of 7
2 of 7
Continuation leads the eye along a pathContinuation is the eye’s instinctive tendency to follow a path. The path can be imagined or literal. For example . . .
the Big Dipper is an imaginary path. Although stars above are scattered and distant, our eye tends to connect those which appear to be on a path.
a road is a literal path. it doesn’t matter that most of the road is hidden; our eye sees the path and follows it.
®
Gestalt theory: Continuation 0698
Gestalt theory: Continuation 3 of 7
3 of 7
Continuation connects objects
Whether it’s a physical or phantom line, the gestalt principle of Continuation states that your eye will fill in gaps . . .
Continuation also applies to unrelated objects — here, invisibly bridging line and circle.
. . . as well as follow a path beyond its endpoints.
®
Gestalt theory: Continuation 0698
Gestalt theory: Continuation 4 of 7
4 of 7
a broken line is a point of tensionUse Continuation to create tension — and attention.
Interrupt the line (Above, left) it looks good — a strong, horizontal line of students is reinforced by a strong, horizontal line of text. the similarity yields a simple, clear, easy-to-read presentation. Problem is, imagine yourself in that queue — it’s just a long, tedious, wait, wait, wait line. (Above, right) to solve that, put Continuation to work by breaking the line. Continuation assures that instead of two groups, we still see only one, but not only is there now relief from the long queue, your message appears directly at the point of tension — and therefore gets greater attention. Better.
Your collegeeducation
starts with us.Apply now for
a low-ratestudent loan.
Your college education starts with us. Apply now for a low-rate student loan.
®
Gestalt theory: Continuation 0698
Gestalt theory: Continuation 5 of 7
5 of 7
STARTING EARLY
Beginner’s Guide to Stock Investing
Learn how to protect your money and your financial future
STARTING EARLY
BEGINNER’S GUIDE TO STOCK
INVESTING
LEARN HOW TO PROTECT YOUR MONEY AND YOUR FINANCIAL FUTURE
STARTING EARLY
Before
Continuation is why pointers workAny strong line can be used to create a focal point.
tab the remaining copy left and right from the phantom line. the result is a visual relationship between image and words. Better.
Uncoordinated photo and layout here, a strong photo sits on a generic, template-based layout, which disre-gards the powerful, pointy transamerica building and aligns the copy weakly to the left. dull blue deadens the vibrant colors, and hor-izontal stripes neutralize the pyramid’s vertical line.
Before
after
start with the photo You’ll get better results by using the photo’s natural pointer. in this case, start by scaling it edge to edge, which makes the skyline more expansive and the pyramid more prominent.
Mark the phantom line and center the headline. Because of Continuation, the pointing effect of the pyramid turns the headline into a focal point.
®
Gestalt theory: Continuation 0698
Gestalt theory: Continuation 6 of 7
6 of 7
Your collegeeducation
starts with us.Apply now for
a low-ratestudent loan.
STARTING EARLY
BEGINNER’S GUIDE TO STOCK
INVESTING
LEARN HOW TO PROTECT YOUR MONEY AND YOUR FINANCIAL FUTURE
typefaces
1 (a–b) univers Black | a) 47/43 pt b) 22/24 pt
2 univers light | 13/15.5 pt
3 Cheltenham light | 21.5/23 pt
Images
images: istockphoto
4 (14670830)
5 (5939112)
6 (2665293)
7 (9641445)
related articles
0687 | 0676 | 0662 | 0625 | issue 12
article resources
Colors
8 C0 M0 Y0 K100
9 C35 M0 Y100 K20
10 C25 M0 Y0 K10
8
9
8
10
4
5
6
7
2
3
1b
1a
®
Gestalt theory: Continuation 0698 7 of 7 | Printing formats
Gestalt theory: Continuation 7 of 7
Before & after magazine Before & After has been sharing its practical approach to graphic design since 1990. Because our modern world has made designers of us all (ready or not), Before & After is dedicated to making graphic design understand-able, useful and even fun for everyone.
John McWade Publisher and creative directorGaye McWade Associate publisherDexter Mark abellera staff designer Before & after magazine323 lincoln street, roseville, CA 95678 Telephone 916-784-3880 Fax 916-784-3995E-mail mailbox@bamagazine.com www http://www.bamagazine.com
Copyright ©2011 Before & after magazine IssN 1049-0035. all rights reserved
You may pass along a free copy of this article to others by clicking here. You may not alter this article, and you may not charge for it. You may quote brief sections for review; please credit Before & After magazine, and let us know. to link Before & After magazine to your Web site, use this url: http://www.bamagazine.com. for all other permissions, please contact us.
subscribe to Before & after
Subscribe to Before & After, and become a
more capable, confident designer for pennies
per article. To learn more, go to
http://www.bamagazine.com/Subscribe
e-mail this article
To pass along a free copy of this article to
others, click here.
Join our e-list
To be notified by e-mail of new articles as
they become available, go to
http://www.bamagazine.com/email
®
Back | Paper-saver format
For paper-saver format Print: (specify pages 9–11)
For presentation format Print: (specify pages 1–7)
Print format: landscape
Page size: fit to Page
savePresentation format or
Paper-saver format
Before & after is made to fit your binder
Before & After articles are intended for permanent reference. All are titled and numbered.
For the current table of contents, click here. To save time and paper, a paper-saver format of this article,
suitable for one- or two-sided printing, is provided on the following pages.
Be
fore
&A
fter | w
ww
.bamagazine.com
1 of 3
Ge
stalt th
eo
ry: Co
ntin
ua
tion
06980698
Ge
stalt th
eo
ry: Co
ntin
ua
tion
®B
efore&
After
BA
mag
azine.co
mU
iX
Ge
stalt the
ory: C
on
tinu
ation
0698
Continuation
. . . leads th
e eye along a p
ath.
GE
STA
LT THE
OR
Y | Part tw
o of eight
AR
E THER
E RU
LES FOR
DESIG
N? Early last
century, psychologists in Austria and
Germ
any developed a school of psychology called G
estalt, which attem
pts to explain human
behavior in terms of pattern seeking. G
estalt theory explains how
the eye organizes visual experiences and how
the brain interprets them. G
estalt is not design, but know
ing the visual principles of Gestalt
will give you a valuable design toolbox.
Con
tinu
ed
®B
efore&
After
BA
mag
azine.co
mU
iX
Ge
stalt the
ory: C
on
tinu
ation
0698
Gestalt th
eory: C
on
tinu
ation
2 of 7
2 of 7
Co
ntin
uatio
n le
ads th
e e
ye alo
ng
a path
Con
tinu
ation is th
e eye’s instin
ctive tend
ency to
follow
a path
. Th
e path
can
be im
agined
or literal. Fo
r examp
le . . .
The
Big
Dip
pe
r is an
ima
gin
ary p
ath
.A
lthough stars above are scattered and distant, our eye tends to connect those w
hich appear to be on a path.
A ro
ad
is a lite
ral p
ath
.It doesn’t m
atter that most of the road is hidden;
our eye sees the path and follows it.
®B
efore&
After
BA
mag
azine.co
mU
iX
Ge
stalt the
ory: C
on
tinu
ation
0698
Continuation
. . . leads th
e eye along a p
ath.
GE
STA
LT THE
OR
Y | Part tw
o of eight
AR
E THER
E RU
LES FOR
DESIG
N? Early last
century, psychologists in Austria and
Germ
any developed a school of psychology called G
estalt, which attem
pts to explain human
behavior in terms of pattern seeking. G
estalt theory explains how
the eye organizes visual experiences and how
the brain interprets them. G
estalt is not design, but know
ing the visual principles of Gestalt
will give you a valuable design toolbox.
Con
tinu
ed
Be
fore
&A
fter | w
ww
.bamagazine.com
2 of 3
Ge
stalt th
eo
ry: Co
ntin
ua
tion
06980698
Ge
stalt th
eo
ry: Co
ntin
ua
tion
®B
efore&
After
BA
mag
azine.co
mU
iX
Ge
stalt the
ory: C
on
tinu
ation
0698
Gestalt th
eory: C
on
tinu
ation
3 of 7
3 of 7
Co
ntin
uatio
n co
nn
ects o
bje
cts
Whether it’s a physical or phantom
line, the G
estalt principle of Continuation states that your
eye will fi ll in gaps . . .
Continuation also applies to unrelated objects —
here, invisibly bridging line and circle.
. . . as well as follow
a path beyond its endpoints.
®B
efore&
After
BA
mag
azine.co
mU
iX
Ge
stalt the
ory: C
on
tinu
ation
0698
Gestalt th
eory: C
on
tinu
ation
4 of 7
4 of 7
A b
rok
en
line
is a po
int o
f ten
sion
Use C
on
tinu
ation
to create ten
sion
— an
d atten
tion
.
Inte
rrup
t the
line
(Above, left) It looks good —
a strong, horizontal line of students is reinforced by a strong, horizontal line of text. The sim
ilarity yields a simple, clear, easy-to-read presentation. P
roblem is,
imagine yourself in that queue —
it’s just a long, tedious, wait, w
ait, wait line. (A
bove, right) To solve that, put C
ontinuation to work by breaking the line. C
ontinuation assures that instead of two groups, w
e still see only one, but not only is there now
relief from the long queue, your m
essage appears directly at the point of tension —
and therefore gets greater attention. Better.
Your collegeed
ucationstarts w
ith us.A
pply now for
a low-rate
student loan.
Your college education starts w
ith us. A
pply now for a low
-rate student loan.
Be
fore
&A
fter | w
ww
.bamagazine.com
3 of 3
Ge
stalt th
eo
ry: Co
ntin
ua
tion
06980698
Ge
stalt th
eo
ry: Co
ntin
ua
tion
®B
efore&
After
BA
mag
azine.co
mU
iX
Ge
stalt the
ory: C
on
tinu
ation
0698
Gestalt th
eory: C
on
tinu
ation
5 of 7
5 of 7
STARTIN
G EA
RLY
Beginner’sG
uide to StockInvesting
Learn how to protect your m
oney and your financial future
STA
RT
ING
E
AR
LY
BE
GIN
NE
R’S
GU
IDE
T
O S
TO
CK
IN
VE
ST
ING
LEA
RN
HO
W TO
PR
OTE
CT
YO
UR
MO
NE
Y A
ND
YO
UR
FIN
AN
CIA
L FUTU
RE
STA
RT
ING
E
AR
LY
Be
fore
Co
ntin
uatio
n is w
hy p
oin
ters w
ork
An
y stron
g line can
be u
sed to
create a focal p
oin
t.
Tab
the
rem
ain
ing
cop
y left and right from
the phantom
line. The result is a visual relationship between
image and w
ords. Better.
Un
coo
rdin
ate
d p
ho
to
an
d la
you
t H
ere, a strong photo sits on a generic, tem
plate-based layout, w
hich disre-gards the pow
erful, pointy Transam
erica building and aligns the copy w
eakly to the left. D
ull blue deadens the vibrant colors, and hor-izontal stripes neutralize the pyram
id’s vertical line.
Be
fore
Afte
r
Sta
rt with
the
ph
oto
You’ll get better results by using the photo’s natural pointer. In this case, start by scaling it edge to edge, w
hich makes the skyline
more expansive and the
pyramid m
ore prominent.
Ma
rk th
e p
ha
nto
m lin
e
and center the headline. B
ecause of Continuation,
the pointing effect of the pyram
id turns the headline into a focal point.
®B
efore&
After
BA
mag
azine.co
mU
iX
Ge
stalt the
ory: C
on
tinu
ation
0698
Gestalt th
eory: C
on
tinu
ation
6 of 7
6 of 7
Your collegeed
ucationstarts w
ith us.A
pply now for
a low-rate
student loan.
STA
RT
ING
E
AR
LY
BE
GIN
NE
R’S
GU
IDE
T
O S
TO
CK
IN
VE
ST
ING
LEA
RN
HO
W TO
PR
OTE
CT
YO
UR
MO
NE
Y A
ND
YO
UR
FIN
AN
CIA
L FUTU
RE
Type
face
s
1 (a–b
) Univers B
lack | a) 47/43 ptb) 22/24 pt
2 Univers Light | 13/15.5 pt
3 Cheltenham
Light | 21.5/23 pt
Ima
ge
s
Images: iStockphoto
4 (14670830)
5 (5939112)
6 (2665293)
7 (9641445)
Re
late
d a
rticles
0687 | 0676 | 0662 | 0625 | Issue 12
Article
reso
urce
s
Co
lors
8
C0
M0
Y0
K100
9
C35
M0
Y100
K20
10 C
25 M
0 Y
0 K10
89810
45
67 23 1b 1a
top related