SlideShare a Scribd company logo
1 of 15
UNIT - 3
FUNDAMENTALS OF DESIGN
Presented by
Agilandeeswari. R
RULE OF THIRD
FRAMING AND FORM
• The rule of thirds is one of the most common rules in photography.
• The four intersection points of these lines, and the four lines themselves, are where subjects, or
strong compositional lines of a photograph, can be placed to create a strong, balanced image.
• The rule of thirds is a composition guideline that places your subject in the left or right third of an
image, leaving the other two thirds more open.
CENTRE OF INTEREST
• A center of interest is that part of the picture which attracts
the mind.
• Focal point, focal area, area of dominance, center of
dominance, area of interest, etc. These terms all refer to the
same thing: the area of greatest contrast in a painting where
the eye goes to rest and focus.
• Placement. The location of the center of interest in
generally determined by a centuries old compositional
structure commonly known as the "Golden Section" or
"Rule of Thirds."
• This compositional guide divides the painting surface into
equal thirds both vertically and horizontally.
GESTALTS THEORY OF
VISUAL COMPOSITION
• Gestalt Principles are principles/laws of human
perception that describe how humans group similar
elements, recognize patterns and simplify complex
images when we perceive objects.
• Designers use the principles to organize content on
websites and other interfaces so it is aesthetically
pleasing and easy to understand.
• Gestalt psychology is a theory that looks at human
perception. It originated in Austria and Germany
during the early 20th century as a counter to the
principles of elementalist and structuralist psychology.
There are seven Gestalt design principles:
1.Principle of proximity
2.Principle of closure
3.Principle of similarity
4.Principle of continuity
5.Principles of Figure/Ground
6.Principle of Symmetry and
order
7.Principle of Common Fate
Principle of proximity
• Proximity refers to how close elements are to one
another. The strongest proximity relationships are those
between overlapping subjects, but just grouping objects
into a single area can also have a strong proximity effect.
• Visually, distance defines relatedness. Objects that are
close together are seen as related, while objects that are
far apart … aren’t.
• An example of proximity in design is the Girl Scouts logo,
with its three faces clustered in profile (two green, one
white).
Humans prefer complete shapes, so they automatically fill
in gaps between elements to perceive a complete image.
Iconic logos such as IBM’s and the World Wildlife Fund’s
are examples of applied closure—IBM’s comprising blue
horizontal lines arranged in three stacks; the WWF’s
consisting of a cluster of black shapes set against a white
background to reveal the familiar form of a panda.
Principle of closure
Principle of similarity
•Similarity (also known as Invariance): The human eye
tends to build a relationship between similar elements
within a design. Similarity can be achieved using basic
elements such as shapes, colors, and size.
• Similarity can be used to tie together elements that might
not be right next to each other in a design.
Principle of continuity
The human eye follows the paths, lines, and curves of a
design, and prefers to see a continuous flow of visual
elements rather than separated objects.
Principles of perception
The figure/ground principle is similar to the closure
principle in that it takes advantage of the way the brain
processes negative space.
Figure/Ground (also known as Multi-stability): The
human eye isolates shapes from backgrounds.
Rubin’s Vase
Symmetry and Order
•The design should be balanced and complete; otherwise,
the user will spend time and effort trying to perceive an
overall picture.
Our brain will interpret the image on the left
as a rectangle, circle, and triangle, even when
the outlines of each are incomplete because
those are simpler shapes than the overall
image.
Common Fate
While common fate was not originally included in gestalt
theory, it has since been added. In UX design, its
usefulness can’t be overlooked. This principle states that
people will group together things that point to or are
moving in the same direction.
In nature, we see this in things like flocks of birds or
schools of fish. They are made up of a bunch of individual
elements, but because they move seemingly as one, our
brains group them together and consider them a single
stimulus.
Unit -3.pptx
Unit -3.pptx

More Related Content

Similar to Unit -3.pptx

Compositional techniques
Compositional techniquesCompositional techniques
Compositional techniquesCorey Drent
 
gestalt-principles-keli-dirisio.pdf
gestalt-principles-keli-dirisio.pdfgestalt-principles-keli-dirisio.pdf
gestalt-principles-keli-dirisio.pdfSHUJEHASSAN
 
Visual perception concepts
Visual perception conceptsVisual perception concepts
Visual perception conceptsLopamudra Ghosh
 
