Science of Design
-
Upload
denys-mishunov -
Category
Education
-
view
888 -
download
3
description
Transcript of Science of Design
![Page 1: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/1.jpg)
SCIENCEof DESIGNDenys Mishunov • fastname.no • @mishunov
![Page 2: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/2.jpg)
“The best way to accomplish serious design … is to be totally and
completely unqualified for the job”
Paula Scher
![Page 3: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/3.jpg)
WHY DESIGN?
![Page 4: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/4.jpg)
The lack of a static design phase
by James Young
![Page 5: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/5.jpg)
DESIGN=
communication
![Page 6: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/6.jpg)
DESIGN = communication
"We are designers, not artists; the main difference being that we produce things that solve
problems."Paul Boag
![Page 7: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/7.jpg)
DESIGN PRINCIPLES
![Page 8: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/8.jpg)
PROPORTION
a b
![Page 9: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/9.jpg)
"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…
![Page 10: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/10.jpg)
… 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"
![Page 11: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/11.jpg)
… 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”
![Page 12: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/12.jpg)
WTF?
Ippaso di Metaponto, filosofo
1
1√2
![Page 13: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/13.jpg)
Square root of 2
1:1.41
![Page 14: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/14.jpg)
Babylonian clay tablet YBC 7289 with annotations(c. 1800–1600 BCE)
![Page 15: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/15.jpg)
![Page 16: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/16.jpg)
Divine Proportion1:1.618
Photo © Christopher Fay
![Page 17: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/17.jpg)
Golden Section
a b
C
ab
Ca=
![Page 18: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/18.jpg)
Pythagoras6th century BC
![Page 19: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/19.jpg)
Euclid3rd century BC
![Page 20: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/20.jpg)
Golden Rectangle
a
a 1.61803398×
![Page 21: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/21.jpg)
Golden Spiral
![Page 22: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/22.jpg)
Leonardoof Pisa
(Fibonacci)Liber Abaci (1202)
![Page 23: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/23.jpg)
![Page 24: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/24.jpg)
A long time ago in a galaxy far,far away....
![Page 25: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/25.jpg)
Perect Fifth
From Wikipedia. Created by Hyacinth using Sibelius 5
![Page 26: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/26.jpg)
Rule of Thirds2:3
![Page 27: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/27.jpg)
3:4
Square root of 3
5:8
3:5
anything:anything
![Page 29: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/29.jpg)
WHY?
![Page 30: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/30.jpg)
NATURE
![Page 31: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/31.jpg)
![Page 32: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/32.jpg)
BRAIN
![Page 33: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/33.jpg)
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]
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]
![Page 34: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/34.jpg)
SIMILARITY
![Page 35: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/35.jpg)
COLOR
![Page 36: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/36.jpg)
SIZE
![Page 37: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/37.jpg)
SHAPE
![Page 38: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/38.jpg)
![Page 39: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/39.jpg)
![Page 40: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/40.jpg)
![Page 41: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/41.jpg)
WHY?
![Page 42: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/42.jpg)
GESTALTpsychology
![Page 43: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/43.jpg)
“The good thing about science is that it's true whether or not you believe
in it.”
Neil deGrasse Tyson
“The good thing about science is that it's true whether or not you believe
in it.”
![Page 44: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/44.jpg)
“Physics is like Sex: sure it may have some practical results. But
that's not why we do it.”
Richard P.Feynman
“Physics is like Sex: sure it may have some practical results. But
that's not why we do it.”
![Page 45: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/45.jpg)
DIRECTION
![Page 46: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/46.jpg)
![Page 47: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/47.jpg)
![Page 48: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/48.jpg)
![Page 49: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/49.jpg)
WHY?
![Page 50: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/50.jpg)
BRAIN
![Page 51: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/51.jpg)
Neuroscience Research Techniques @Facebook
![Page 52: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/52.jpg)
CONTRAST
![Page 53: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/53.jpg)
SimilarityDirectionColormore
CO
NT
RA
ST
![Page 54: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/54.jpg)
![Page 55: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/55.jpg)
![Page 56: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/56.jpg)
![Page 57: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/57.jpg)
WHY?
![Page 58: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/58.jpg)
"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"
"Even when building the imperial palace, they always leave one place
unfinished."
Yoshida Kenko1330 – 1332
![Page 59: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/59.jpg)
BRAINyes, again,
againand again
![Page 60: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/60.jpg)
ProportionSimilarityDirectionContrast
![Page 61: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/61.jpg)
RHYTHMCOLOR
![Page 62: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/62.jpg)
Matt Walfordmattwalford.co.uk
![Page 63: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/63.jpg)
Matt Walfordmattwalford.co.uk
![Page 64: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/64.jpg)
![Page 65: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/65.jpg)
xn+1 = sin(a yn) - cos(b xn)yn+1 = sin(c xn) - cos(d yn)
De Jong Attractor
Show me more!
![Page 66: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/66.jpg)
Lorenz Attractor
dx/dt = σ(y-x),dy/dt = x(ρ-z) - y,dz/dt = xy - βz
Show me more!
![Page 67: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/67.jpg)
Don’t be afraid ofnew challenges
![Page 68: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/68.jpg)
“If we want better sites, better work, and better-informed clients, the need to educate begins with us.”
Jeffery Zeldman
![Page 69: Science of Design](https://reader037.fdocuments.net/reader037/viewer/2022110114/54549865af79595e4f8b9253/html5/thumbnails/69.jpg)
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 Philharmonic” (comp. John Williams)
“The Way You Look Tonight” by Frank Sinatra
Music
@mishunov · http://mishunov.me · CodePen