Science of Design 2

42,513 views
42,054 views

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
81 Likes
Statistics
Notes
No Downloads
Views
Total views
42,513
On SlideShare
0
From Embeds
0
Number of Embeds
352
Actions
Shares
0
Downloads
0
Comments
7
Likes
81
Embeds 0
No embeds

No notes for slide

Science of Design 2

  1. SCIENCEof DESIGNDenys Mishunov • @mishunov
  2. DESIGN = communication "We are designers, not artists; the main difference being that we produce things that solve problems." Paul Boag
  3. Geometry PsychologyDESIGN Neuroscience
  4. GeometryDESIGN
  5. PROPORTION
  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. Arrr you kidding me?Ippaso di Metaponto, filosofo √ 2 1 1
  8. Pythagoras 6th century BC
  9. http://www.invisiblecity.co.uk/
  10. Perfect Fifth
  11. screenshot of iPhone
  12. imdb.com
  13. studioairport.nl
  14. Golden section3:4Square root of 35:83:5anything:anything
  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. "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. … 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. PsychologyDESIGN
  19. + Photo © Laszlo Bardos http://www.cutoutfoldup.com/Max Wertheimer Zoetrope
  20. GESTALTpsychology
  21. PROXIMITY
  22. SIMILARITY in COLOR
  23. SIMILARITY in SIZE
  24. SIMILARITY in SHAPE
  25. Photo from http://kristoff.web.elte.hu/ANG102/ANG102.htm
  26. grabaperch.com
  27. “Physics is like Sex: sure it may have some practical results. But thats not why we do it.”Richard P.Feynman
  28. DESIGN Neuroscience
  29. COLOREye Visual Cortex
  30. CONTRAST
  31. CONTRAST Similarity Direction Color more
  32. arngren.net
  33. mailchimp.com
  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. beDON’T afraid of new CHALLENGES
  36. “If we want better sites, better work, and better-informed clients, the need to educate begins with us.” Jeffery Zeldman
  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

×