Top Banner
131

Design Like DaVinci -- SXSW 2013

Aug 17, 2014

Download

Design

Brian Sullivan

In this talk, you will learn about five sketching secrets of Leonardo Da Vinci, four rules for generating ideas, and four rules for refining ideas. I call these lessons from Leonardo. You might find a few stories about Leonardo Da Vinci that you did not know.

Listen to audio at:

https://soundcloud.com/officialsxsw/design-like-davinci-leonardos
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design Like DaVinci -- SXSW 2013
Page 2: Design Like DaVinci -- SXSW 2013

“Beyond this place there be dragons.”

Page 3: Design Like DaVinci -- SXSW 2013

In Instanbul (1502)…

Page 4: Design Like DaVinci -- SXSW 2013

A Strange Request is Made

Page 5: Design Like DaVinci -- SXSW 2013

Golden Horn Bridge Sketch

Page 6: Design Like DaVinci -- SXSW 2013

Da Vinci Details the Design

Page 7: Design Like DaVinci -- SXSW 2013

Da Vinci’s Bridge to Nowhere

Page 8: Design Like DaVinci -- SXSW 2013

In 1991, It’s Built in Norway

Page 9: Design Like DaVinci -- SXSW 2013

Why Da Vinci?

Page 10: Design Like DaVinci -- SXSW 2013

Brian Sullivan.

@BrianKSullivan @bigdesign

Hi, my name is

#davinci

Page 11: Design Like DaVinci -- SXSW 2013
Page 12: Design Like DaVinci -- SXSW 2013
Page 13: Design Like DaVinci -- SXSW 2013

My Friends and I run the Big Design Conference.

Page 14: Design Like DaVinci -- SXSW 2013

Top 10 Thinkers of All-Time 1. Leonardo Da Vinci 2. William Shakespeare 3. The Pyramid Builders 4. Johanne Wolfgang van Goethe 5. Michelangelo 6. Sir Isaac Newton 7. Thomas Jefferson 8. Alexander the Great 9. Phidias (the Architect of Rome) 10. Albert Einstein

source: Tony Buzan’s Book of Genius (1994)

Page 15: Design Like DaVinci -- SXSW 2013
Page 16: Design Like DaVinci -- SXSW 2013

7 Steps to Everyday Genius

1. Be curious. You should be constantly learning. 2. Test knowledge. Learn from your mistakes. 3. Improve your own experience. Make it multi-sensory. 4. Embrace ambiguity, paradox, and uncertainty. 5. Whole-brain thinking (science/art, logic/emotion). 6. Know the physical world (grace, dexterity, fitness). 7. Use system-thinking. See interconnections.

Every designer should have these characteristics

(and every problem-solver).

Page 17: Design Like DaVinci -- SXSW 2013

• Content

Page 18: Design Like DaVinci -- SXSW 2013

UX Sketch Books Published

Page 19: Design Like DaVinci -- SXSW 2013

UX Sketch Paper Created • A3 and A4 Sketching Paper • Four Dots Per Inch A4 Paper • iPhone Wireframe Sheets • Android Application Sheets • 4 Cell Storyboard Paper • ZURB Sketch Sheets • 6-UP Sketch Sheets

Page 20: Design Like DaVinci -- SXSW 2013

Sketch Software Released

• Sketch Flow

• Basalmiq

Page 21: Design Like DaVinci -- SXSW 2013

UX Sketching: Design Studio

• Participants produce several sketches. • Discuss and critique, then re-sketch. • Merge ideas into one design concept.

Page 22: Design Like DaVinci -- SXSW 2013

Generate, Refine...Repeat

You use the creative and evaluate sides of your brain in Design Studios.

Page 23: Design Like DaVinci -- SXSW 2013

Can Da Vinci Apply to UX?

Page 24: Design Like DaVinci -- SXSW 2013

Da Vinci’s True Legacy

Page 25: Design Like DaVinci -- SXSW 2013

The Last Supper (1495-98)

Page 26: Design Like DaVinci -- SXSW 2013

Mona Lisa (1503-05)

Page 27: Design Like DaVinci -- SXSW 2013

