Gestalt principles of perception

4,656 views

Published on

Those are the slides of my talk at Open Tech School Berlin dealing with some design fundamentals for UI/UX designers.

It contains explanations and examples for some Gestalt principles of perception.

Published in: Design
0 Comments
13 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,656
On SlideShare
0
From Embeds
0
Number of Embeds
1,410
Actions
Shares
0
Downloads
136
Comments
0
Likes
13
Embeds 0
No embeds

No notes for slide

Gestalt principles of perception

  1. 1. Design principlesBasic design theory for UI/UX design Created by edokoa / @edokoa using reveal.js by Hakim El Hattab
  2. 2. Who am I?My name is Javier Díaz a.k.a. @edokoa Im a freelance designer
  3. 3. Gestalt Principles of Visual PerceptionHow the brain perceives complex surroundings and converts this information to easier to process unitary information.
  4. 4. Figure / Ground relationshipElements are perceived as either figures (distinct elements of focus) or ground (the background or landscape on which the figures rest).
  5. 5. In UI/UX
  6. 6. Contrast is key
  7. 7. ProximityElements closer to each other are perceived more related to each other.
  8. 8. In UI/UX
  9. 9. SimilarityElements that share common attributes are perceived to be more related than those that dont.
  10. 10. In UI/UX
  11. 11. Uniform ConnectednessElements connected by uniform visual properties are perceived to be more related than those not connected.
  12. 12. This is the strongest of the gestalt principles It generally overpowers Similarity and Proximity
  13. 13. In UI/UX
  14. 14. ClosureWhen confronted with a set of elements, the human brain tries to find recognizable patterns and automatically fill in the gaps.
  15. 15. Law of Prägnanz (Conciseness)The brain tends to interpret ambiguous images as simple and complete, versus complex and incomplete.
  16. 16. The combination of those two principles is really powerful They rely heavily in the psyche and experience of the user.
  17. 17. In UX/UI
  18. 18. ConclussionsContrast is a key factor in design.Position of elements does not only have an aestethic purpose.We can use visual similarities, connections & dividers to create strongrelationships.We can tell complex stories by using simple images.
  19. 19. Bibliography & Further research
  20. 20. Interested in this? Contact OPEN TECH SCHOOL
  21. 21. THANK YOU @edokoa

×