The document discusses the science behind modular design thinking. It provides examples of how scientific concepts like the angle sum theorem and particle physics have evolved over time from broader ideas to more specific discoveries. It also presents principles for design such as starting with big ideas and focusing on smaller implementations, deducing and testing hypotheses, prioritizing efficiency and reusability, and planning for unknown factors. Visual examples are given of typography choices and layout structures to demonstrate modular design approaches.

1. The Science Behind
Modular Design Thinking
@jamescabrera
jamescabrera.com

2. Hello, #FILive

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

11. “Design solves problems”

12. Math & Science solves problems

14. !

15. Science,
Engineering,
and Math
Art, and
Aesthetic
Design

16. Science,
Engineering,
and Math
Art, and
Aesthetic
Design
Beautiful Products

17. Agency Model
DEVELOPMENT
DESIGN
Product Life

18. “Design-Driven” Model
DEVELOPMENT
DESIGN
Product Life

19. Ideal Model
DESIGNERVELOPERS
Product Life

20. Realistic Model
DEVELOPMENT
DESIGN
Product Life
?

22. We challenged ourselves to create a visual language for our users

23. 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.
“

25. Incubation

34. General Ideas
(Things we think we know)

35. General Ideas
(Things we think we know)
Hypothesis

36. Prove those ideas
(Proofs or Experiments)
Hypothesis

37. Prove those ideas
by Proofs or Experiments
Discovery

38. Angle Sum Theorem
The sum of all 3 angles of a triangle equals 180 degrees

39. Angle Sum Theorem
The sum of all 3 angles of a triangle equals 180 degrees
a
b c a+b+c=180

40. Angle Sum Theorem
The sum of all 3 angles of a triangle equals 180 degrees
a
b c
Draw Parallel Line
a+b+c=180

41. Angle Sum Theorem
The sum of all 3 angles of a triangle equals 180 degrees
a
b c
Draw Parallel Line
a+b+c=180

42. Angle Sum Theorem
The sum of all 3 angles of a triangle equals 180 degrees
a
b c
b
Draw Parallel Line
Alternate Interior Angle b
a+b+c=180

43. Angle Sum Theorem
The sum of all 3 angles of a triangle equals 180 degrees
a
b c
b c
Draw Parallel Line
Alternate Interior Angle b
Alternate Interior Angle c
a+b+c=180

44. Tempest

46. BEAUTY FASHION SCIENCE COOKING LIVING TECH NEWS

51. STANDARD

52. STANDARD
DOUBLE
TEXT IMAGE

57. Start Big, Think Smaller

59. Hadrons
“Proton”
1920

60. Hadrons
“Proton”
Partons
“Quarks”
1920 1968

61. Hadrons
“Proton”
Partons
“Quarks”
Gluons & Bosons
“Strong/Weak Forces”
1920 1968 1979-1983

62. Hadrons
“Proton”
Partons
“Quarks”
Gluons & Bosons
“Strong/Weak Forces”
Higgs Boson
“God Particle”
1920 1968 1979-1983 2013

63. Created by Brad Frost & Dave Olsen

73. Deduce, learn, then build

74. Primary Font
Secondary Font
Body Font
UI FONT

75. Primary Font
Secondary FontBody Font
UI FONT
Secondary Font Body Font
Secondary Font

76. Primary Font
Secondary Font
Body Font
UI FONT

77. Primary Font
Secondary Font
Body Font UI FONT
UI FONTBody Font

85. "

88. Efficiency & Re-usability

94. Rad or Bad

97. 45 Live
2,150,403 swipes

98. Plan for the unknown

100. Harold Metcalf

104. Hero
One Column
Two Column

106. Her Brain on Digital

107. Hero
Chapter Intro
Photo
Two Column Stat
One Column Stat

108. Use incubation for inspiration
Start big, then focus on smaller ideas
Always deduce, learn, then build
Design for efficiency & reusability
Plan for the unknown
1
2
3
4
5

109. Use incubation for inspiration
Thank You!
Start big, then focus on smaller ideas
Always deduce, learn, then build
Design for efficiency & reusability
Plan for the unknown
1
2
3
4
5