SCIENCEof DESIGNDenys Mishunov • @mishunov
DESIGN   = communication   "We are designers, not artists;  the main difference being that    we produce things that solve...
Geometry   PsychologyDESIGN    Neuroscience
GeometryDESIGN
PROPORTION
… Hippasus of Metapontum stood on                            the deck preparing to die. Around him                        ...
Arrr you                                kidding me?Ippaso di Metaponto, filosofo                                  √ 2     ...
Pythagoras  6th century BC
http://www.invisiblecity.co.uk/
Perfect Fifth
screenshot of iPhone
imdb.com
studioairport.nl
Golden section3:4Square root of 35:83:5anything:anything
Screens proportions HDTV, iMac, iPhone5 – 16:9 [0.56] Google Nexus One, Nexus S – 3:5 [0.6] MacBook Pro – 5:8 [0.625] iPho...
"The page is a piece of paper. It is also a visible and tangible proportion,silently sounding the thoroughbass of   the bo...
… produce an antiphonal geometry. That geometry alone can bond thereader to the book. Or conversely, itcan put the reader ...
PsychologyDESIGN
+                     Photo © Laszlo Bardos http://www.cutoutfoldup.com/Max Wertheimer         Zoetrope
GESTALTpsychology
PROXIMITY
SIMILARITY     in  COLOR
SIMILARITY     in   SIZE
SIMILARITY     in   SHAPE
Photo from http://kristoff.web.elte.hu/ANG102/ANG102.htm
grabaperch.com
“Physics is like Sex: sure it may have some practical results. But thats not why          we do it.”Richard P.Feynman
DESIGN Neuroscience
COLOREye              Visual Cortex
CONTRAST
CONTRAST   Similarity           Direction           Color           more
arngren.net
mailchimp.com
"In everything, no matter what it  may be, uniformity is undesirable"  "Leaving something incomplete makesit interesting, ...
beDON’T        afraid        of new        CHALLENGES
“If we want better sites,  better work, and better-informed clients, the need to   educate begins with us.”   Jeffery Zeld...
THANK YOUTypefaces “Give Me Glory”                             “Sketch Rockwell” by Kimberly Geswein                      ...
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Upcoming SlideShare
Loading in...5
×

Science of Design 2

40,734

Published on

"Science of Design", as presented at "The Treasure of Frontend Island". September 21, 2012, Bologna, IT

Published in: Design, Technology, Education
7 Comments
80 Likes
Statistics
Notes
No Downloads
Views
Total Views
40,734
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
7
Likes
80
Embeds 0
No embeds

No notes for slide

Science of Design 2

  1. 1. SCIENCEof DESIGNDenys Mishunov • @mishunov
  2. 2. DESIGN = communication "We are designers, not artists; the main difference being that we produce things that solve problems." Paul Boag
  3. 3. Geometry PsychologyDESIGN Neuroscience
  4. 4. GeometryDESIGN
  5. 5. PROPORTION
  6. 6. … Hippasus of Metapontum stood on the deck preparing to die. Around him stood the members of a cult, a secret brotherhood that he had betrayed. Hippasus had revealed a secret that was deadly to the Greek way of thinking, a secret that threatened to Charles Seife undermine the entire philosophy that the brotherhood had struggled to build. For“Zero: The Biography of a revealing that secret, the great Dangerous Idea” Pythagoras himself sentenced Hippasus to death by drowning. To protect their number-philosophy, the cult would kill…
  7. 7. Arrr you kidding me?Ippaso di Metaponto, filosofo √ 2 1 1
  8. 8. Pythagoras 6th century BC
  9. 9. http://www.invisiblecity.co.uk/
  10. 10. Perfect Fifth
  11. 11. screenshot of iPhone
  12. 12. imdb.com
  13. 13. studioairport.nl
  14. 14. Golden section3:4Square root of 35:83:5anything:anything
  15. 15. Screens proportions HDTV, iMac, iPhone5 – 16:9 [0.56] Google Nexus One, Nexus S – 3:5 [0.6] MacBook Pro – 5:8 [0.625] iPhone – 2:3 [0.66] iPad, Kindle – 3:4 [0.75]
  16. 16. "The page is a piece of paper. It is also a visible and tangible proportion,silently sounding the thoroughbass of the book. On it lies the textblock, which must answer to the page. The two together – page and textblock … Robert Bringhurst "The Elements of Typographical Style"
  17. 17. … produce an antiphonal geometry. That geometry alone can bond thereader to the book. Or conversely, itcan put the reader to sleep, or putthe reader’s nerves on edge, or drive the reader away." Robert Bringhurst "The Elements of Typographical Style"
  18. 18. PsychologyDESIGN
  19. 19. + Photo © Laszlo Bardos http://www.cutoutfoldup.com/Max Wertheimer Zoetrope
  20. 20. GESTALTpsychology
  21. 21. PROXIMITY
  22. 22. SIMILARITY in COLOR
  23. 23. SIMILARITY in SIZE
  24. 24. SIMILARITY in SHAPE
  25. 25. Photo from http://kristoff.web.elte.hu/ANG102/ANG102.htm
  26. 26. grabaperch.com
  27. 27. “Physics is like Sex: sure it may have some practical results. But thats not why we do it.”Richard P.Feynman
  28. 28. DESIGN Neuroscience
  29. 29. COLOREye Visual Cortex
  30. 30. CONTRAST
  31. 31. CONTRAST Similarity Direction Color more
  32. 32. arngren.net
  33. 33. mailchimp.com
  34. 34. "In everything, no matter what it may be, uniformity is undesirable" "Leaving something incomplete makesit interesting, and gives one the feeling that there is room for growth" Yoshida Kenko 1330 – 1332
  35. 35. beDON’T afraid of new CHALLENGES
  36. 36. “If we want better sites, better work, and better-informed clients, the need to educate begins with us.” Jeffery Zeldman
  37. 37. THANK YOUTypefaces “Give Me Glory” “Sketch Rockwell” by Kimberly Geswein by Lukas BischoffMusic “A Necessary End” by Saltillo “Star Wars: A New Hope (Main Theme)” by “City of Prague Philarmonic” (comp. John Williams) @mishunov · http://mishunov.me · CodePen

×