SlideShare a Scribd company logo
SCIENCE
of DESIGN
Denys Mishunov • fastname.no • @mishunov
“The best way to accomplish serious
   design … is to be totally and
 completely unqualified for the job”


                  Paula Scher
WHY DESIGN?
by James Young




The lack of a static design phase
DESIGN
     =
communication
DESIGN = communication


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

  a    b
"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…
… 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"
… 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
Charles Seife          the brotherhood had struggled to build.

“Zero: The Biography   For revealing that secret, the great
of a Dangerous Idea”   Pythagoras himself sentenced Hippasus
                       to death by drowning. To protect their
                       number-philosophy, the cult would kill…
WTF?



                                √ 2
                                       1
Ippaso di Metaponto, filosofo




                                  1
Square root of 2


         1:1.41
Babylonian clay tablet YBC 7289 with annotations
                (c. 1800–1600 BCE)
Science of Design
Divine Proportion
      1:1.618
               Photo © Christopher Fay
Golden Section
       C

  a         b
      a=C
      b a
Pythagoras
  6th century BC
Euclid
3rd century BC
Golden Rectangle
         a × 1.61803398


a
Golden Spiral
Leonardo
  of Pisa
(Fibonacci)
  Liber Abaci (1202)
Science of Design
A long time ago in a galaxy far,
far away....
Perect Fifth




From Wikipedia. Created by Hyacinth using Sibelius 5
Rule of Thirds
      2:3
3:4
Square root of 3
5:8
3:5
anything:anything
Science of Design
WHY?
NATURE
Science of Design
BRAIN
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]
SIMILARITY
COLOR
SIZE
SHAPE
Science of Design
Science of Design
Science of Design
WHY?
GESTALT
psychology
“The good thing about science is that
it's true whether or not you believe
                in it.”


         Neil deGrasse Tyson
“Physics is like Sex: sure it may
have some practical results. But
   that's not why we do it.”


         Richard P.Feynman
DIRECTION
Science of Design
Science of Design
Science of Design
WHY?
BRAIN
Neuroscience Research Techniques @Facebook
CONTRAST
CONTRAST   Similarity
           Direction
           Color
           more
Science of Design
Science of Design
Science of Design
WHY?
"In everything, building the imperialit
     "Even when no matter what
   palace,be, uniformity leave one place
   may they always is undesirable"
                unfinished."
  "Leaving something incomplete makes
it interesting, and gives one the feeling
      that there is room for growth"


                   Yoshida Kenko
                         1330 – 1332
BRAIN
 yes, again,

  again
and again
Proportion
Similarity
Direction
Contrast
RHYTHM
COLOR
Matt Walford
mattwalford.co.uk
Matt Walford
mattwalford.co.uk
Science of Design
De Jong Attractor
        xn+1 = sin(a yn) - cos(b xn)
        yn+1 = sin(c xn) - cos(d yn)




    Show me more!
Lorenz Attractor



           dx/dt = σ(y-x),
           dy/dt = x(ρ-z) - y,
           dz/dt = xy - βz



    Show me more!
Don’t be 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 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

More Related Content

PDF
Science of Design 2
DOC
Don't Worry
PDF
The (not so) secret sauce to fast conversion
PPTX
Fronteers Spring Conference Amsterdam 2016 keynote
PDF
«The Illusion of Time. When 60 sec is not 1 minute»​
PDF
Discover how Adidas is using data science to deliver third-party governance
PDF
Design and the Play Instinct
PPT
Trigonometry
Science of Design 2
Don't Worry
The (not so) secret sauce to fast conversion
Fronteers Spring Conference Amsterdam 2016 keynote
«The Illusion of Time. When 60 sec is not 1 minute»​
Discover how Adidas is using data science to deliver third-party governance
Design and the Play Instinct
Trigonometry

Similar to Science of Design (20)

