Science of Design 2 - Speaker Deck

Slide 1

Slide 1 text

SCIENCE of DESIGN Denys Mishunov • @mishunov

Slide 2

Slide 2 text

"We are designers, not artists; the main difference being that we produce things that solve problems." DESIGN = communication Paul Boag

Slide 3

Slide 3 text

Geometry Psychology Neuroscience DESIGN

Slide 4

Slide 4 text

PROPORTION

Slide 5

Slide 5 text

… 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”

Slide 6

Slide 6 text

Arrr you kidding me? Ippaso di Metaponto, filosofo 1 1 √2

Slide 7

Slide 7 text

Pythagoras 6th century BC

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

http://www.invisiblecity.co.uk/

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Perect Fifth

Slide 12

Slide 12 text

screenshot of iPhone

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

http://www.studioairport.nl/

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

"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"

Slide 18

Slide 18 text

… 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"

Slide 19

Slide 19 text

Neuroscience Geometry Psychology DESIGN

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

GESTALT psychology

Slide 22

Slide 22 text

PROXIMITY

Slide 23

Slide 23 text

COLOR SIMILARITY in

Slide 24

Slide 24 text

SIZE SIMILARITY in

Slide 25

Slide 25 text

SHAPE SIMILARITY in

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

grabaperch.com

Slide 29

Slide 29 text

“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

Slide 30

Slide 30 text

Geometry Psychology Neuroscience DESIGN

Slide 31

Slide 31 text

Eye Visual Cortex COLOR

Slide 32

Slide 32 text

CONTRAST

Slide 33

Slide 33 text

Similarity Direction Color more CONTRAST

Slide 34

Slide 34 text

arngren.net

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

mailchimp.com

Slide 37

Slide 37 text

"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

Slide 38

Slide 38 text

DON’T be afraid of new CHALLENGES

Slide 39

Slide 39 text

“If we want better sites, better work, and better- informed clients, the need to educate begins with us.” Jeffery Zeldman

Slide 40

Slide 40 text

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