Only 30 Finished Paintings

Page 28: Design Like DaVinci -- SXSW 2013

Sketches: Greatest Legacy

Page 29: Design Like DaVinci -- SXSW 2013

He Was a Prolific Sketcher

13,000 pages

Page 30: Design Like DaVinci -- SXSW 2013

13,000 Pages Equates To…

Harry Potter Series + Chronicles of Narnia + Lord of the Rings Trilogy + Hunger Games Trilogy + Game of Thrones Series + 9/11 Commission Report + NIV Bible Total Pages

4,100 768

1,011 1,155 4,197 1,181

585 12,997

Page 31: Design Like DaVinci -- SXSW 2013

6,000 Storyboards for Brave

Source: Mashable (2012)

Page 32: Design Like DaVinci -- SXSW 2013

Under a Painting is a Sketch

Page 33: Design Like DaVinci -- SXSW 2013

Lots of Sketches Per Page • Vitruvian Man = 2 • Shoulders = 7 • Flowers = 20 • Spike Ladder = 7 • Glider = 8 • Tank = 3

He is the most prolific

sketcher ever.

Page 34: Design Like DaVinci -- SXSW 2013

5 Sketching Secrets

Page 35: Design Like DaVinci -- SXSW 2013

Da Vinci’s Sketching Method

1. Sketch by hand on sheets of paper. 2. Do initial sketches alone. 3. Review with others, later. 4. Use annotations, arrows, and labels. 5. Save and re-visit earlier sketches.

Page 36: Design Like DaVinci -- SXSW 2013

1. Use Separate Pages

Codex Atlanticus (over 1,000 individual sketches)

Page 37: Design Like DaVinci -- SXSW 2013

No iPad

Page 38: Design Like DaVinci -- SXSW 2013

No Field Notes/Moleskine

Bound pages are too constraining.

Page 39: Design Like DaVinci -- SXSW 2013

Separate Pages

Page 40: Design Like DaVinci -- SXSW 2013
Page 41: Design Like DaVinci -- SXSW 2013
Page 42: Design Like DaVinci -- SXSW 2013
Page 43: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: Sketch by Hand: 1. No constraints. 2. Quick and cheap. 3. No special skills. On Separate Pages: 1. Portable. 2. Re-organized. 3. Grouped.

Page 44: Design Like DaVinci -- SXSW 2013

2. Do Initial Sketches Alone

Da Vinci dissected 10 cadavers for his over 750 sketches on human anatomy.

Page 45: Design Like DaVinci -- SXSW 2013

Da Vinci Sketched Alone

He would initially sketch alone. Then, a doctor reviewed for technical accuracy.

Page 46: Design Like DaVinci -- SXSW 2013

“Cause of a Sweet Death”

Da Vinci asked an old man if he could him dissect him when he died. The old man accepted.

Leonardo held the old

man when he died. He started dissecting within a few minutes.

Page 47: Design Like DaVinci -- SXSW 2013

Two Artists, Same Interest

Da Vinci and Michaelangelo dissected human cadavers—socially repugnant.

Page 48: Design Like DaVinci -- SXSW 2013

Sketch Alone

Page 49: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: Sketch Alone: 1. No distractions. 2. Generate faster. 3. Incubate time. 4. Reflect, inspire. 5. Breathing room. 6. Avoid group

think.

Page 50: Design Like DaVinci -- SXSW 2013

3. Review with Others

Marcontonio della Torre reviewed the human anatomy sketches for accuracy.

Page 51: Design Like DaVinci -- SXSW 2013

Reviewed by Generals

Da Vinci reviewed sketches of weapons with generals and soldiers.

Page 52: Design Like DaVinci -- SXSW 2013

Review Together

Page 53: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: Review Together: 1. Need expertise. 2. Collaboration. 3. Validation. 4. Accuracy. 5. Consensus.

Page 54: Design Like DaVinci -- SXSW 2013

4. Annotate, Arrows, Labels

Da Vinci’s sketches were wireframes: pictures with words, arrows, and labels.

Page 55: Design Like DaVinci -- SXSW 2013

