The Science Behind Modular Design Thinking (James Cabrera)

Post on 28-Jul-2015

2,097 views 0 download

Tags:

transcript

The Science Behind Modular Design Thinking@jamescabrera jamescabrera.com

Hello, #FILive

“A celebration of the fusion of Mathematics and Art…”

“Design solves problems”

Math & Science solves problems

!

Science, Engineering,

and Math

Art, and Aesthetic

Design

Science, Engineering,

and Math

Art, and Aesthetic

Design

Beautiful Products

Agency Model

DEVELOPMENT

DESIGN

Product Life

“Design-Driven” Model

DEVELOPMENT

DESIGN

Product Life

Ideal Model

DESIGNERVELOPERS

Product Life

Realistic Model

DEVELOPMENTDESIGN

Product Life

?

We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the “

We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science.“

Incubation

General Ideas (Things we think we know)

General Ideas (Things we think we know)

Hypothesis

Prove those ideas (Proofs or Experiments)

Hypothesis

Prove those ideas by Proofs or Experiments

Discovery

Angle Sum TheoremThe sum of all 3 angles of a triangle equals 180 degrees

Angle Sum TheoremThe sum of all 3 angles of a triangle equals 180 degrees

a

b c a+b+c=180

Angle Sum TheoremThe sum of all 3 angles of a triangle equals 180 degrees

a

b c

Draw Parallel Line

a+b+c=180

Angle Sum TheoremThe sum of all 3 angles of a triangle equals 180 degrees

a

b c

Draw Parallel Line

a+b+c=180

Angle Sum TheoremThe sum of all 3 angles of a triangle equals 180 degrees

a

b c

bDraw Parallel Line

Alternate Interior Angle b

a+b+c=180

Angle Sum TheoremThe sum of all 3 angles of a triangle equals 180 degrees

a

b c

b cDraw Parallel Line

Alternate Interior Angle b

Alternate Interior Angle c

a+b+c=180

Tempest

BEAUTY FASHION SCIENCE COOKING LIVING TECH NEWS

STANDARD

STANDARD

DOUBLE

TEXT IMAGE

Start Big, Think Smaller

Hadrons“Proton”

1920

Hadrons“Proton”

Partons“Quarks”

1920 1968

Hadrons“Proton”

Partons“Quarks”

Gluons & Bosons“Strong/Weak Forces”

1920 1968 1979-1983

Hadrons“Proton”

Partons“Quarks”

Gluons & Bosons“Strong/Weak Forces”

Higgs Boson“God Particle”

1920 1968 1979-1983 2013

Created by Brad Frost & Dave Olsen

Deduce, learn, then build

Primary FontSecondary Font

Body Font

UI FONT

Primary FontSecondary FontBody Font

UI FONT

Secondary Font Body Font

Secondary Font

Primary FontSecondary Font

Body Font

UI FONT

Primary FontSecondary Font

Body Font UI FONT

UI FONTBody Font

"

Efficiency & Re-usability

Rad or Bad

45 Live2,150,403 swipes

Plan for the unknown

Harold Metcalf

Hero

One Column

Two Column

Her Brain on Digital

Hero

Chapter Intro

Photo

Two Column Stat

One Column Stat

Use incubation for inspirationStart big, then focus on smaller ideasAlways deduce, learn, then buildDesign for efficiency & reusabilityPlan for the unknown

1

2

3

4

5

Use incubation for inspiration

Thank You!

Start big, then focus on smaller ideasAlways deduce, learn, then buildDesign for efficiency & reusabilityPlan for the unknown

1

2

3

4

5