gestalt-principles-keli-dirisio.pptx
gestalt-principles-keli-dirisio.pptxgestalt-principles-keli-dirisio.pptx
gestalt-principles-keli-dirisio.pptxVibhaVerma45
 
Principles of Design - 1
Principles of Design - 1Principles of Design - 1
Principles of Design - 1Girish Chandran
 
Principles of Landscape Design.pptx
Principles of Landscape Design.pptxPrinciples of Landscape Design.pptx
Principles of Landscape Design.pptxDemharunYoungMan
 
visual perception ppt2.pptx
visual perception ppt2.pptxvisual perception ppt2.pptx
visual perception ppt2.pptxVatsal Garasia
 
Composition low res file
Composition low res fileComposition low res file
Composition low res fileDanielScottArnauld
 
Visual composition slideshow
Visual composition slideshowVisual composition slideshow
Visual composition slideshowbluedevils
 
Iepa lecture 3 and 4 understanding composition
Iepa lecture 3 and 4 understanding compositionIepa lecture 3 and 4 understanding composition
Iepa lecture 3 and 4 understanding compositionWilfred Dexter Tanedo
 
3 d design principles (2)
3 d design principles (2)3 d design principles (2)
3 d design principles (2)profmedina
 
Organization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignOrganization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignMariz Ombajin
 
3 d chapter 4 3d design principles
3 d chapter 4 3d design principles3 d chapter 4 3d design principles
3 d chapter 4 3d design principlesTracie King
 

Similar to Unit -3.pptx (20)

Compositional techniques
Compositional techniquesCompositional techniques
Compositional techniques
 
Architectural Photography Basics
Architectural Photography BasicsArchitectural Photography Basics
Architectural Photography Basics
 
gestalt-principles-keli-dirisio.pdf
gestalt-principles-keli-dirisio.pdfgestalt-principles-keli-dirisio.pdf
gestalt-principles-keli-dirisio.pdf
 
Visual perception concepts
Visual perception conceptsVisual perception concepts
Visual perception concepts
 
gestalt-principles-keli-dirisio.pptx
gestalt-principles-keli-dirisio.pptxgestalt-principles-keli-dirisio.pptx
gestalt-principles-keli-dirisio.pptx
 
Principles of Design - 1
Principles of Design - 1Principles of Design - 1
Principles of Design - 1
 
Principles of Landscape Design.pptx
Principles of Landscape Design.pptxPrinciples of Landscape Design.pptx
Principles of Landscape Design.pptx
 
compositional F07.ppt
compositional F07.pptcompositional F07.ppt
compositional F07.ppt
 
Negative Space: Gestalt Theory
Negative Space: Gestalt TheoryNegative Space: Gestalt Theory
Negative Space: Gestalt Theory
 
3D_4
3D_43D_4
3D_4
 
visual perception ppt2.pptx
visual perception ppt2.pptxvisual perception ppt2.pptx
visual perception ppt2.pptx
 
Composition low res file
Composition low res fileComposition low res file
Composition low res file
 
Visual composition slideshow
Visual composition slideshowVisual composition slideshow
Visual composition slideshow
 
Iepa lecture 3 and 4 understanding composition
Iepa lecture 3 and 4 understanding compositionIepa lecture 3 and 4 understanding composition
Iepa lecture 3 and 4 understanding composition
 
Theory
TheoryTheory
Theory
 
Theory
TheoryTheory
Theory
 
Foothill Technology High School - Art & Design: Gestalt theory
Foothill Technology High School - Art & Design: Gestalt theoryFoothill Technology High School - Art & Design: Gestalt theory
Foothill Technology High School - Art & Design: Gestalt theory
 
3 d design principles (2)
3 d design principles (2)3 d design principles (2)
3 d design principles (2)
 
Organization in the visual arts and Principles of Design
Organization in the visual arts and Principles of DesignOrganization in the visual arts and Principles of Design
Organization in the visual arts and Principles of Design
 
3 d chapter 4 3d design principles
3 d chapter 4 3d design principles3 d chapter 4 3d design principles
3 d chapter 4 3d design principles
 

Recently uploaded

VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
Kieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF PortfolioKieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF Portfolioktksalaria
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfParomita Roy
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...Suhani Kapoor
 
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...ankitnayak356677
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentationamedia6
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Roomdivyansh0kumar0
 