Dissecting a Da Vinci Sketch 1. Picture in center. 2. Label on top. 3. Annotate on side. 4. Arrows point to key content.

Page 56: Design Like DaVinci -- SXSW 2013

Wireframe are the Same 1. Picture in center. 2. Label on top. 3. Annotate on side. 4. Arrows point to key content.

Yes, a picture is worth a 1,000 words. Words with pictures equals clarity.

Page 57: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: Sketches Need: 1. Picture 2. Description 3. Arrows 4. Annotations 5. Labels

Page 58: Design Like DaVinci -- SXSW 2013

5. Save and Re-visit Later

Some scholars think Da Vinci used an early form of the Cornell Method.

Page 59: Design Like DaVinci -- SXSW 2013

Da Vinci’s Shortcuts

Main content

area

Questions and

Keywords

Summary Information

Page 60: Design Like DaVinci -- SXSW 2013

Reorganized Sketches

Codex Atlanticus (over 1,000 individual sketches)

Page 61: Design Like DaVinci -- SXSW 2013

Grouped Weapon Sketches

Da Vinci drew these sketches at different times, but they are grouped together.

Page 62: Design Like DaVinci -- SXSW 2013

Grouped Anatomy Sketches

Marcontonio della Torre wanted to publish this work, but he died of the Black Death.

Page 63: Design Like DaVinci -- SXSW 2013

Technology Helps Us Group

Evernote Fireworks

Flickr Facebook

Page 64: Design Like DaVinci -- SXSW 2013

Revisit Later

Page 65: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: Store & Re-visit: 1. Don’t throw out. 2. Store for later. 3. Cluster together. 4. Make findable. 5. Revisit later.

Page 66: Design Like DaVinci -- SXSW 2013

Generating Ideas

Page 67: Design Like DaVinci -- SXSW 2013

1. Strive for Quantity 2. Defer Judgment 3. Seek New Combinations 4. Use Your Imagination

Page 68: Design Like DaVinci -- SXSW 2013

1. Strive for Quantity Vitruvian Man is an

iconic sketch of human potential.

The Greek scholar, Vitruvius, said a man’s body could fit inside a circle and a square.

Page 69: Design Like DaVinci -- SXSW 2013

750 Anatomy Sketches

Page 70: Design Like DaVinci -- SXSW 2013

Three Masterpieces

Innovation scholars predict that it takes 3,000 raw ideas for 1 successful idea.

• 13,000 sketches = 3 Masterpieces • 750 anatomy sketches = Vitruvian Man

Page 71: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: 1. Quantity Leads

to Quality. 2. 13,000 sketches

led to 3 classic masterpieces.

Page 72: Design Like DaVinci -- SXSW 2013

2. Defer Judgment “It is easier to resist

in the beginning than at the end.” - Da Vinci

Defer positive and

negative judgment.

Page 73: Design Like DaVinci -- SXSW 2013

Sketch of The Last Supper

Page 74: Design Like DaVinci -- SXSW 2013

Jesus and Judas Problems

Page 75: Design Like DaVinci -- SXSW 2013

Two Years Later…

Page 76: Design Like DaVinci -- SXSW 2013

KILLER

SPEC

TAC

ULA

R

SUPER

AWESOME

EXC

ELLE

NT

NEAT

YES

COOL SWEET

WOW BEST

#1

Page 77: Design Like DaVinci -- SXSW 2013

NIX IT!

DEN

IED

REJECT

IT SUCKS!!!

PAIN

FUL

NOPE

NO

BLOWS WEAK

UGLY BAD

#2

Page 78: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: 1. Positive judgment

shuts you down. 2. Negative judgment

shuts you down. 3. Your own judgment

blocks you, too. 4. Your sketch is a

draft to re-visit.

Page 79: Design Like DaVinci -- SXSW 2013

3. New Combinations

Da Vinci had a pet dragon.

Page 80: Design Like DaVinci -- SXSW 2013

Leonardo’s Pet Dragon

Da Vinci created a pet dragon by gluing other animal parts to a lizard.

• He added fish scales. • He gave it a bat ears. • He painted the lizard. • He added wings that

