A presentation at From The Front - The Treasure of Frontend Island in in Bologna, Metropolitan City of Bologna, Italy by Denys Mishunov
SCIENCE of DESIGN Denys Mishunov • @mishunov
DESIGN = communication "We are designers, not artists; the main difference being that we produce things that solve problems." Paul Boag
Geometry Psychology DESIGN Neuroscience
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 Dangerous Idea” revealing that secret, the great 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/
Perect Fifth
screenshot of iPhone
http://www.studioairport.nl/
Golden section 3:4 Square root of 3 5:8 3:5 anything: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 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"
Psychology Geometry DESIGN Neuroscience
GESTALT psychology
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 that's not why we do it.” Richard P.Feynman
Geometry Psychology DESIGN Neuroscience
COLOR Eye 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 makes it interesting, and gives one the feeling that there is room for growth" Yoshida Kenko 1330 – 1332
DON’T be afraid of new CHALLENGES
“If we want better sites, better work, and betterinformed clients, the need to educate begins with us.” Jeffery Zeldman
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 Philarmonic” (comp. John Williams) @mishunov · http://mishunov.me · CodePen
"Science of Design", the-treasure-of-frontend-island edition. September 21, 2012, Bologna, IT
for free. You
can too.