Introduction to Sketchnoting :: Nature Journal Club [Tue-Thu, Mar 8-10, 2016]

Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter

SketchnotingWelcome!Introduction towith the Nature Journal Club

Kate RutterStrategic Sketcher

intelleto.com :: @katerutterSession 1 : Tiburon, March 8, 2016

Session 2 : San Francisco, March 8, 2016Session 3 : Foster City, March 8, 2016

Session 4 : Oakland, March 9, 2016Session 5 : Cupertino, March 9, 2016Session 6 : Lafayette, March 10, 2016


Notes about the slide deckThis slidedeck is from the March 2016 series of six workshops hosted by the Nature Journal Club in the San Francisco Bay Area.

The presentation was modified between sessions, based on participant feedback.

Also, additional material is included in this deck that was either part of a live demo, or not appropriate for a live session.

The changed or additional slides are noted in the footer.Only shown in 1st day: Tiburon, San Francisco, Foster CityOnly shown in 2nd& 3rd day: Oakland, Cupertino, LafayetteAdditional material

12+


who’s here?

namecity you live in1 thing you love about nature journaling

2-4 minutes!


who am I?

Kate RutterEmeryvilleNature Journalist& Sketchnoter

Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2

I make nature journal pageslike this.Exploration of a Protea[finepoint ink pen]

Nature Journal:• Mostly images• Observation of object• Accurate detail• Deep focus


Nature Journal:• Mostly images• Observation of object• Accurate detail• Deep focus

I make nature journal pageslike this.Blue Atlas Cedar[finepoint ink pen, watercolor]


Sketchnote:• Mostly words• Big ideas/concepts• Symbol/icons• Rapid capture

I make visual notes like this.Notes from John Muir Laws, Landscape Tricks[finepoint ink pen]



I make visual notes like this.Notes from product design webinar with Laura Klein[finepoint ink pen, colored marker]



I make visual notes like this.Notes from Harvard Business Review article by Dr. Teresa Amabile[finepoint ink pen, grey art marker, colored pencils]


Sketchnotes(aka...visual notetaking)


a sketchnote is...Using images, text, diagrams and layout to capture information in order to improve understanding and recall.

2


why sketchnote?• externalize and clarify ideas• communicate with others• highlight emotional content• share & celebrate


what will youget out of this?

• be confident with sketchnoting • use / practice your skills• get feedback and critique• grow & refine your skills

1


How will this add to your nature journal?• More opportunities to make visuals • Help add your inner voice to the page• Hone your page layout skills• Increase your speed

2


• Intro to sketchnoting• materials & warm-up• rapid-rounds• practice session• gallery & critique

what we’ll do


Doug Neillhttp://www.thegraphicrecorder.com/2013/08/12/sketchnotes-of-austin-kleons-creative-mornings-talk-on-showing-your-work/

1

Sketchnote Gallery


Doug Neillhttp://www.thegraphicrecorder.com/2013/02/20/sketchnotes-of-the-sketchnote-handbook-video-series/

1

Sketchnote Gallery


Timothy Reynoldshttps://www.flickr.com/photos/turnislefthome/8201382664/

1

Sketchnote Gallery


Carolyn Sewellhttps://www.flickr.com/photos/pedestriantype/5604234976/

1

Sketchnote Gallery

https://www.flickr.com/photos/pedestriantype/5604234976/





Heidi Skibahttp://ostomyoutdoors.com/2015/11/09/slowing-down-time-between-stomaversaries/mantis-sketch/

1

Nature Journal Gallery


Jack Lawshttps://baynature.org/articles/good-grebe/ Nature Journal Gallery


Danako Drawshttp://danakodraws.tumblr.com/post/92459667351/notes-from-the-wildflower-themed-session-of-the

1

Nature Journal Gallery


intro

Sketchnote basics


Sketchnotes =


Sketchnotes have pictures like this...


starting up

Materials & warm-ups


Gray marker or pencil

Gel pens (.3 / .5 / .7) Unlined Moleskine

Common materials


Good-enough materials


Everyone got materials?



1 minute


rapid rounds

words things & ideas

people & emotion


basic • serif • double • bubble • block

lettering

5 from 1

1


basic

serif

double

bubble

block

1


basic

tall

wide

30 seconds1


quick-share!

1 min!

1


moodwords words

2

Making the lettering look like the thing it means. (Like a visual onomatopoeia.)



ExamplesSketchnote• Failure: sinks down into

despair

Nature Journal• Cold: drips with ice


20 seconds2


soft


moist


bouncy


quick


rough

1


energetic

1


scattered

1


quick-share!

1 min!


things


Mike Rhodehttps://www.flickr.com/photos/rohdesign/sets/72157651742277291


