SCIENCE of DESIGN Denys Mishunov • fastname.no • @mishunov
Slide 1
Slide 2
“The best way to accomplish serious design … is to be totally and completely unqualified for the job” Paula Scher
Slide 3
WHY DESIGN?
Slide 4
by James Young The lack of a static design phase
Slide 5
DESIGN = communication
Slide 6
DESIGN = communication "We are designers, not artists; the main difference being that we produce things that solve problems." Paul Boag
Slide 7
DESIGN PRINCIPLES
Slide 8
PROPORTION a b
Slide 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…
Slide 10
… 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"
Slide 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 Charles Seife “Zero: The Biography of a Dangerous Idea” 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…
Slide 12
WTF? Ippaso di Metaponto, filosofo 2 √ 1 1
Slide 13
Square root of 2 1:1.41
Slide 14
Babylonian clay tablet YBC 7289 with annotations (c. 1800–1600 BCE)
Slide 15
Slide 16
Divine Proportion 1:1.618 Photo © Christopher Fay
Slide 17
Golden Section C a b a=C b a
Slide 18
Pythagoras 6th century BC
Slide 19
Euclid 3rd century BC
Slide 20
Golden Rectangle a × 1.61803398 a
Slide 21
Golden Spiral
Slide 22
Leonardo of Pisa (Fibonacci) Liber Abaci (1202)
Slide 23
Slide 24
A long time ago in a galaxy far, far away....
Slide 25
Perect Fifth From Wikipedia. Created by Hyacinth using Sibelius 5
Slide 26
Rule of Thirds 2:3
Slide 27
3:4 Square root of 3 5:8 3:5 anything:anything
Slide 28
Slide 29
WHY?
Slide 30
NATURE
Slide 31
Slide 32
BRAIN
Slide 33
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]
Slide 34
SIMILARITY
Slide 35
COLOR
Slide 36
SIZE
Slide 37
SHAPE
Slide 38
Slide 39
Slide 40
Slide 41
WHY?
Slide 42
GESTALT psychology
Slide 43
“The good thing about science is that it's true whether or not you believe in it.” Neil deGrasse Tyson
Slide 44
“Physics is like Sex: sure it may have some practical results. But that's not why we do it.” Richard P.Feynman
Slide 45
DIRECTION
Slide 46
Slide 47
Slide 48
Slide 49
WHY?
Slide 50
BRAIN
Slide 51
Neuroscience Research Techniques @Facebook
Slide 52
CONTRAST
Slide 53
CONTRAST Similarity Direction Color more
Slide 54
Slide 55
Slide 56
Slide 57
WHY?
Slide 58
when building the imperial "In"Even everything, no matter what it palace, they always leave one place may be, uniformity is undesirable" unfinished." "Leaving something incomplete makes it interesting, and gives one the feeling that there is room for growth" Yoshida Kenko 1330 – 1332
Slide 59
BRAIN yes, again, again and again
Slide 60
Proportion Similarity Direction Contrast
Slide 61
RHYTHM COLOR
Slide 62
Matt Walford mattwalford.co.uk
Slide 63
Matt Walford mattwalford.co.uk
Slide 64
Slide 65
De Jong Attractor xn+1 = sin(a yn) - cos(b xn) yn+1 = sin(c xn) - cos(d yn) Show me more!
Slide 66
Lorenz Attractor dx/dt = σ(y-x), dy/dt = x(ρ-z) - y, dz/dt = xy - βz Show me more!
Slide 67
Don’t be afraid of new challenges
Slide 68
“If we want better sites, better work, and betterinformed clients, the need to educate begins with us.” Jeffery Zeldman
Slide 69
THANK YOU Typefaces “Give Me Glory” “Sketch Rockwell” by Kimberly Geswein by Lukas Bischoff Music “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
