Presentation deck from the workshop series for the Nature Journal Club in the SF Bay Area in March, 2016. We practiced sketchnoting skills and how they can be applied to a nature journal practice. We started with warm-ups and rapid rounds, then jumped into sketchnoting a short TED talk. Details on the event at: http://www.johnmuirlaws.com/event/7853-2-2-2-2-2 More info about the Nature Journal Club at: http://www.johnmuirlaws.com/nature-journal-club

1. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnoting
Welcome!
Introduction to
with the Nature Journal Club
Kate Rutter
Strategic Sketcher
intelleto.com :: @katerutter
Session 1 : Tiburon, March 8, 2016
Session 2 : San Francisco, March 8, 2016
Session 3 : Foster City, March 8, 2016
Session 4 : Oakland, March 9, 2016
Session 5 : Cupertino, March 9, 2016
Session 6 : Lafayette, March 10, 2016

2. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Notes about the slide deck
This 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 City
Only shown in 2nd& 3rd day: Oakland, Cupertino, Lafayette
Additional material
1
2
+

3. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
who’s
here?
name
city you live in
1 thing you love about
nature journaling
2-4 minutes!

4. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
who am I?
Kate Rutter
Emeryville
Nature Journalist
& Sketchnoter

5. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
I make nature
journal pages
like this.
Exploration of a Protea
[finepoint ink pen]
Nature Journal:
• Mostly images
• Observation of object
• Accurate detail
• Deep focus

6. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
Nature Journal:
• Mostly images
• Observation of object
• Accurate detail
• Deep focus
I make nature
journal pages
like this.
Blue Atlas Cedar
[finepoint ink pen,
watercolor]

7. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
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]

8. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
Sketchnote:
• Mostly words
• Big ideas/concepts
• Symbol/icons
• Rapid capture
I make visual
notes like this.
Notes from product
design webinar with
Laura Klein
[finepoint ink pen,
colored marker]

9. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
Sketchnote:
• Mostly words
• Big ideas/concepts
• Symbol/icons
• Rapid capture
I make visual
notes like this.
Notes from Harvard
Business Review article
by Dr. Teresa Amabile
[finepoint ink pen, grey
art marker, colored
pencils]

10. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnotes
(aka...visual notetaking)

11. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
a sketchnote is...
Using images, text, diagrams
and layout to capture information
in order to improve
understanding and recall.
2

12. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
why sketchnote?
• externalize and clarify ideas
• communicate with others
• highlight emotional content
• share & celebrate

13. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
what will you
get out of this?
• be confident with sketchnoting
• use / practice your skills
• get feedback and critique
• grow & refine your skills
1

14. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
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

15. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
• Intro to sketchnoting
• materials & warm-up
• rapid-rounds
• practice session
• gallery & critique
what we’ll do

16. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Doug Neill
http://www.thegraphicrecorder.com/2013/08/12/
sketchnotes-of-austin-kleons-creative-mornings-talk-
on-showing-your-work/
1
Sketchnote Gallery

17. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Doug Neill
http://www.thegraphicrecorder.com/2013/02/20/sketchnotes-
of-the-sketchnote-handbook-video-series/
1
Sketchnote Gallery

18. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Timothy Reynolds
https://www.flickr.com/photos/turnislefthome/8201382664/
1
Sketchnote Gallery

19. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Carolyn Sewell
https://www.flickr.com/photos/pedestriantype/5604234976/
1
Sketchnote Gallery

20. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Heidi Skiba
http://ostomyoutdoors.com/2015/11/09/slowing-down-
time-between-stomaversaries/mantis-sketch/
1
Nature Journal Gallery

21. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Jack Laws
https://baynature.org/articles/good-grebe/ Nature Journal Gallery

22. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Danako Draws
http://danakodraws.tumblr.com/post/92459667351/
notes-from-the-wildflower-themed-session-of-the
1
Nature Journal Gallery

23. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
intro
Sketchnote
basics

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

25. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
Sketchnotes have pictures like this...

26. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
starting up
Materials &
warm-ups

27. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
Common materials

28. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Good-enough
materials

29. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Everyone got
materials?

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

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

32. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
rapid rounds
words
things & ideas
people & emotion

33. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
basic • serif • double • bubble • block
lettering
5 from 1
1

34. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
basic
serif
double
bubble
block
1

35. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
basic
tall
wide
30 seconds1

36. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
quick-share!
1 min!
1

37. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
moodwords
words
2
Making the lettering look like the thing it
means. (Like a visual onomatopoeia.)

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

39. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
Examples
Sketchnote
• Failure: sinks down into
despair
Nature Journal
• Cold: drips with ice

40. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
20 seconds
2

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

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

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

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

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

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

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

48. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
quick-share!
1 min!

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

50. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Mike Rhode
https://www.flickr.com/photos/rohdesign/sets/72157651742277291

51. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Simple pictures. Symbols, not renderings.

52. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Lexi Hradisky
2
Examples
Sketchnote
• Factory
• Cat
• School

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

54. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
coffee cup
1

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

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

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

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

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

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

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

62. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Visual metaphors for concepts
and abstract symbols.

63. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Maria Mariano
Hannah Hinchman
2
Examples
Sketchnote
• 2x2 matrix showing
relationship of Risk & Reward
Nature Journal
• Bird songs, visualized

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

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

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

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

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

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

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

71. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
quick-share!
1 min!

72. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
star people
sketch-a-long
people

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

74. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
Examples
Sketchnote
• Challenge: shared
challenge & success
Nature Journal
• Jack: exploring poop
along the path

75. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
in context
1

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

77. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
smile frown
up brows
neutral
down
brows
no brows
add a mouth...
add eyebrows...
people : expressions matrix
+

78. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
http://bit.ly/sketchingpeople
More examples in this
set of videos...
+

79. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
speed-sketch 5
star people with
expressions!
1 minute

80. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
quick-share!
1 min!

81. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
sketchnote practice
round 1

82. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
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 minutes
How to start a movement
Derek Sivers at TED 2010, February 2010
Capture the big ideas
2

83. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
linear & vertical
radial & path
modular
popcorn
layouts

84. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
linear
vertical
Jessica Eldredge
http://www.flickr.com/photos/jessabean/8705360625
Examples: Sketchnote

85. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
radial
Jason Alderman
http://www.flickr.com/photos/jalderman/10039867503
2
Examples: Sketchnote

86. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
radial
Danako Draws
http://danakodraws.tumblr.com/post/99191002537/
aspens-a-nature-journal-page-i-started-last-week
2
Examples: Nature Journal

87. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Alexis Finch
http://www.flickr.com/photos/agentfin/10986121516/in/
set-72157637923005334
path
2
Examples: Sketchnote

88. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
path
2
Examples: Nature Journal

89. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Scott Torrence
http://www.flickr.com/photos/100566070@N06/9727471316
modular
2
Examples: Sketchnote

90. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
modular
2
Examples: Nature Journal

91. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Timothy Reynolds
http://www.flickr.com/photos/turnislefthome/
8525651030/in/faves-11769275@N00/
popcorn
2
Examples: Sketchnote

92. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
popcorn
2
Examples: Nature Journal

93. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
sketchnote practice
round 2

94. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
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 minutes
How to start a movement
Derek Sivers at TED 2010, February 2010
Use a layout
2

95. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
dividers
connectors
frames
elements
demo

96. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter2
Symbolic & simple : Use to add structure
Frames
Arrows/connectors
Lines/dividers

97. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
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 minutes
How to start a movement
Derek Sivers at TED 2010, February 2010
Add pictures, dividers, connectors,
frames, shadows, color
1

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

99. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Wrap-up

100. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnoting
http://www.meetup.com/Sketchnotes-SF/
http://sketchnotearmy.com/
http://whiteboardwarrior.org
Resources

101. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
General Visual Practice
Resources

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

103. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Graphic recording & facilitation
International Forum of Visual Practitioners:
http://ifvpcommunity.ning.com/
Center for Graphic Facilitation:
http://graphicfacilitation.blogs.com/
Resources

104. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
People to follow
Sketchnote Army
http://sketchnotearmy.com/
Mike Rohde
http://rohdesign.com
@rhodesign
Sunni Brown
http://sunnibrown.com
@sunnibrown
David Sibbet @ the Grove
http://grove.com
Dave Gray
http://www.davegrayinfo.com
@davegray
Sacha Chua
http://sachachua.com
@sachachua
Alexis Finch
http://graphitemind.com
@agentfin
Austin Kleon
http://austinkleon.com
@austinkleon
Eva Lotta-Lamm
http://www.evalotta.net
@evalottchen
Doug Neil
http://www.thegraphicrecorder.com/
http://www.verbaltovisual.com/
@douglaspneill
Kate Rutter
http://intelleto.com
@katerutter

105. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
How can you use
sketchnotes
in your
Nature Journal?
discussion

106. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnotes @ Nature Journal Club
March 2016
Kate Rutter | @katerutter
may the sketch
be with you!

107. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Colophon
Huge 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.

108. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
+ Summary Sheets
Four pages to print as quick reference.

109. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Lettering 4 5 from one, tall & wide, mood words
Rapid Rounds 4 things, ideas, star people, expressions
Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnotes elements: reference

110. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Elements
dividers connectorsbullets
Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnotes elements: reference

111. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Elements
frames & banners
Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnotes elements: reference

112. Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Layouts
linear radial
modular
vertical
path popcorn
Nature Journal Club Workshop :: March 2016 :: intelleto.com :: @katerutter
Sketchnotes elements: reference