Science of Design 2

SCIENCEof DESIGNDenys Mishunov • @mishunov

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

Geometry PsychologyDESIGN Neuroscience

GeometryDESIGN

PROPORTION

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

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

Pythagoras 6th century BC

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

Perfect Fifth

screenshot of iPhone

imdb.com

studioairport.nl

Golden section3:4Square root of 35:83:5anything:anything

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]

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

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

PsychologyDESIGN

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

GESTALTpsychology

PROXIMITY

SIMILARITY in COLOR

SIMILARITY in SIZE

SIMILARITY in SHAPE

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

grabaperch.com

“Physics is like Sex: sure it may have some practical results. But thats not why we do it.”Richard P.Feynman

DESIGN Neuroscience

COLOREye Visual Cortex

CONTRAST

CONTRAST Similarity Direction Color more

arngren.net

mailchimp.com

"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

beDON’T afraid of new CHALLENGES

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

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

http://ispavirtual.org	68
https://www.wsomalab.com.br	52
http://127.0.0.1	29
https://twitter.com	25
http://192.168.0.201	18
http://uvirtual.ucn.edu.co	14
http://aplicacionsweb20.blogspot.com.es	13
http://introduccioncms.wordpress.com	11
http://www.wsomalab.com.br	8
https://si0.twimg.com	7
http://www.linkedin.com	5
http://www.flickr.com	2
http://localhost	2
http://nada-es-casual.blogspot.com	1
http://manoharan-1413.csez.zohocorpin.com	1
https://twimg0-a.akamaihd.net	1
http://pinterest.com	1

Science of Design 2

by Denys Mishunov on Sep 23, 2012

Accessibility

Categories

Upload Details

Usage Rights

17 Embeds 258

Statistics

Science of Design 2 Presentation Transcript