Level Up your Sketchnoting workshop [CCA, Jan 31, 2020]
1. Level up your sketch noting | @katerutter | Jan 31, 2020
Level up your
Sketchnoting
Jan 31, 2020 | Kate Rutter | @katerutter
2. Level up your sketch noting | @katerutter | Jan 31, 2020
Let’s get to
know each other!
name
sketchnote experience (if any)
1 thing you want to go home with.
2 minutes!
3. Level up your sketch noting | @katerutter | Jan 31, 2020
• Sketchnote examples
• rapid-rounds
• practice from video
• gallery & critique
What we’ll do…
4. Level up your sketch noting | @katerutter | Jan 31, 2020
I want to become a better
sketcher, listener and
documenter.
I want to remember information
and have something to review
after class.
I'm a visual learner & I want to
remember things more easily.
I want to tell a story
very quickly.
I want to use visuals to
communicate effectively.
I want to make hard
concepts easier.
5. Level up your sketch noting | @katerutter | Jan 31, 2020
a sketchnote is...
Using images, text, diagrams
and layout to capture information
in order to improve
understanding and recall.
6. Level up your sketch noting | @katerutter | Jan 31, 2020
7. Level up your sketch noting | @katerutter | Jan 31, 2020
See Understand Share
Can you see it?
Can you understand it?
sketch via @glaves
It’s not about being “bad” or “good”, it’s about...
8. Level up your sketch noting | @katerutter | Jan 31, 2020
“
We humans often need to see something to clearly
understand it, and so those of us with the ability to
effectively convey an experience in a visual way
possess a special and
important skill indeed.
~ Julie Zhuo
9. Level up your sketch noting | @katerutter | Jan 31, 2020
Doug Neill
http://www.thegraphicrecorder.com/
2013/08/12/sketchnotes-of-austin-
kleons-creative-mornings-talk-on-
showing-your-work/
Visual Notetaking } Sketchnoting
10. Level up your sketch noting | @katerutter | Jan 31, 2020
Visual Notetaking } Sketchnoting
Doug Neill
http://www.thegraphicrecorder.com/2013/02/20/
sketchnotes-of-the-sketchnote-handbook-video-series/
11. Level up your sketch noting | @katerutter | Jan 31, 2020
Timothy Reynolds
https://www.flickr.com/photos/
turnislefthome/8201382664/
Visual Notetaking } Sketchnoting
12. Level up your sketch noting | @katerutter | Jan 31, 2020
Eva-Lotta Lamm
Visual Notetaking } Sketchnoting
13. Level up your sketch noting | @katerutter | Jan 31, 2020
14. Level up your sketch noting | @katerutter | Jan 31, 2020
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
Tools } Common materials
15. Level up your sketch noting | @katerutter | Jan 31, 2020
Tools } Good-enough materials
16. Level up your sketch noting | @katerutter | Jan 31, 2020
Everyone got materials?
17. Level up your sketch noting | @katerutter | Jan 31, 2020
WARM-UPS
18. Level up your sketch noting | @katerutter | Jan 31, 2020
30
seconds
19. Level up your sketch noting | @katerutter | Jan 31, 2020
Lettering
Things & Ideas
People & faces
BASICS
20. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Lettering
21. Level up your sketch noting | @katerutter | Jan 31, 2020
• Legibility
• Hierarchy
• Speed!
3 Key things
Basics } Lettering
22. Level up your sketch noting | @katerutter | Jan 31, 2020
Doug Neil
http://www.thegraphicrecorder.com/2013/01/25/sketchnotes-of-on-being-interview-with-seth-godin/
Basics } Lettering
23. Level up your sketch noting | @katerutter | Jan 31, 2020
basic
serif
double
bubble
block
Basics } Lettering } 5 from 1
24. Level up your sketch noting | @katerutter | Jan 31, 2020
basic
tall
wide
Basics } Lettering } Tall & Wide
25. Level up your sketch noting | @katerutter | Jan 31, 2020
Overhead gallery!
26. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Lettering } Moodwords
20
seconds
Rapid Rounds!
27. Level up your sketch noting | @katerutter | Jan 31, 2020
bouncy
28. Level up your sketch noting | @katerutter | Jan 31, 2020
surprise!
29. Level up your sketch noting | @katerutter | Jan 31, 2020
rough
30. Level up your sketch noting | @katerutter | Jan 31, 2020
complicated
31. Level up your sketch noting | @katerutter | Jan 31, 2020
smash
32. Level up your sketch noting | @katerutter | Jan 31, 2020
unique
33. Level up your sketch noting | @katerutter | Jan 31, 2020
Overhead gallery!
34. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Things & Ideas
35. Level up your sketch noting | @katerutter | Jan 31, 2020
Via Mike Rhode
https://www.flickr.com/photos/rohdesign/sets/72157651742277291
36. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Things
20
seconds
Rapid Rounds
THINGS!
37. Level up your sketch noting | @katerutter | Jan 31, 2020
smart phone
38. Level up your sketch noting | @katerutter | Jan 31, 2020
airplane
39. Level up your sketch noting | @katerutter | Jan 31, 2020
laptop
40. Level up your sketch noting | @katerutter | Jan 31, 2020
anchor
41. Level up your sketch noting | @katerutter | Jan 31, 2020
paper airplane
42. Level up your sketch noting | @katerutter | Jan 31, 2020
toolbox
43. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Ideas
30
seconds
Rapid Rounds
IDEAS!
44. Level up your sketch noting | @katerutter | Jan 31, 2020
challenge
45. Level up your sketch noting | @katerutter | Jan 31, 2020
collaborate
46. Level up your sketch noting | @katerutter | Jan 31, 2020
adapt
47. Level up your sketch noting | @katerutter | Jan 31, 2020
interaction
48. Level up your sketch noting | @katerutter | Jan 31, 2020
engagement
49. Level up your sketch noting | @katerutter | Jan 31, 2020
success
50. Level up your sketch noting | @katerutter | Jan 31, 2020
3 minutes!
quick-share!
table harvest!
&
51. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } bullets, lines &arrows
52. Level up your sketch noting | @katerutter | Jan 31, 2020
Basics } Bullets, lines & arrows
Sunni Brown
http://sunnibrown.com/wp-content/themes/sunni/images/managing-conflict11x17.jpg
Use to
structure
content.
(Even basic lists.)
53. Level up your sketch noting | @katerutter | Jan 31, 2020
lines arrowsbullets
Draw-along!
Basics } Bullets, lines & arrows
54. Level up your sketch noting | @katerutter | Jan 31, 2020
frames & banners
Draw-along!
Basics } Bullets, lines & arrows
55. Level up your sketch noting | @katerutter | Jan 31, 2020
Faces
Block People
Movement
People
56. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Expressions Matrix
57. Level up your sketch noting | @katerutter | Jan 31, 2020
smile frown
up brows
neutral
down
brows
no brows
add a mouth...
add eyebrows...
Draw-along!
People } Expressions Matrix
58. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Block people
59. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Block People
Draw-along!
60. Level up your sketch noting | @katerutter | Jan 31, 2020
30
seconds
Rapid Rounds!
People & Products } Block People
61. Level up your sketch noting | @katerutter | Jan 31, 2020
62. Level up your sketch noting | @katerutter | Jan 31, 2020
63. Level up your sketch noting | @katerutter | Jan 31, 2020
64. Level up your sketch noting | @katerutter | Jan 31, 2020
65. Level up your sketch noting | @katerutter | Jan 31, 2020
66. Level up your sketch noting | @katerutter | Jan 31, 2020
67. Level up your sketch noting | @katerutter | Jan 31, 2020
68. Level up your sketch noting | @katerutter | Jan 31, 2020
People } movement
69. Level up your sketch noting | @katerutter | Jan 31, 2020
People } movement
70. Level up your sketch noting | @katerutter | Jan 31, 2020
People } movement
72. Level up your sketch noting | @katerutter | Jan 31, 2020
People } Movement
Draw-20 block
people in action!
Lines and clouds
show direction &
action
Symbols, shapes &
lines combine to make
expressive sketches.
73. Level up your sketch noting | @katerutter | Jan 31, 2020
3 minutes!
pair-share!
Offer feedback or ask questions.
74. Level up your sketch noting | @katerutter | Jan 31, 2020
Layouts
Linear
Vertical
Radial
Path
Modular
Popcorn
75. Level up your sketch noting | @katerutter | Jan 31, 2020
linear
vertical
Jessica Eldredge
http://www.flickr.com/photos/jessabean/8705360625
Visual Notetaking } Layouts
76. Level up your sketch noting | @katerutter | Jan 31, 2020
radial
Jason Alderman
http://www.flickr.com/photos/jalderman/10039867503
Visual Notetaking } Layouts
77. Level up your sketch noting | @katerutter | Jan 31, 2020
Alexis Finch
http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334
path
Visual Notetaking } Layouts
78. Level up your sketch noting | @katerutter | Jan 31, 2020
Scott Torrence
http://www.flickr.com/photos/100566070@N06/9727471316
modular
Visual Notetaking } Layouts
79. Level up your sketch noting | @katerutter | Jan 31, 2020
Timothy Reynolds
http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/
popcorn
Visual Notetaking } Layouts
80. Level up your sketch noting | @katerutter | Jan 31, 2020
Put into practice
81. Level up your sketch noting | @katerutter | Jan 31, 2020
Interaction Design Questions
Bill Verplank, 2001
https://www.youtube.com/watch?v=C3rxCLhzmXY
Label or Title
• Title of talk
• speaker name
• speaker portrait
• event
• date
• your name +
contact
82. Level up your sketch noting | @katerutter | Jan 31, 2020
How can you use
these tools in your
coursework?
83. Level up your sketch noting | @katerutter | Jan 31, 2020
What’s next?
For the next 2 weeks, carry your sketchbook everywhere.
When you want to reach for your phone to fill time, try
reaching for your sketchbook instead.
When you do a crappy sketch, try drawing it 3 more times
until you like it.
84. Level up your sketch noting | @katerutter | Jan 31, 2020
Resources } Sketchnoting
85. Level up your sketch noting | @katerutter | Jan 31, 2020
Resources } General Visual Practice
86. Level up your sketch noting | @katerutter | Jan 31, 2020
Resources } Lettering
87. Level up your sketch noting | @katerutter | Jan 31, 2020
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
Christina Wodtke
http://eleganthack.com @cwodke
Kate Rutter
http://intelleto.com @katerutter
People to follow
88. Level up your sketch noting | @katerutter | Jan 31, 2020
Kate Rutter
@katerutter
http://intelleto.com
Thanks!