Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Science of Design 2

80da88fa0ee72ef38bf344cda8a51d82?s=47 Denys Mishunov
September 21, 2012

Science of Design 2

"Science of Design", the-treasure-of-frontend-island edition.
September 21, 2012, Bologna, IT

80da88fa0ee72ef38bf344cda8a51d82?s=128

Denys Mishunov

September 21, 2012
Tweet

Transcript

  1. SCIENCE of DESIGN Denys Mishunov • @mishunov

  2. "We are designers, not artists; the main difference being that

    we produce things that solve problems." DESIGN = communication Paul Boag
  3. Geometry Psychology Neuroscience DESIGN

  4. PROPORTION

  5. … 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 undermine the entire philosophy that the brotherhood had struggled to build. For revealing that secret, the great Pythagoras himself sentenced Hippasus to death by drowning. To protect their number-philosophy, the cult would kill… Charles Seife “Zero: The Biography of a Dangerous Idea”
  6. Arrr you kidding me? Ippaso di Metaponto, filosofo 1 1

    √2
  7. Pythagoras 6th century BC

  8. None
  9. http://www.invisiblecity.co.uk/

  10. None
  11. Perect Fifth

  12. screenshot of iPhone

  13. None
  14. http://www.studioairport.nl/

  15. Golden section 3:4 Square root of 3 5:8 3:5 anything:anything

  16. 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] 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] Screens proportions
  17. "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"
  18. … produce an antiphonal geometry. That geometry alone can bond

    the reader to the book. Or conversely, it can put the reader to sleep, or put the reader’s nerves on edge, or drive the reader away." Robert Bringhurst "The Elements of Typographical Style"
  19. Neuroscience Geometry Psychology DESIGN

  20. Max Wertheimer + Zoetrope Photo © Laszlo Bardos http://www.cutoutfoldup.com/

  21. GESTALT psychology

  22. PROXIMITY

  23. COLOR SIMILARITY in

  24. SIZE SIMILARITY in

  25. SHAPE SIMILARITY in

  26. Photo from http://kristoff.web.elte.hu/ANG102/ANG102.htm

  27. None
  28. grabaperch.com

  29. “Physics is like Sex: sure it may have some practical

    results. But that's not why we do it.” “Physics is like Sex: sure it may have some practical results. But that's not why we do it.” Richard P.Feynman
  30. Geometry Psychology Neuroscience DESIGN

  31. Eye Visual Cortex COLOR

  32. CONTRAST

  33. Similarity Direction Color more CONTRAST

  34. arngren.net

  35. None
  36. mailchimp.com

  37. "In everything, no matter what it may be, uniformity is

    undesirable" "Leaving something incomplete makes it interesting, and gives one the feeling that there is room for growth" Yoshida Kenko 1330 – 1332
  38. DON’T be afraid of new CHALLENGES

  39. “If we want better sites, better work, and better- informed

    clients, the need to educate begins with us.” Jeffery Zeldman
  40. THANK YOU “Give Me Glory” by Kimberly Geswein “Sketch Rockwell”

    by Lukas Bischoff Typefaces “A Necessary End” by Saltillo “Star Wars: A New Hope (Main Theme)” by “City of Prague Philarmonic” (comp. John Williams) Music @mishunov · http://mishunov.me · CodePen