Simple pictures. Symbols, not renderings.


Lexi Hradisky

2

ExamplesSketchnote• Factory• Cat• School

Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter10 seconds


coffee cup

1


anchor

1


toolbox

1


journal


fire hydrant


paper airplane


bicycle

2


ideas


Visual metaphors for concepts and abstract symbols.


Maria Mariano

Hannah Hinchman

2

ExamplesSketchnote• 2x2 matrix showing

relationship of Risk & Reward

Nature Journal• Bird songs, visualized

Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter30 seconds


awareness


weather

1


environment


challenge

1


explore


share


quick-share!

1 min!


star peoplesketch-a-long

people



ExamplesSketchnote• Challenge: shared

challenge & success

Nature Journal• Jack: exploring poop

along the path


in context

1

Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter+

people: star people


smile frown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrows...

people : expressions matrix

+


http://bit.ly/sketchingpeople

More examples in this set of videos...

+


speed-sketch 5 star people with

expressions!

1 minute


quick-share!

1 min!


sketchnote practiceround 1


http://www.ted.com/talks/derek_sivers_how_to_start_a_movement

• title of talk• speaker name (& portrait)• event• date• your name + contact

TED Talk 3 minutesHow to start a movementDerek Sivers at TED 2010, February 2010

Capture the big ideas2


linear & verticalradial & path

modular popcorn

layouts


linear

vertical

Jessica Eldredgehttp://www.flickr.com/photos/jessabean/8705360625

Examples: Sketchnote


radial

Jason Aldermanhttp://www.flickr.com/photos/jalderman/10039867503

2



radial

Danako Drawshttp://danakodraws.tumblr.com/post/99191002537/aspens-a-nature-journal-page-i-started-last-week

2

Examples: Nature Journal


Alexis Finchhttp://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334

path

2



path

2



Scott Torrencehttp://www.flickr.com/photos/100566070@N06/9727471316

modular

2



modular

2



Timothy Reynoldshttp://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/

popcorn

2



popcorn

2



sketchnote practiceround 2





Use a layout2


dividersconnectors

frames

elements

demo


Symbolic & simple : Use to add structure

Frames

Arrows/connectors

Lines/dividers





Add pictures, dividers, connectors, frames, shadows, color

1


collaborative critique


Wrap-up


Sketchnotinghttp://www.meetup.com/Sketchnotes-SF/ http://sketchnotearmy.com/http://whiteboardwarrior.org

Resources


General Visual Practice Resources


Lettering Resources


Graphic recording & facilitationInternational Forum of Visual Practitioners:http://ifvpcommunity.ning.com/

Center for Graphic Facilitation:http://graphicfacilitation.blogs.com/

Resources


People to followSketchnote Armyhttp://sketchnotearmy.com/

Mike Rohdehttp://rohdesign.com@rhodesign

Sunni Brownhttp://sunnibrown.com@sunnibrown

David Sibbet @ the Grovehttp://grove.com

Dave Grayhttp://www.davegrayinfo.com@davegray

Sacha Chuahttp://sachachua.com@sachachua

Alexis Finchhttp://graphitemind.com@agentfin

Austin Kleonhttp://austinkleon.com@austinkleon

Eva Lotta-Lammhttp://www.evalotta.net@evalottchen

Doug Neilhttp://www.thegraphicrecorder.com/http://www.verbaltovisual.com/@douglaspneill

Kate Rutterhttp://intelleto.com@katerutter


How can you use sketchnotes

in your Nature Journal?

discussion


Sketchnotes @ Nature Journal Club

March 2016Kate Rutter | @katerutter

may the sketchbe with you!


ColophonHuge thanks to Jack Laws for generously inviting me to share this material with the Bay Area Nature Journal community.

Wanna get involved in nature journaling?

https://www.facebook.com/groups/naturejournalclub/

http://www.johnmuirlaws.com/

https://www.youtube.com/user/JohnMuirLaws

https://twitter.com/JohnMuirLaws

Image and content credits:Thank you to Ashok Khosla for videotaping the session. Individual image credits noted on slides. TED talk screenshot from Ted.com. Layout patterns are from The Sketchnote Handbook by Mike Rhode. Book cover images sourced from Amazon. Uncredited images by Kate Rutter.


+ Summary SheetsFour pages to print as quick reference.


Lettering 4 5 from one, tall & wide, mood words

Rapid Rounds 4 things, ideas, star people, expressions


Sketchnotes elements: reference


Elements

dividers connectorsbullets




Elementsframes & banners




Layouts

linear radial

modular

vertical

path popcorn



Design

Introduction to Sketchnoting :: Nature Journal Club [Tue-Thu, Mar 8-10, 2016]