flapped when it walked.

Page 81: Design Like DaVinci -- SXSW 2013

Da Vinci always looked to put things to another use.

Page 82: Design Like DaVinci -- SXSW 2013

The First Automobile

Using the existing tools of his day, he made the/ the first automobile.

• Steering columns. • Rack and pinions. • Wheels. • Cranks. • Springs.

Page 83: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: 1. New combinations

from existing parts. 2. Put old things to a

new uses. 3. Take an element

and make it bigger or smaller.

Page 84: Design Like DaVinci -- SXSW 2013

4. Use Your Imagination “Why does the eye

see a thing more clearly in dreams than the imagination when awake?” - Da Vinci

Page 85: Design Like DaVinci -- SXSW 2013
Page 86: Design Like DaVinci -- SXSW 2013

Common Response Zone

Page 87: Design Like DaVinci -- SXSW 2013

Da Vinci’s Flying Machines

Page 88: Design Like DaVinci -- SXSW 2013

Successful Glider Test

In 2006, scientists flew a Da Vinci Glider, using available material from his time.

Page 89: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: 1. Avoid the common

response zone. 2. More ideas force

you to use your imagination.

3. Let ideas incubate. Re-visit with a new perspective.

Page 90: Design Like DaVinci -- SXSW 2013

1. Strive for Quantity 2. Defer Judgment 3. Seek New Combinations 4. Use Your Imagination

Page 91: Design Like DaVinci -- SXSW 2013

Refining Ideas

Page 92: Design Like DaVinci -- SXSW 2013

1. Use Positive Judgment 2. Consider Novelty 3. Stay Focused 4. Redirect Yourself

Page 93: Design Like DaVinci -- SXSW 2013

1. Use Positive Judgment “The greatest

deception men suffer is from their own opinions.” - Da Vinci

Page 94: Design Like DaVinci -- SXSW 2013

65,000 thoughts per day. 65% are negative, roughly 42,000.

Page 95: Design Like DaVinci -- SXSW 2013

He Struggled Personally

Page 96: Design Like DaVinci -- SXSW 2013

NIX IT!

DEN

IED

REJECT

IT SUCKS!!! PA

INFU

L

NOPE

NO

BLOWS WEAK

UGLY BAD

#2

Page 97: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: 1. Use positive

judgment first. 2. Explore for value

and benefit. 3. Avoid the natural

tendency to think initially negative.

Page 98: Design Like DaVinci -- SXSW 2013

2. Consider Novelty “There are three

classes of people: those who see, those who see when they are shown, those who do not see.” - Da Vinci

Page 99: Design Like DaVinci -- SXSW 2013

The City of Venice called one of

Da Vinci’s inventions “impractical”.

Page 100: Design Like DaVinci -- SXSW 2013

Pope Leo X Bans Autopsies Da Vinci’s dissections of cadavers was seen as disgusting. It was outlawed by the Pope.

Page 101: Design Like DaVinci -- SXSW 2013

Sultan Rejected His Bridge “Swoop and poop!

The executive seagull maneuver.” - Jared Spool

Page 102: Design Like DaVinci -- SXSW 2013

Leonardo Lesson: 1. Don’t dismiss novel

ideas immediately. 2. Novel ideas might

lead to innovations. 3. Many of Leonardo’s

ideas were rejected. 4. Your idea may be

ahead of its time.

Page 103: Design Like DaVinci -- SXSW 2013

3. Stay Focused “As every divided

kingdom falls, so every mind divided between many studies confounds and saps itself.” - Da Vinci

Page 104: Design Like DaVinci -- SXSW 2013

Perfectionist & Procrastinator

Page 105: Design Like DaVinci -- SXSW 2013

You will lose focus from time to time. Take a break. Go for a walk. Re-focus.

Break Break Lunch

Page 106: Design Like DaVinci -- SXSW 2013

The Da Vinci Dilemma Too many talents, not enough time. • Mathematician • Scientist • Anatomist • Military Strategist • Civil Engineer • Artist • Sketcher

Page 107: Design Like DaVinci -- SXSW 2013

