SlideShare a Scribd company logo
“There are no rules in art.”
However, there are consequences.
All human beings have subconscious
reactions to visual images. The more you
understand how your visual choices affect
other people, the more you will be able to
create visual compositions that can attract
the attention of your fellow humans.
Gestalt is a system of describing how
humans react to visual images.
GESTALT
German word for form or shape.
The Gestalt is the “big picture” or
first impression that we see when
we encounter a visual image.
This reaction is unconscious, and
is almost universal among
humans.
For example, most people see
this image as a black triangle in
front of three, white circles.
Gestalt is how our brains
automatically create
structure in what we see.
Changing the arrangement,
or composition, of elements
in a visual image can
dramatically change what
you see.
Our brains always want to simplify what we
see to avoid becoming overwhelmed. A brain
prefers to see similar items as a group, rather
than keep track of individual elements.
In this example, your brain will see the white
and black circles as rows of circles. Your
brain wants to simplify the image to “row of
white circles, row of black circles, etc.,” rather
than seeing each element separately as
“white circle, white circle, white circle, etc.”
and “black circle, black circle, black circle,
etc.”
SIMILARITY
What about this image?
Your brain will choose the dominant visual
information and make rows of red and rows
of white.
Why don’t we automatically see columns of
squares and circles? Because the contrast
between the red and white is stronger than
the contrast between the circle and square
forms, when seen on a white background.
SIMILARITY
CONTINUITY
Our brains also have a strong preference for following lines.
In this example, your brain will see a horizontal line intersected by a
curved line. Like anything in motion, your brain will follow a path in one
direction, and it takes some extra effort to get it to make a sharp turn.
COMMON REGION
Doesn’t it seem obvious that these are two domino-like blocks, one slightly larger than
the other? Your brain loves to make groups out of visual imagery because it is faster
and easier to recognize and remember 2 objects (the two “dominoes”) rather than 29
objects (27 circles and 2 rectangles). Common region describes objects within a frame.
PROXIMITY
Your brain is so determined to group information that you don’t even need
borderlines. The concept of proximity describes the way our brains will tell
us that objects close together form a group. Your brain sees the larger gaps
between these circles almost as invisible outlines.
SIMPLICITY
Your brain wants to simplify the world.
At first glance, your brain will interpret this as a
triangle, a circle and a square. Those are simple,
easy shapes to see and remember.
You can imagine many different things in this
shape, like seeing images in clouds. A dog? A
duck quacking? A portrait bust tipping over and
falling off a pedestal? But all these images take
creative effort. Your most lazy, automatic brain will
still start with a triangle, a circle and a square.
SIMPLICITY
Do you see the Olympic Rings? Yes, because that is a familiar symbol, and it
even has an easy name. Otherwise your brain would have to think about five
separate circles overlapping on two, different horizontal levels, or a whole
bunch of semi circles touching each other.
FIGURE and GROUND
This principle describes the relationship
between the foreground and the background
of an image.
The figure is the object in the foreground, and
the ground is the background.
A figure ground reversal is an image in which
the figure can also be seen as the ground,
and vice-versa. In the image on the left, is that
a white square on a black circle, or is it a
black circle with a square-shaped hole in it? Is
the white square the figure or the ground?
FIGURE GROUND REVERSAL
FIGURE GROUND REVERSAL
FIGURE GROUND REVERSAL
CLOSURE
Here comes your lazy brain, again! Which do you think is easier to process - a
bunch of short curved and straight lines, or a circle and a square? Your brain will
automatically fill in the gaps to make the images easier to deal with.
CLOSURE
CLOSURE
CLOSURE
FOCAL POINT
Now for the easiest Gestalt principle of all - the focal point! This one is so obvious
because the focal point is whatever grabs your attention the most.
FOCAL POINT
FOCAL POINT
FOCAL POINT
FOCAL POINT(S)
How many? Are the equally important?
FOCAL POINT
With leading lines.
FOCAL POINT
With leading lines.
Your brain loves to
follow lines. In this
example, the lines lead
to the focal point.
Similarity - Similar elements belong in a group.
Continuity - Lines are meant to be followed.
Common Region - Everything within a boundary is in a group.
Proximity - Things close together are in a group.
Simplicity - Find the simplest, most obvious answer.
Figure and Ground - Which object is in front, and which behind?
Closure - Fill in the gaps to make shapes understandable.
Focal Point - What is the most important point of the composition?
Principles of Gestalt (Your brain’s opinion.)

More Related Content

What's hot (6)

Perciving the world
Perciving the worldPerciving the world
Perciving the world
 
Gestalt Principles
Gestalt PrinciplesGestalt Principles
Gestalt Principles
 
Ui design-day2b
Ui design-day2bUi design-day2b
Ui design-day2b
 