PDF
Design Elements Color Fundamentals Illustrated Aaris Sherin
PDF
Mathematics As Metaphor Selected Essays Yuri I Manin
PDF
Mathematics As Metaphor Selected Essays Yuri I Manin
PPTX
Application of coordinate system and vectors in the real life
DOCX
Math 009Quiz 2Page 5Math 009 Quiz 2Professor Dr..docx
PDF
Trignometry
DOC
Simulation
PPTX
Trigonometry
PDF
Introduction To Electric Machines And Drives 2009th Edition Dwnovotny
PDF
Using ipads in the classroom
PDF
Fractal Narrative About The Relationship Between Geometries And Technology An...
PPTX
Math day 5
PPT
Creativity
PPT
International Conference - EEC 23-24 May 2024.ppt
PPSX
Trigonometry
PPT
trigonometry and applications
PDF
Order, Chaos and the End of Reductionism
PDF
Geometry As Objective Science In Elementary School Classrooms Mathematics In ...
DOCX
A Century of SurprisesThe nineteenth century saw a critical exam.docx
PPT
A brief history of mathematics
Design Elements Color Fundamentals Illustrated Aaris Sherin
Mathematics As Metaphor Selected Essays Yuri I Manin
Mathematics As Metaphor Selected Essays Yuri I Manin
Application of coordinate system and vectors in the real life
Math 009Quiz 2Page 5Math 009 Quiz 2Professor Dr..docx
Trignometry
Simulation
Trigonometry
Introduction To Electric Machines And Drives 2009th Edition Dwnovotny
Using ipads in the classroom
Fractal Narrative About The Relationship Between Geometries And Technology An...
Math day 5
Creativity
International Conference - EEC 23-24 May 2024.ppt
Trigonometry
trigonometry and applications
Order, Chaos and the End of Reductionism
Geometry As Objective Science In Elementary School Classrooms Mathematics In ...
A Century of SurprisesThe nineteenth century saw a critical exam.docx
A brief history of mathematics
Ad

More from Denys Mishunov (6)

PDF
В погоне за производительностью
PDF
Illusion of Time. When 60 sec is not 1 minute
PDF
Let me tell you a story
PDF
Научный дизайн
PDF
From design to Plone site. XDV-driven Plone theming.
PDF
Making a Plone Theme: 5 Most Wanted Tips
В погоне за производительностью
Illusion of Time. When 60 sec is not 1 minute
Let me tell you a story
Научный дизайн
From design to Plone site. XDV-driven Plone theming.
Making a Plone Theme: 5 Most Wanted Tips
Ad

Recently uploaded (20)

PDF
RMMM.pdf make it easy to upload and study
PDF
Weekly quiz Compilation Jan -July 25.pdf
PDF
A systematic review of self-coping strategies used by university students to ...
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PPTX
Cell Types and Its function , kingdom of life
PDF
Practical Manual AGRO-233 Principles and Practices of Natural Farming
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PPTX
master seminar digital applications in india
PDF
Trump Administration's workforce development strategy
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PPTX
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
DOC
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PPTX
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
PDF
Classroom Observation Tools for Teachers
PPTX
UV-Visible spectroscopy..pptx UV-Visible Spectroscopy – Electronic Transition...
RMMM.pdf make it easy to upload and study
Weekly quiz Compilation Jan -July 25.pdf
A systematic review of self-coping strategies used by university students to ...
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Cell Types and Its function , kingdom of life
Practical Manual AGRO-233 Principles and Practices of Natural Farming
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
master seminar digital applications in india
Trump Administration's workforce development strategy
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Final Presentation General Medicine 03-08-2024.pptx
LDMMIA Reiki Yoga Finals Review Spring Summer
1st Inaugural Professorial Lecture held on 19th February 2020 (Governance and...
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Soft-furnishing-By-Architect-A.F.M.Mohiuddin-Akhand.doc
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Radiologic_Anatomy_of_the_Brachial_plexus [final].pptx
Classroom Observation Tools for Teachers
UV-Visible spectroscopy..pptx UV-Visible Spectroscopy – Electronic Transition...

Science of Design