“I have offended God and mankind because my work didn't reach the quality it should have.”

- Da Vinci

A Death Bed Confession

Page 108: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: 1. Stay focused on

what’s important. 2. Take breaks or

walks to re-focus. 3. Focus on one thing

at a time. 4. Don’t procrastinate. 5. Perfectionism kills

productivity.

Page 109: Design Like DaVinci -- SXSW 2013

4. Redirect Yourself

Page 110: Design Like DaVinci -- SXSW 2013

Cesar Borgia, Short Bio • Son of a Pope • Cardinal by age 17 • Killed his brother • Dictator in his land • Survived poisoning • Killed many followers • Died in war • Patron of Da Vinci

for a short time

Page 111: Design Like DaVinci -- SXSW 2013

Machiavelli, Short Bio • Politician for 14 years • Head of Florence militia • Wrote The Prince

• “Ends justify the means.” • “Better to be feared than loved.” • “Too much freedom can

lead to the soul's decay.”

Page 112: Design Like DaVinci -- SXSW 2013

Borgia: Machiavelli’s Prince

Page 113: Design Like DaVinci -- SXSW 2013

Da Vinci Caught in Middle

Page 114: Design Like DaVinci -- SXSW 2013
Page 115: Design Like DaVinci -- SXSW 2013

Suffered Severe Trauma Da Vinci had "a profound

psychological change . . . as a result of his terrifying experiences“ with Borgia.

source: Paul Strathern (2010)

Page 116: Design Like DaVinci -- SXSW 2013

Da Vinci Built Maps

Page 117: Design Like DaVinci -- SXSW 2013

Improved Borgia’s Fortress

It had rounded walls to counter the direct impact of a cannonball. Interior walls led to fortified positions.

Page 118: Design Like DaVinci -- SXSW 2013

Designed a Movable Bridge

Page 119: Design Like DaVinci -- SXSW 2013

Da Vinci’s “Grotesque Error” Imagine what Borgia

would done with: • Glider • Crossbow • Tank • Cluster Bomb • Machine Gun • Helicopter • Hand-crank catapult

Page 120: Design Like DaVinci -- SXSW 2013

Da Vinci Redirects His Work Da Vinci gives Borgia

defensive items: • Map of Milan • Map of Imola • Hedometer • Movable Bridges • Improved Ladder • Fortress Redesign

Page 121: Design Like DaVinci -- SXSW 2013

Da Vinci Redirects His Work

“I will not publish, nor divulge such things because of the evil nature of men.”

- Da Vinci

Page 122: Design Like DaVinci -- SXSW 2013

Stores Them in a Codex

Codex Atlanticus (most of his military sketches)

Page 123: Design Like DaVinci -- SXSW 2013

“I have wasted my hours.”

Final words of Da Vinci

Page 124: Design Like DaVinci -- SXSW 2013

Leonardo Lessons: 1. You cannot avoid

politics. 2. Maintain your own

values, to the end. 3. Design can be done

under duress. 4. Re-direct yourself

to positive things.

Page 125: Design Like DaVinci -- SXSW 2013

Final Thoughts

Page 126: Design Like DaVinci -- SXSW 2013

5 Sketching Secrets

1. Sketch by hand. Use sheets of paper. 2. Do initial sketches alone. 3. Review with others, later. 4. Use annotations, arrows, and labels. 5. Save and re-visit earlier sketches.

Page 127: Design Like DaVinci -- SXSW 2013

• Content

Page 128: Design Like DaVinci -- SXSW 2013

1. Strive for Quantity 2. Defer Judgment 3. Seek New Combinations 4. Use Your Imagination

Page 129: Design Like DaVinci -- SXSW 2013

1. Use Positive Judgment 2. Consider Novelty 3. Stay Focused 4. Redirect Yourself

Page 130: Design Like DaVinci -- SXSW 2013

1. Strive for Quantity 2. Defer Judgment 3. Seek New Combinations 4. Use Your Imagination

1. Use Positive Judgment 2. Consider Novelty 3. Stay Focused 4. Redirect Yourself

Page 131: Design Like DaVinci -- SXSW 2013