The Problem with Building Usability
The Problem with Building UsabilityThe Problem with Building Usability
The Problem with Building Usability
 
Perception Ppt New
Perception Ppt NewPerception Ppt New
Perception Ppt New
 
Visual perception concepts
Visual perception conceptsVisual perception concepts
Visual perception concepts
 

Similar to Gestalt - How We See

Explore your-blind-spot
Explore your-blind-spotExplore your-blind-spot
Explore your-blind-spot
Elsa von Licy
 
Drawing on the right side of the brain
Drawing on the right side of the brain Drawing on the right side of the brain
Drawing on the right side of the brain
lphillips88
 
Optical Illusions By Saina
Optical Illusions By SainaOptical Illusions By Saina
Optical Illusions By Saina
mswilsonri2
 

Similar to Gestalt - How We See (20)

Explore your-blind-spot
Explore your-blind-spotExplore your-blind-spot
Explore your-blind-spot
 
Rl gregory excerpt
Rl gregory excerptRl gregory excerpt
Rl gregory excerpt
 
Illusions v2
Illusions v2Illusions v2
Illusions v2
 
Perception
PerceptionPerception
Perception
 
Explore your-blind-spot
Explore your-blind-spotExplore your-blind-spot
Explore your-blind-spot
 
Psychology .. Perception
Psychology .. PerceptionPsychology .. Perception
Psychology .. Perception
 
Eye brain-gregory
Eye brain-gregoryEye brain-gregory
Eye brain-gregory
 
1676987669_63f4cd1559cc0.pptx
1676987669_63f4cd1559cc0.pptx1676987669_63f4cd1559cc0.pptx
1676987669_63f4cd1559cc0.pptx
 
Optical Illusion: Can you trust your own eyes
Optical Illusion: Can you trust your own eyesOptical Illusion: Can you trust your own eyes
Optical Illusion: Can you trust your own eyes
 
Drawing on the right side of the brain
Drawing on the right side of the brain Drawing on the right side of the brain
Drawing on the right side of the brain
 
Photography 2 class 4 pp
Photography 2 class 4 pp Photography 2 class 4 pp
Photography 2 class 4 pp
 
The grand tradition v007
The grand tradition v007The grand tradition v007
The grand tradition v007
 
Optical illusions3
Optical illusions3Optical illusions3
Optical illusions3
 
Optical illusions3
Optical illusions3Optical illusions3
Optical illusions3
 
Perception ppt
Perception pptPerception ppt
Perception ppt
 
Optical illusions4
Optical illusions4Optical illusions4
Optical illusions4
 
Every Film makers storytelling secrets
Every Film makers storytelling secretsEvery Film makers storytelling secrets
Every Film makers storytelling secrets
 
Filmmakers secret for storytelling
Filmmakers secret for storytellingFilmmakers secret for storytelling
Filmmakers secret for storytelling
 
Optical Illusions By Saina
Optical Illusions By SainaOptical Illusions By Saina
Optical Illusions By Saina
 
Role of size constancy in perception
Role of size constancy in perceptionRole of size constancy in perception
Role of size constancy in perception
 

More from Virginia Pates (9)

Yumiko goto
Yumiko gotoYumiko goto
Yumiko goto
 
Work in Progress 2014-2017
Work in Progress 2014-2017Work in Progress 2014-2017
Work in Progress 2014-2017
 
Ruth Duckworth
Ruth DuckworthRuth Duckworth
Ruth Duckworth
 
Ceramic Boxes
Ceramic BoxesCeramic Boxes
Ceramic Boxes
 
Ceramic Boxes
Ceramic BoxesCeramic Boxes
Ceramic Boxes
 
Virginia Pates #1
Virginia Pates #1Virginia Pates #1
Virginia Pates #1
 
Course revision process
Course revision processCourse revision process
Course revision process
 
Mary Rogers - Handbuilding
Mary Rogers - HandbuildingMary Rogers - Handbuilding
Mary Rogers - Handbuilding
 
Introduction to Drawing
Introduction to DrawingIntroduction to Drawing
Introduction to Drawing
 

Recently uploaded

Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
anasabutalha2013
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
AlecAnidul
 

Recently uploaded (14)

The Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptxThe Design Code Google Developer Student Club.pptx
The Design Code Google Developer Student Club.pptx
 
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdfPORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
PORTFOLIO FABIANA VILLANI ARCHITECTURE.pdf
 
The Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to FashionThe Evolution of Fashion Trends: History to Fashion
The Evolution of Fashion Trends: History to Fashion
 
BIT- Pinal .H. Prajapati Graphic Designer
BIT- Pinal .H. Prajapati  Graphic DesignerBIT- Pinal .H. Prajapati  Graphic Designer
BIT- Pinal .H. Prajapati Graphic Designer
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Research about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anasResearch about Venice ppt for grade 6f anas
Research about Venice ppt for grade 6f anas
 
