SCIENCEof DESIGNDenys Mishunov • fastname.no • @mishunov
“The best way to accomplish serious   design … is to be totally and completely unqualified for the job”                  P...
WHY DESIGN?
by James YoungThe lack of a static design phase
DESIGN     =communication
DESIGN = communication     "We are designers, not artists;    the main difference being that      we produce things that s...
DESIGNPRINCIPLES
PROPORTION  a    b
"The page is a piece of paper. It is also a visible and tangible proportion,silently sounding the thoroughbass of   the bo...
… That geometry alone can bond      the reader to the book. Orconversely, it can put the reader tosleep, or put the reader...
… Hippasus of Metapontum stood on                       the deck preparing to die. Around him                       stood ...
WTF?                                √ 2                                       1Ippaso di Metaponto, filosofo              ...
Square root of 2         1:1.41
Babylonian clay tablet YBC 7289 with annotations                (c. 1800–1600 BCE)
Divine Proportion      1:1.618               Photo © Christopher Fay
Golden Section       C  a         b      a=C      b a
Pythagoras  6th century BC
Euclid3rd century BC
Golden Rectangle         a × 1.61803398a
Golden Spiral
Leonardo  of Pisa(Fibonacci)  Liber Abaci (1202)
A long time ago in a galaxy far,far away....
Perect FifthFrom Wikipedia. Created by Hyacinth using Sibelius 5
Rule of Thirds      2:3
3:4Square root of 35:83:5anything:anything
WHY?
NATURE
BRAIN
Screens proportions HDTV, iMac – 16:9 [0.56] Google Nexus One, Nexus S – 3:5 [0.6] MacBook Pro – 5:8 [0.625] iPhone – 2:3 ...
SIMILARITY
COLOR
SIZE
SHAPE
WHY?
GESTALTpsychology
“The good thing about science is thatits true whether or not you believe                in it.”         Neil deGrasse Tyson
“Physics is like Sex: sure it mayhave some practical results. But   thats not why we do it.”         Richard P.Feynman
DIRECTION
WHY?
BRAIN
Neuroscience Research Techniques @Facebook
CONTRAST
CONTRAST   Similarity           Direction           Color           more
WHY?
"In everything, building the imperialit     "Even when no matter what   palace,be, uniformity leave one place   may they a...
BRAIN yes, again,  againand again
ProportionSimilarityDirectionContrast
RHYTHMCOLOR
Matt Walfordmattwalford.co.uk
Matt Walfordmattwalford.co.uk
De Jong Attractor        xn+1 = sin(a yn) - cos(b xn)        yn+1 = sin(c xn) - cos(d yn)    Show me more!
Lorenz Attractor           dx/dt = σ(y-x),           dy/dt = x(ρ-z) - y,           dz/dt = xy - βz    Show me more!
Don’t be 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
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Science of Design
Upcoming SlideShare
Loading in …5
×

Science of Design

854 views

Published on

Frontend Conference Zurich, 6-7 September, 2012

Published in: Education, Spiritual, Technology
1 Comment
8 Likes
Statistics
Notes
  • I Got The Full File, I Just Wanna Share to You Guyszz.. It's Working You Can The Download The Full File + Instructions Here : http://gg.gg/setupexe
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
854
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
27
Comments
1
Likes
8
Embeds 0
No embeds

No notes for slide

Science of Design

  1. 1. SCIENCEof DESIGNDenys Mishunov • fastname.no • @mishunov
  2. 2. “The best way to accomplish serious design … is to be totally and completely unqualified for the job” Paula Scher
  3. 3. WHY DESIGN?
  4. 4. by James YoungThe lack of a static design phase
  5. 5. DESIGN =communication
  6. 6. DESIGN = communication "We are designers, not artists; the main difference being that we produce things that solve problems." Paul Boag
  7. 7. DESIGNPRINCIPLES
  8. 8. PROPORTION a b
  9. 9. "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 – produce an antiphonal geometry…
  10. 10. … That geometry alone can bond the reader to the book. Orconversely, it can put the reader tosleep, or put the reader’s nerves on edge, or drive the reader away." Robert Bringhurst "The Elements of Typographical Style"
  11. 11. … 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 thatCharles Seife the brotherhood had struggled to build.“Zero: The Biography For revealing that secret, the greatof a Dangerous Idea” Pythagoras himself sentenced Hippasus to death by drowning. To protect their number-philosophy, the cult would kill…
  12. 12. WTF? √ 2 1Ippaso di Metaponto, filosofo 1
  13. 13. Square root of 2 1:1.41
  14. 14. Babylonian clay tablet YBC 7289 with annotations (c. 1800–1600 BCE)
  15. 15. Divine Proportion 1:1.618 Photo © Christopher Fay
  16. 16. Golden Section C a b a=C b a
  17. 17. Pythagoras 6th century BC
  18. 18. Euclid3rd century BC
  19. 19. Golden Rectangle a × 1.61803398a
  20. 20. Golden Spiral
  21. 21. Leonardo of Pisa(Fibonacci) Liber Abaci (1202)
  22. 22. A long time ago in a galaxy far,far away....
  23. 23. Perect FifthFrom Wikipedia. Created by Hyacinth using Sibelius 5
  24. 24. Rule of Thirds 2:3
  25. 25. 3:4Square root of 35:83:5anything:anything
  26. 26. WHY?
  27. 27. NATURE
  28. 28. BRAIN
  29. 29. Screens proportions HDTV, iMac – 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]
  30. 30. SIMILARITY
  31. 31. COLOR
  32. 32. SIZE
  33. 33. SHAPE
  34. 34. WHY?
  35. 35. GESTALTpsychology
  36. 36. “The good thing about science is thatits true whether or not you believe in it.” Neil deGrasse Tyson
  37. 37. “Physics is like Sex: sure it mayhave some practical results. But thats not why we do it.” Richard P.Feynman
  38. 38. DIRECTION
  39. 39. WHY?
  40. 40. BRAIN
  41. 41. Neuroscience Research Techniques @Facebook
  42. 42. CONTRAST
  43. 43. CONTRAST Similarity Direction Color more
  44. 44. WHY?
  45. 45. "In everything, building the imperialit "Even when no matter what palace,be, uniformity leave one place may they always is undesirable" unfinished." "Leaving something incomplete makesit interesting, and gives one the feeling that there is room for growth" Yoshida Kenko 1330 – 1332
  46. 46. BRAIN yes, again, againand again
  47. 47. ProportionSimilarityDirectionContrast
  48. 48. RHYTHMCOLOR
  49. 49. Matt Walfordmattwalford.co.uk
  50. 50. Matt Walfordmattwalford.co.uk
  51. 51. De Jong Attractor xn+1 = sin(a yn) - cos(b xn) yn+1 = sin(c xn) - cos(d yn) Show me more!
  52. 52. Lorenz Attractor dx/dt = σ(y-x), dy/dt = x(ρ-z) - y, dz/dt = xy - βz Show me more!
  53. 53. Don’t be afraid of new challenges
  54. 54. “If we want better sites, better work, and better-informed clients, the need to educate begins with us.” Jeffery Zeldman
  55. 55. 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 Philharmonic” (comp. John Williams) “The Way You Look Tonight” by Frank Sinatra @mishunov · http://mishunov.me · CodePen

×