Sketchnotes

55
The Mad 50 of Sketchnoting Presenter: Gary Barber @tuna

Transcript of Sketchnotes

Page 1: Sketchnotes

The Mad 50 of Sketchnoting

Presenter: Gary Barber@tuna

Page 2: Sketchnotes

I ask stupid questions.I find and solve complex problems.Problems involving people.I design for experiences.I just design.

I also sketchnote, a little.

Page 3: Sketchnotes

Sketchnotes are just Visual Maps

Page 4: Sketchnotes

Holistic approach to note taking

AKA: Visual notesVisual MeetingsVisual Mind Maps Visual Facilitation

Page 5: Sketchnotes

They are created in realtime while listening to a presentation, talk, workshop, meeting, movie, TV program or after the event

dealing with a book, meal, night out, holiday, week at work….

Creating Sketchnotes

Page 6: Sketchnotes

It’s About Ideas NOT ART

Creating Sketchnotes

Page 7: Sketchnotes

Mike Rohde - https://www.flickr.com/photos/rohdesign/4921071691/

Examples

Page 8: Sketchnotes

dessinauteur - https://www.flickr.com/photos/dessinauteur/14512609888

Examples

Page 9: Sketchnotes

Gary Barber - https://www.flickr.com/photos/cannedtuna/18041772676

Examples

Page 10: Sketchnotes

Lucy Spence - https://www.flickr.com/photos/49415654@N07/8032538672

Examples

Page 11: Sketchnotes

Anna Lena Schiller - https://www.flickr.com/photos/frauleinschiller/16586537988

Examples

Page 12: Sketchnotes

Laura Ward - https://www.flickr.com/photos/frauleinschiller/16586537988

Examples

Page 13: Sketchnotes

Paul Downey - https://www.flickr.com/photos/psd/4323672510

Examples

Page 14: Sketchnotes

Mark Congiusta - https://www.flickr.com/photos/interactivemark/6804131935/

Examples

Page 15: Sketchnotes

Tools of the trade - Pen and Paper

What do I use.

Page 16: Sketchnotes

Yes it’s about drawing.

Creating Sketchnotes

Yes everyone can draw.

It you can draw a square, a circle and a triangle - you can draw!

Page 17: Sketchnotes

Getting in the Flow

Sketchnoting is great for concentration

Also good talks are easy to sketchnote

You will get completely engaged, and in some cases

get in the flow.

Page 18: Sketchnotes

How it works!

You already have an associate Library of images to word.

Sketchnoting just uses them to synthesise concepts to draw

Page 19: Sketchnotes

Technically

Listen

Synthesise

Visualise

Draw the picture

Page 20: Sketchnotes

Mistakes are good.

Own your mistakes, life is not perfect, neither should be your sketchnotes.

Page 21: Sketchnotes

Basic Elements

Let’s Draw

<Basic shapes>

Page 22: Sketchnotes

Basic Elements

Next steps

Page 23: Sketchnotes

Some of My Basic LibraryHouse Car Book Clock Laptop Coffee Boat / Ship Truck

Cat Dog Train Tractor Light bulb Globe (Earth) Horse Tree

Hammer Spanner Fish Eye Bug Robot Torch Camera

MobilePhone Desk Phone Headphones Battery TV Set DVD/CD Key Cap

Tablet Chair Table Skyscraper Satellite Moon Saturn Helicoper

Shoes Rubbish Bin Hamburger Pen Pencil Bucket Spider web Fire

Man Woman Hardhat Cliff face Toaster Bike Library of Books Lots of Money

Grave Beer Bottle Drink Can Glass Sign Cake Case Flower

Page 24: Sketchnotes

Some of My Basic Library

Page 25: Sketchnotes

Basic Elements

Let’s Draw

Fish, Horse,

Car, Spanner,

Book

Page 26: Sketchnotes

Basic Elements

Let’s Draw

There was a basic disconnect with the overall Ethics of the

research division, electrocuting students was just wrong.

Page 27: Sketchnotes

Basic Elements

Let’s Draw

Left to its own devices the market isn’t capable of ensuring

we don’t stuff up the environment

Page 28: Sketchnotes

Basic Elements

Let’s Draw

Offering anonymous interchangeable housecleaners on demand was more than just

a business.

Page 29: Sketchnotes

But this is too hard

What’s the secret

Cheat - Practice

Cheat - Look up pics - copy /steal

Page 30: Sketchnotes

But this is too hardCheat - preload the sketchnote with

the Titles and Speaker details

Page 31: Sketchnotes

Active Listening

Relearn how to listen

FOCUS on speakerELIMINATE distractions

IMMERSE in presentationCACHE ideas FIND Patterns

Page 32: Sketchnotes

Sketchnote Anatomy

Page 33: Sketchnotes

Sketchnote AnatomyTitles

Page 34: Sketchnotes

Sketchnote AnatomyDiagrams

Page 35: Sketchnotes

Sketchnote AnatomyArrows

Page 36: Sketchnotes

Sketchnote AnatomyDividers, Icons, Bullets

Page 37: Sketchnotes

Sketchnote AnatomyTypography

Page 38: Sketchnotes

Sketchnote AnatomyTypography

Carolyn Sewell - https://www.flickr.com/photos/pedestriantype/4008021833

Page 39: Sketchnotes

Layout Patterns

Page 40: Sketchnotes

Layout PatternsLinear

Page 41: Sketchnotes

Layout PatternsRadial

Page 42: Sketchnotes

Layout PatternsSkyscraper

Rebecca Jackson - https://www.flickr.com/photos/_rebeccajackson/9054783505

Page 43: Sketchnotes

Layout PatternsPath Based

Page 44: Sketchnotes

Layout PatternsModular

Hans Gerhard Meier - https://www.flickr.com/photos/fontourist/8466649244/

Page 45: Sketchnotes

Layout PatternsPopcorn

Page 46: Sketchnotes

Layout PatternsVertical

Mike Rohde - https://www.flickr.com/photos/rohdesign/6044065863

Page 47: Sketchnotes

RememberThere are no Rules! - just have a

GOOD STRUCTURE

Page 48: Sketchnotes

Remember

Start small

Page 49: Sketchnotes

Remember

Arrive Early - get a good seat

Page 50: Sketchnotes

Remember

Watch the clock

Page 51: Sketchnotes

Remember

Have fun with it

Page 52: Sketchnotes

Your Turn

Let’s Sketchnote!

Page 53: Sketchnotes

Take a few minutes

Every city needs healthy honey bees

- Noah Wilson-Rich (12 Minutes)

Let’s draw up the title and Pic

Page 54: Sketchnotes
Page 55: Sketchnotes

More Reading

http://sketchnotearmy.com/http://www.sketchnotesbook.com/resources/

Sketchnoting - Kevin Mears (five simple steps)

Sketchnote Workbook - Mike Rohde (Peachpit)

Sketchnote Handbook - Mike Rohde (Peachpit)

http://uxmastery.com/sketchnoting-101-how-to-create-awesome-visual-notes/

Sketchnote Workbook for Beginners: - Dale Blake (Speedy Publications)

Visual Meetings - David Sibbet

👍 👍👍