SlideShare a Scribd company logo
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
How we see …. What we see …!
Visual	
Percep-on	‫نرى‬ ‫ماذا‬
‫نرى‬ ‫كيف‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Percep-on	
How	you	see?	
The	percep/on	of	the	objects	
Visual	Sensa-on	
What	you	see?	
The	reality	of	the	objects,	and	units	
Brain	
Visual	elements	
rela/onship	
Mental	explana/on	
Understanding	
Visual	organic	
Mechanism	of	eye	and	brain	rela/onship		
Physical	explana/on		
Looking	at	the	visual	elements
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
With black spaces!
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Without black spaces!
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Why	do	some	elements	of	the	visual	field	appear	
differently	than	its	real	look?		
Why	do	some	elements	of	the	visual	field	form	the	
unified	figure	and	others	become	ground?
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Originated in Germany 1910 by three of German psychologists (Max
Wertheimer, Kurt Koffka, and Wolfgang Kohler)
The Gestalt psychology emphasizes the unique role of the overall
structure and relationship between components in producing
perceptual organization.
‫الحسي‬ ‫اإلدراك‬ ‫منظومة‬ ‫إنتاج‬ ‫في‬ ‫املكونات‬ ‫بني‬ ‫والعالقة‬ ‫العام‬ ‫الهيكل‬ ‫دور‬ ‫على‬ ‫النظرية‬ ‫تؤكد‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
The	basic	principle	
	
The whole is greater than the sum of its parts.
‫أجزائة‬ ‫مجموع‬ ‫من‬ ‫أكبر‬ ‫الكل‬
‫مكوناتها‬ ‫إدراك‬ ‫قبل‬ ‫العامة‬ ‫الهيئة‬ ‫ويدركون‬ ‫األشياء‬ ‫إلي‬ ‫ينظرون‬ ‫األفراد‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Gestalt	
Basic		
Laws	
	‫التقارب‬
	‫التشابه‬
	‫الرؤية‬ ‫تعددية‬	‫االستمرارية‬
	‫اإلغالق‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Proximity	
	‫التقارب‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Proximity	
	‫التقارب‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Closure	
	‫اإلغالق‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Closure	
	‫اإلغالق‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Closure	
	‫اإلغالق‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Similarity	
	‫التشابه‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Similarity	
	‫التشابه‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Similarity	
	‫التشابه‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Mul--Stability	
	‫الرؤية‬ ‫تعددية‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Mul--Stability	
	‫الرؤية‬ ‫تعددية‬
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
Con-nuity	
	‫اإلستمرارية‬
!‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬
Dr.	Abeer	Hasanin	2019	
Gestalt Theory Applications in Graphic Design!
!‫ي‬‫الجرافيك‬ ‫التصميم‬ ‫في‬ ‫الجشتالت‬ ‫نظرية‬ ‫تطبيقات‬
!‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬
Dr.	Abeer	Hasanin	2019
!‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬
Dr.	Abeer	Hasanin	2019
!‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬
Dr.	Abeer	Hasanin	2019
Dr.	Abeer	Hasanin	2019
Dr.	Abeer	Hasanin	2019
Dr.	Abeer	Hasanin	2019
Dr.	Abeer	Hasanin	2019
Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬
Dr.	Abeer	Hasanin	2019	
	of	the	objects	
