Your SlideShare is downloading. ×
0
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Science of Design 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Science of Design 2

40,692

Published on

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

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

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×