Claire's designing portfolio presentation
Claire's designing portfolio presentationClaire's designing portfolio presentation
Claire's designing portfolio presentation
 
CA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdfCA OFFICE office office office _VIEWS.pdf
CA OFFICE office office office _VIEWS.pdf
 
Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.Art Nouveau Movement Presentation for Art History.
Art Nouveau Movement Presentation for Art History.
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
National-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptxNational-Learning-Camp 2024 deped....pptx
National-Learning-Camp 2024 deped....pptx
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Pitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in TechnologyPitch Presentation for Service Design in Technology
Pitch Presentation for Service Design in Technology
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 

Gestalt - How We See

  • 1. “There are no rules in art.” However, there are consequences. All human beings have subconscious reactions to visual images. The more you understand how your visual choices affect other people, the more you will be able to create visual compositions that can attract the attention of your fellow humans. Gestalt is a system of describing how humans react to visual images.
  • 2. GESTALT German word for form or shape. The Gestalt is the “big picture” or first impression that we see when we encounter a visual image. This reaction is unconscious, and is almost universal among humans. For example, most people see this image as a black triangle in front of three, white circles.
  • 3. Gestalt is how our brains automatically create structure in what we see. Changing the arrangement, or composition, of elements in a visual image can dramatically change what you see.
  • 4. Our brains always want to simplify what we see to avoid becoming overwhelmed. A brain prefers to see similar items as a group, rather than keep track of individual elements. In this example, your brain will see the white and black circles as rows of circles. Your brain wants to simplify the image to “row of white circles, row of black circles, etc.,” rather than seeing each element separately as “white circle, white circle, white circle, etc.” and “black circle, black circle, black circle, etc.” SIMILARITY
  • 5. What about this image? Your brain will choose the dominant visual information and make rows of red and rows of white. Why don’t we automatically see columns of squares and circles? Because the contrast between the red and white is stronger than the contrast between the circle and square forms, when seen on a white background. SIMILARITY
  • 6. CONTINUITY Our brains also have a strong preference for following lines. In this example, your brain will see a horizontal line intersected by a curved line. Like anything in motion, your brain will follow a path in one direction, and it takes some extra effort to get it to make a sharp turn.
  • 7. COMMON REGION Doesn’t it seem obvious that these are two domino-like blocks, one slightly larger than the other? Your brain loves to make groups out of visual imagery because it is faster and easier to recognize and remember 2 objects (the two “dominoes”) rather than 29 objects (27 circles and 2 rectangles). Common region describes objects within a frame.
  • 8. PROXIMITY Your brain is so determined to group information that you don’t even need borderlines. The concept of proximity describes the way our brains will tell us that objects close together form a group. Your brain sees the larger gaps between these circles almost as invisible outlines.
  • 9. SIMPLICITY Your brain wants to simplify the world. At first glance, your brain will interpret this as a triangle, a circle and a square. Those are simple, easy shapes to see and remember. You can imagine many different things in this shape, like seeing images in clouds. A dog? A duck quacking? A portrait bust tipping over and falling off a pedestal? But all these images take creative effort. Your most lazy, automatic brain will still start with a triangle, a circle and a square.
  • 10. SIMPLICITY Do you see the Olympic Rings? Yes, because that is a familiar symbol, and it even has an easy name. Otherwise your brain would have to think about five separate circles overlapping on two, different horizontal levels, or a whole bunch of semi circles touching each other.
  • 11. FIGURE and GROUND This principle describes the relationship between the foreground and the background of an image. The figure is the object in the foreground, and the ground is the background. A figure ground reversal is an image in which the figure can also be seen as the ground, and vice-versa. In the image on the left, is that a white square on a black circle, or is it a black circle with a square-shaped hole in it? Is the white square the figure or the ground?
  • 15. CLOSURE Here comes your lazy brain, again! Which do you think is easier to process - a bunch of short curved and straight lines, or a circle and a square? Your brain will automatically fill in the gaps to make the images easier to deal with.
  • 19. FOCAL POINT Now for the easiest Gestalt principle of all - the focal point! This one is so obvious because the focal point is whatever grabs your attention the most.
  • 23. FOCAL POINT(S) How many? Are the equally important?
  • 25. FOCAL POINT With leading lines. Your brain loves to follow lines. In this example, the lines lead to the focal point.
  • 26. Similarity - Similar elements belong in a group. Continuity - Lines are meant to be followed. Common Region - Everything within a boundary is in a group. Proximity - Things close together are in a group. Simplicity - Find the simplest, most obvious answer. Figure and Ground - Which object is in front, and which behind? Closure - Fill in the gaps to make shapes understandable. Focal Point - What is the most important point of the composition? Principles of Gestalt (Your brain’s opinion.)