Recently uploaded (20)

VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Serviceyoung call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
young call girls in Vivek Vihar🔝 9953056974 🔝 Delhi escort Service
 
Kieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF PortfolioKieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF Portfolio
 
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdfChapter 19_DDA_TOD Policy_First Draft 2012.pdf
Chapter 19_DDA_TOD Policy_First Draft 2012.pdf
 
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
VIP Russian Call Girls in Gorakhpur Deepika 8250192130 Independent Escort Ser...
 
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentation
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130  Available With RoomVIP Kolkata Call Girl Gariahat 👉 8250192130  Available With Room
VIP Kolkata Call Girl Gariahat 👉 8250192130 Available With Room
 

Unit -3.pptx

  • 1. UNIT - 3 FUNDAMENTALS OF DESIGN Presented by Agilandeeswari. R
  • 3. FRAMING AND FORM • The rule of thirds is one of the most common rules in photography. • The four intersection points of these lines, and the four lines themselves, are where subjects, or strong compositional lines of a photograph, can be placed to create a strong, balanced image. • The rule of thirds is a composition guideline that places your subject in the left or right third of an image, leaving the other two thirds more open.
  • 5. • A center of interest is that part of the picture which attracts the mind. • Focal point, focal area, area of dominance, center of dominance, area of interest, etc. These terms all refer to the same thing: the area of greatest contrast in a painting where the eye goes to rest and focus. • Placement. The location of the center of interest in generally determined by a centuries old compositional structure commonly known as the "Golden Section" or "Rule of Thirds." • This compositional guide divides the painting surface into equal thirds both vertically and horizontally.
  • 7. • Gestalt Principles are principles/laws of human perception that describe how humans group similar elements, recognize patterns and simplify complex images when we perceive objects. • Designers use the principles to organize content on websites and other interfaces so it is aesthetically pleasing and easy to understand. • Gestalt psychology is a theory that looks at human perception. It originated in Austria and Germany during the early 20th century as a counter to the principles of elementalist and structuralist psychology. There are seven Gestalt design principles: 1.Principle of proximity 2.Principle of closure 3.Principle of similarity 4.Principle of continuity 5.Principles of Figure/Ground 6.Principle of Symmetry and order 7.Principle of Common Fate
  • 8. Principle of proximity • Proximity refers to how close elements are to one another. The strongest proximity relationships are those between overlapping subjects, but just grouping objects into a single area can also have a strong proximity effect. • Visually, distance defines relatedness. Objects that are close together are seen as related, while objects that are far apart … aren’t. • An example of proximity in design is the Girl Scouts logo, with its three faces clustered in profile (two green, one white).
  • 9. Humans prefer complete shapes, so they automatically fill in gaps between elements to perceive a complete image. Iconic logos such as IBM’s and the World Wildlife Fund’s are examples of applied closure—IBM’s comprising blue horizontal lines arranged in three stacks; the WWF’s consisting of a cluster of black shapes set against a white background to reveal the familiar form of a panda. Principle of closure
  • 10. Principle of similarity •Similarity (also known as Invariance): The human eye tends to build a relationship between similar elements within a design. Similarity can be achieved using basic elements such as shapes, colors, and size. • Similarity can be used to tie together elements that might not be right next to each other in a design.
  • 11. Principle of continuity The human eye follows the paths, lines, and curves of a design, and prefers to see a continuous flow of visual elements rather than separated objects. Principles of perception The figure/ground principle is similar to the closure principle in that it takes advantage of the way the brain processes negative space. Figure/Ground (also known as Multi-stability): The human eye isolates shapes from backgrounds. Rubin’s Vase
  • 12. Symmetry and Order •The design should be balanced and complete; otherwise, the user will spend time and effort trying to perceive an overall picture. Our brain will interpret the image on the left as a rectangle, circle, and triangle, even when the outlines of each are incomplete because those are simpler shapes than the overall image.
  • 13. Common Fate While common fate was not originally included in gestalt theory, it has since been added. In UX design, its usefulness can’t be overlooked. This principle states that people will group together things that point to or are moving in the same direction. In nature, we see this in things like flocks of birds or schools of fish. They are made up of a bunch of individual elements, but because they move seemingly as one, our brains group them together and consider them a single stimulus.