Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface....
-
Upload
eustacia-cole -
Category
Documents
-
view
227 -
download
0
Transcript of Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface....
![Page 1: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/1.jpg)
Gestalt Principles
Seçil TOROS
![Page 2: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/2.jpg)
PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception
• Brain Itself• Experiences• Expectations
“ Realism in art and design is not an absolute but a convention that our culture and personal background create from visual data” (Arntson, 1998)
![Page 3: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/3.jpg)
GESTALT
“ Total is greater than the sum of its parts”
Gestalt is a psychology term which means "unified whole". It refers to theories of visual perception developed by German psychologists
in the 1920s
![Page 4: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/4.jpg)
GESTALT _ Gestalt psychologists have investigated the way humans process information from two-dimensional surface.
• The appearance of any one element or shape depends upon its surroundings.
• Active eye seeks the simplest satisfactory explanation for what it sees.• We finish uncompleted shapes• We group similar shapes.• We see foreground and background on a flat surface.
(Arntson, 1998)
“ Total is greater than the sum of its parts”
![Page 5: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/5.jpg)
THE GESTALT _5 RULES _ Gestalt Principles are a way to organize visual perception
1. Proximity2. Similarity3. Closure4. Continuation5. Figure and Ground
“ Total is greater than the sum of its parts”
![Page 6: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/6.jpg)
1. PROXIMITY
Things that are close to one another are perceived to be more related than things that are spaced farther apart.
Are you grouping things correctly? Are you using proximity to help imply importance and relationships?
![Page 7: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/7.jpg)
PROXIMITY
There are many ways to group elements
Are you grouping things correctly? Are you using proximity to help imply importance and relationships?
![Page 8: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/8.jpg)
PROXIMITY
Element which are close are perceived as a shape.
![Page 9: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/9.jpg)
PROXIMITY
Element which are close are perceived as a group.
![Page 10: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/10.jpg)
PROXIMITY
Element which are close are perceived as a group.
![Page 11: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/11.jpg)
PROXIMITY
Color, size and style also work for proximity
![Page 12: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/12.jpg)
PROXIMITY_Are you grouping things correctly? Are you using proximity to help imply importance and relationships?
![Page 13: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/13.jpg)
2. SIMILARITY
Things that are similar are perceived to be more related than things that are dissimilar
Similar appearance equates to similar function.
![Page 14: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/14.jpg)
SIMILARITY
Features which look similar are associated
It is based on repetition of shape, size, color, texture, value or orientation
![Page 15: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/15.jpg)
SIMILARITY
• Unity
• Emphasize
• Links
![Page 16: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/16.jpg)
SIMILARITY
![Page 17: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/17.jpg)
3. CLOSURE_ Closure means that we "close" objects that are themselves not complete
Closure occurs when an object is incomplete or a space is not completely enclosed. If enough of the shape is indicated, people perceive the whole by filling in the missing information.
We humans are very adept at drawing conclusions from less-than-all the information
![Page 18: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/18.jpg)
CLOSURE
When looking at a complex arrangement of individual elements, humans tend to first look for a single, recognizable pattern.
![Page 19: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/19.jpg)
CLOSURE
In order to utilize closure as an effective design mechanism, you must make it easy for closure to occur.
![Page 20: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/20.jpg)
CLOSURE
When presented with less than the full picture, we attempt to employ the principle of closure to fill in missing information and form a complete image or idea based on common or easily recognizable patterns from our past experience and understanding.
![Page 21: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/21.jpg)
4. CONTINUATION _ Common Fate
We perceive items or objects moving (or appearing to move) in the same direction as related to each other, more so than elements that are stationary or appear to be moving in different directions. Those related items are sharing a "common fate."
![Page 22: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/22.jpg)
CONTINUATION _ Common Fate
Continuation also occurs when the eye is compelled to move through one object and continue to another object.
![Page 23: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/23.jpg)
CONTINUATION _ Common Fate
Continuation helps us group shapes and information.
![Page 24: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/24.jpg)
CONTINUATION _ Common Fate
![Page 25: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/25.jpg)
5. FIGURE-GROUND (Prägnanz)
The eye differentiates an object form its surrounding area.
A form, silhouette, or shape is naturally perceived as figure (object), while the surrounding area is perceived as ground (background).
A thing (figure) is only visible to the eztent that it seen as seperate from its background (ground)
![Page 26: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/26.jpg)
FIGURE-GROUND
¨ Excellent color contrast
¨ The focus figure is placed near the central area within the frame, hence giving a very balanced feel.
¨ The foreground is more detailed than the background.
¨ Obvious focal point hints significance (red rose)
¨ Background is not trying to compete with the foreground for attention
![Page 27: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/27.jpg)
FIGURE-GROUND
Elements are perceived as either figures (distinct elements of focus) or ground (the background or landscape on which the figures rest).
Our perception of the figure ground relationship allows us to organize what we see by how each object relates to others. The short and sweet version is: it allows us to determine what we’re supposed to look at and what we might safely ignore.
![Page 28: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/28.jpg)
FIGURE-GROUND
It is sometimes called positive negative space
We are able to recognize and read words because we organize the lettes into a figure lying against a ground
![Page 29: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/29.jpg)
FIGURE-GROUND
Many beginning designers concentrate only on the mark they make and are not aware of white space surrounding it.
![Page 30: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/30.jpg)
FIGURE-GROUND TYPES OF FIGURE_GROUND
1. STABLE: Figure is figure and ground is ground
2. REVERSIBLE: figure and ground compete
3. AMBIGUOUS: figure and ground create an optical illusion
![Page 31: Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.](https://reader035.fdocuments.net/reader035/viewer/2022062407/56649cd55503460f9499c882/html5/thumbnails/31.jpg)
REFERNCES
• Becer, Emre (2002). letişim ve Grafik Tasarım. Ankara: Dost Kitabevi • Arntson, E. Amy (2012). Graphic Design Basics (Vol. 6). Wadsworth, Cengage
Learning: USA • http://sixrevisions.com/web_design/gestalt-principles-applied-in-design/• http://www.instantshift.com/2011/09/19/the-close-relationship-between-gestalt-
principles-and-design/• http://www.andyrutledge.com/gestalt-principles-1-figure-ground-relationship.php• http://graphicdesign.spokanefalls.edu/tutorials/process/gestaltprinciples/gestaltpr
inc.htm• http://www.artinarch.com/vp12.html