The usable main factors or
elements of these Gestalt laws are:
Shapes, color, light position (shade,
brightness), and position of seeing
(shape or site).
Gestalt laws related to visual perception are used through the act of imagining & thinking.
Visual perception of design-idea
exploration lies in three phases:
factual visual apprehension of forms
appreciative judgments of characteristic
comprehension of spatial gestalts
How designers deal with Gestalt?
‫"ر‬""""‫ي‬"""""‫ك‬"""""‫ف‬"""""‫ت‬‫وال‬ ‫"ل‬""""‫ي‬"""""‫خ‬"""""‫ت‬‫ال‬ ‫قانون‬ ‫خالل‬ ‫من‬ ‫"دم‬""""‫خ‬"""""‫ت‬‫"س‬""""""""""""""""""""‫مل‬‫ا‬ ‫"ري‬""""‫ص‬"""""‫ب‬‫ال‬ ‫باإلدراك‬ ‫"ر‬""""‫ت‬‫أك‬ ‫"ق‬""""‫ل‬"""""‫ع‬"""""‫ت‬‫ت‬
Dr.	Abeer	Hasanin	2019	
To get a preconceived idea about how to manipulate
visual elements (shapes color, light position and
position of seeing)
For designers
To reach creative design ideas
To be able to draw the ideas, say them, and write
them
To have a good knowledge of how people see and
think and feel within using the design, space, and
product
Why designers deal with Gestalt?
1.
Dr.	Abeer	Hasanin	2019	
Why designers deal with Gestalt?
Creative
Thoughts
Gestalt
Laws Good Design
For designers1.
Dr.	Abeer	Hasanin	2019	
Why designers deal with Gestalt?
To have good tools of communication language
that could convince the client to accept the idea
which should on one hand meet their aesthetic
values, and functions, and on the other hand,
meet their expectations and their budget (creative
design ideas, good presentations and the right
visual, and verbal explanation)
For the Clients2.
Dr.	Abeer	Hasanin	2019	
Why designers deal with Gestalt?
For Users3.
To create good design which fulfills the balance
between the users’ aesthetic needs and their
physical needs.
To create a good product-user interaction and good
space-user interaction for the user to perceive the
right atmosphere in the right place with the right
activity
Museum, hospital, clinic, living room, products...etc.
Dr.	Abeer	Hasanin	2019								Helwan	University,	Faculty	of	Art	Educa?on,	Cairo,	Egypt	
GOOD
LUCK
A b e e r H a s a n i n
2019

More Related Content

PPT
Gestalt Laws and Design
PPTX
Semiotics of architecture
PDF
Gehl Architects Major Projects Booklet
PPT
4 Influences of the 18th C.on Landscape Design ppt.
PPT
Impact of psychology on architecture
PDF
Kinectic Building
PDF
Presentation GIFT City.pdf
PDF
Sensory Garden: Lessons learned from the UK and Singapore
Gestalt Laws and Design
Semiotics of architecture
Gehl Architects Major Projects Booklet
4 Influences of the 18th C.on Landscape Design ppt.
Impact of psychology on architecture
Kinectic Building
Presentation GIFT City.pdf
Sensory Garden: Lessons learned from the UK and Singapore

What's hot (20)

PDF
Design principles in bharatnatyam
PPTX
Javahar kala kendra'
PDF
Rasem Badran
PPT
Universal Design (w/ architectural examples)
PDF
Interior Design Portfolio
PPTX
Hassan fathy
PPT
Tadao Ando
PPTX
Planning of Chandigarh
PPTX
Lec 10 a pattern language
PPTX
Radiant city concept of le corbusier
PDF
Fue theory 4 lecture 3 - theory in relation to method
PDF
1. Case study report GIFT CITY Assignment 01.pdf
PPTX
PPTX
Courtyards Planning in Indian Context
PDF
LEARNING FROM PLANNING AND DESIGNING OF HAVELIS OF MALWA REGION OF PUNJAB AS ...
PDF
ORGANIC ARCHITECTURE (CURRENT SENERIO)
PDF
Floating city-project-report-4 25-2014 seasteading institute white paper
PDF
Lewis Mumford and his theory of urban planning
PPTX
Introduction-to-Urban-Design.pptx
Design principles in bharatnatyam
Javahar kala kendra'
Rasem Badran
Universal Design (w/ architectural examples)
Interior Design Portfolio
Hassan fathy
Tadao Ando
Planning of Chandigarh
Lec 10 a pattern language
Radiant city concept of le corbusier
Fue theory 4 lecture 3 - theory in relation to method
1. Case study report GIFT CITY Assignment 01.pdf
Courtyards Planning in Indian Context
LEARNING FROM PLANNING AND DESIGNING OF HAVELIS OF MALWA REGION OF PUNJAB AS ...
ORGANIC ARCHITECTURE (CURRENT SENERIO)
Floating city-project-report-4 25-2014 seasteading institute white paper
Lewis Mumford and his theory of urban planning
Introduction-to-Urban-Design.pptx
Ad

Similar to Gestalt Theory Application on Graphic Design (20)

PPTX
Gestalt visual communication
PDF
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
PPTX
Perceptual organization & factors influencing perception
PDF
Fundamentals of visual communication unit iii
PPT
Effective Decision Making
PPT
Visual perception 1
PDF
Film Review Examples For Students - Aspoykeys
PDF
PDF
Searle, Intentionality, and the Future of Classifier Systems
PDF
Analysis Essay Example
PDF
Creativity
PPT
AMP: Learning Creativity
KEY
Mapping present01
PPTX
Slides - Perception and Decision Making.pptx
PPTX
Slides - Perception and Decision Making.pptx
PPTX
Slides - Perception and Decision Making.pptx
PDF
How to discover, capture & communicate your best ideas
Gestalt visual communication
Why Design Thinking is Important for Innovation? - Favarin Vitillo - ViewConf...
Perceptual organization & factors influencing perception
Fundamentals of visual communication unit iii
Effective Decision Making
Visual perception 1
Film Review Examples For Students - Aspoykeys
Searle, Intentionality, and the Future of Classifier Systems
Analysis Essay Example
Creativity
AMP: Learning Creativity
Mapping present01
Slides - Perception and Decision Making.pptx
Slides - Perception and Decision Making.pptx
Slides - Perception and Decision Making.pptx
How to discover, capture & communicate your best ideas
Ad

More from Abeer Hasanin (12)

PDF
Harvard Reference Presentation.pdf
PDF
Terms on film production
PDF
Terms on web site development
PDF
إرشادات تقييم الورقة الاختبارية - كلية التربية الفنية - جامعة حلوان ٢٠٢٢
PDF
Guide to basics of prefessional photography
PDF
Ancient Egyptian Art 2020-11 (Arabic Presentation)
PPTX
Design Education For Sustainable Human Behavior , By Abeer Adel Hasanin, 2016
PDF
Art appreciation Course presentation (Arabic)- 2018
PDF
Layout for web
PDF
Introduction to web design
PDF
Color theory 2015
PDF
Design theory 2014
Harvard Reference Presentation.pdf
Terms on film production
Terms on web site development
إرشادات تقييم الورقة الاختبارية - كلية التربية الفنية - جامعة حلوان ٢٠٢٢
Guide to basics of prefessional photography
Ancient Egyptian Art 2020-11 (Arabic Presentation)
Design Education For Sustainable Human Behavior , By Abeer Adel Hasanin, 2016
Art appreciation Course presentation (Arabic)- 2018
Layout for web
Introduction to web design
Color theory 2015
Design theory 2014

Recently uploaded (20)

PDF
Urban Design Final Project-Context
PPTX
CLASSIFICATION OF YARN- process, explanation
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PPTX
Media And Information Literacy for Grade 12
PPTX
Evolution_of_Computing_Presentation (1).pptx
PDF
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
Introduction to Building Information Modeling
PDF
THEORY OF ID MODULE (Interior Design Subject)
PDF
Strengthening Tamil Identity A. Swami Durai’s Legacy
PPTX
a group casestudy on architectural aesthetic and beauty
PPTX
Orthtotics presentation regarding physcial therapy
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PPTX
NEW EIA PART B - Group 5 (Section 50).pptx
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PDF
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
PPTX
timber basics in structure mechanics (dos)
Urban Design Final Project-Context
CLASSIFICATION OF YARN- process, explanation
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
Media And Information Literacy for Grade 12
Evolution_of_Computing_Presentation (1).pptx
2025_AIFG_Akane_Kikuchi_Empathy_Design.PDF
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
Introduction to Building Information Modeling
THEORY OF ID MODULE (Interior Design Subject)
Strengthening Tamil Identity A. Swami Durai’s Legacy
a group casestudy on architectural aesthetic and beauty
Orthtotics presentation regarding physcial therapy
22CDH01-V3-UNIT III-UX-UI for Immersive Design
NEW EIA PART B - Group 5 (Section 50).pptx
Tenders & Contracts Works _ Services Afzal.pptx
Pongal 2026 Sponsorship Presentation - Bhopal Tamil Sangam
timber basics in structure mechanics (dos)

Gestalt Theory Application on Graphic Design

  • 1. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 How we see …. What we see …! Visual Percep-on ‫نرى‬ ‫ماذا‬ ‫نرى‬ ‫كيف‬
  • 2. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Percep-on How you see? The percep/on of the objects Visual Sensa-on What you see? The reality of the objects, and units Brain Visual elements rela/onship Mental explana/on Understanding Visual organic Mechanism of eye and brain rela/onship Physical explana/on Looking at the visual elements
  • 3. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 With black spaces!
  • 4. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Without black spaces!
  • 5. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Why do some elements of the visual field appear differently than its real look? Why do some elements of the visual field form the unified figure and others become ground?
  • 6. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Originated in Germany 1910 by three of German psychologists (Max Wertheimer, Kurt Koffka, and Wolfgang Kohler) The Gestalt psychology emphasizes the unique role of the overall structure and relationship between components in producing perceptual organization. ‫الحسي‬ ‫اإلدراك‬ ‫منظومة‬ ‫إنتاج‬ ‫في‬ ‫املكونات‬ ‫بني‬ ‫والعالقة‬ ‫العام‬ ‫الهيكل‬ ‫دور‬ ‫على‬ ‫النظرية‬ ‫تؤكد‬
  • 7. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 The basic principle The whole is greater than the sum of its parts. ‫أجزائة‬ ‫مجموع‬ ‫من‬ ‫أكبر‬ ‫الكل‬ ‫مكوناتها‬ ‫إدراك‬ ‫قبل‬ ‫العامة‬ ‫الهيئة‬ ‫ويدركون‬ ‫األشياء‬ ‫إلي‬ ‫ينظرون‬ ‫األفراد‬
  • 8. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Gestalt Basic Laws ‫التقارب‬ ‫التشابه‬ ‫الرؤية‬ ‫تعددية‬ ‫االستمرارية‬ ‫اإلغالق‬
  • 9. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Proximity ‫التقارب‬
  • 10. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Proximity ‫التقارب‬
  • 11. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Closure ‫اإلغالق‬
  • 12. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Closure ‫اإلغالق‬
  • 13. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Closure ‫اإلغالق‬
  • 14. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Similarity ‫التشابه‬
  • 15. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Similarity ‫التشابه‬
  • 16. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Similarity ‫التشابه‬
  • 17. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Mul--Stability ‫الرؤية‬ ‫تعددية‬
  • 18. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Mul--Stability ‫الرؤية‬ ‫تعددية‬
  • 19. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 Con-nuity ‫اإلستمرارية‬
  • 20. !‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬ Dr. Abeer Hasanin 2019 Gestalt Theory Applications in Graphic Design! !‫ي‬‫الجرافيك‬ ‫التصميم‬ ‫في‬ ‫الجشتالت‬ ‫نظرية‬ ‫تطبيقات‬
  • 21. !‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬ Dr. Abeer Hasanin 2019
  • 22. !‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬ Dr. Abeer Hasanin 2019
  • 23. !‫ة‬‫اعالني‬ ‫حملة‬ ‫عمل‬ ‫في‬ ‫البدء‬ Dr. Abeer Hasanin 2019
  • 28. Gestalt Theory ‫الجشتالت‬ ‫!نظرية‬ Dr. Abeer Hasanin 2019 of the objects The usable main factors or elements of these Gestalt laws are: Shapes, color, light position (shade, brightness), and position of seeing (shape or site). Gestalt laws related to visual perception are used through the act of imagining & thinking. Visual perception of design-idea exploration lies in three phases: factual visual apprehension of forms appreciative judgments of characteristic comprehension of spatial gestalts How designers deal with Gestalt? ‫"ر‬""""‫ي‬"""""‫ك‬"""""‫ف‬"""""‫ت‬‫وال‬ ‫"ل‬""""‫ي‬"""""‫خ‬"""""‫ت‬‫ال‬ ‫قانون‬ ‫خالل‬ ‫من‬ ‫"دم‬""""‫خ‬"""""‫ت‬‫"س‬""""""""""""""""""""‫مل‬‫ا‬ ‫"ري‬""""‫ص‬"""""‫ب‬‫ال‬ ‫باإلدراك‬ ‫"ر‬""""‫ت‬‫أك‬ ‫"ق‬""""‫ل‬"""""‫ع‬"""""‫ت‬‫ت‬
  • 29. Dr. Abeer Hasanin 2019 To get a preconceived idea about how to manipulate visual elements (shapes color, light position and position of seeing) For designers To reach creative design ideas To be able to draw the ideas, say them, and write them To have a good knowledge of how people see and think and feel within using the design, space, and product Why designers deal with Gestalt? 1.
  • 30. Dr. Abeer Hasanin 2019 Why designers deal with Gestalt? Creative Thoughts Gestalt Laws Good Design For designers1.
  • 31. Dr. Abeer Hasanin 2019 Why designers deal with Gestalt? To have good tools of communication language that could convince the client to accept the idea which should on one hand meet their aesthetic values, and functions, and on the other hand, meet their expectations and their budget (creative design ideas, good presentations and the right visual, and verbal explanation) For the Clients2.
  • 32. Dr. Abeer Hasanin 2019 Why designers deal with Gestalt? For Users3. To create good design which fulfills the balance between the users’ aesthetic needs and their physical needs. To create a good product-user interaction and good space-user interaction for the user to perceive the right atmosphere in the right place with the right activity Museum, hospital, clinic, living room, products...etc.