Deck from the Sketchnotes-SF meetup, in July at Tangible UX [http://www.tangible-ux.com]. We practiced sketchnoting skills and talked through the resulting work. We started with warm-ups and rapid rounds, then jumped into sketchnoting a short TED talk. Details on the meetup at: http://www.meetup.com/Sketchnotes-SF/events/230345681/

1. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Sketchnotes-SFWelcome!
Tonight’s topic:
Basic Practice
Apr 2016 @sketchnotesSF

2. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
who’s
here?
name
sketchnote experience (if any)
1 thing you want to go home with.
2 minutes!

3. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
thanks to our hosts
http://www.tangible-ux
@tangibleux

4. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
• Sketchnote examples
• Intro demo & talk
• rapid-rounds
• structure practice
• gallery & critique
what we’ll do

5. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
I want to become a better sketcher,
listener and documenter.
I want to remember key
information and have something to
share with others after a session.
I'm a big visual
learner & I want to
remember things
more easily.
I want to tell a
story very quickly.
I want to learn to
effectively communicate
visually.
I want to make hard
concepts more
accessible.

6. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
a sketchnote is...
Using images, text, diagrams
and layout to capture information
in order to improve
understanding and recall.

7. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
why sketchnote?
• externalize and clarify ideas
• communicate with others
• highlight emotional content
• share & celebrate

8. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
what will you
get out of tonight?
• be confident with sketchnoting
• use / practice your skills
• get feedback and critique
• grow & refine your skills

9. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
intro
Sketchnote
basics

10. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Sketchnotes =

11. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Sketchnotes have pictures like this...

12. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Doug Neill
http://www.thegraphicrecorder.com/2013/08/12/
sketchnotes-of-austin-kleons-creative-mornings-talk-
on-showing-your-work/

13. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Doug Neill
http://www.thegraphicrecorder.com/2013/02/20/sketchnotes-
of-the-sketchnote-handbook-video-series/

14. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Timothy Reynolds
https://www.flickr.com/photos/turnislefthome/8201382664/

15. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Maria Mariano
https://medium.com/@mbfmariano/7e847855b27b

16. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Carolyn Sewell
https://www.flickr.com/photos/pedestriantype/5604234976/

17. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Gray marker or pencil
Gel pens (.3 / .5 / .7) Unlined Moleskine
Common materials

18. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Good-enough
materials

19. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Everyone got
materials?

20. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
warm-ups
quick activity to
get your hands
moving.

21. Sketchnotes-SF :: April 26, 2016 :: Basic Practice

22. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
30 seconds

23. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
rapid rounds
lettering
things & ideas
people & faces

24. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
basic • serif • double • bubble • block
lettering
5 from 1

25. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
basic
serif
double
bubble
block

26. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
basic
tall
wide
Try @ home...5x3=15!

27. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
quick-share!
30 sec!

28. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
moodwords
lettering

29. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
20 seconds

30. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
bouncy

31. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
soaked

32. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
transition

33. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
sleepy

34. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
roll

35. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
launch

36. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
quick-share!
1 min!

37. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
things

38. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Mike Rhode
https://www.flickr.com/photos/rohdesign/sets/72157651742277291

39. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
20 seconds

40. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
computer

41. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
idea

42. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
paper airplane

43. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
boxing gloves

44. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
traffic cone

45. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
toolbox

46. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
ideas

47. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
30 seconds

48. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
success

49. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
challenge

50. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
collaboration

51. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
signal

52. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
improvement

53. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
value

54. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
tooth people
sketch-a-long
people

55. Sketchnotes-SF :: April 26, 2016 :: Basic Practice

56. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
speed-
sketch 50
toothpeople!
1 minute

57. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
star people
sketch-a-long
people

58. Sketchnotes-SF :: April 26, 2016 :: Basic Practice

59. Sketchnotes-SF :: April 26, 2016 :: Basic Practice

60. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
http://bit.ly/sketchingpeople
More examples in this
set of videos...

61. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
people
expressions
sketch-a-long

62. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
smile frown
up brows
neutral
down
brows
no brows
add a mouth...
add eyebrows...
Expressions matrix

63. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
speed-
sketch 10
starpeople!
1 minute

64. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
linear & vertical
radial & path
modular
popcorn
layouts

65. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
linear
vertical
Jessica Eldredge
http://www.flickr.com/photos/jessabean/8705360625

66. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
radial
Jason Alderman
http://www.flickr.com/photos/jalderman/10039867503

67. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Alexis Finch
http://www.flickr.com/photos/agentfin/10986121516/in/
set-72157637923005334
path

68. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Scott Torrence
http://www.flickr.com/photos/100566070@N06/9727471316
modular

69. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Timothy Reynolds
http://www.flickr.com/photos/turnislefthome/
8525651030/in/faves-11769275@N00/
popcorn

70. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
sketchnote
practice

71. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
http://www.ted.com/talks/linda_hill_how_to_manage_for_collective_creativity
• title of talk
• speaker name
(& portrait)
• event
• date
• your name +
contact
TED Talk 18 minutes
How to manage for collective creativity
Linda Hill at TEDx Cambridge, Sep 2014

72. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Add: emphasis, type styles, connectors, frames, depth, color....
http://www.ted.com/talks/linda_hill_how_to_manage_for_collective_creativity
• title of talk
• speaker name
(& portrait)
• event
• date
• your name +
contact
TED Talk 18 minutes
How to manage for collective creativity
Linda Hill at TEDx Cambridge, Sep 2014

73. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Wrap-up

74. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Sketchnoting
http://www.meetup.com/Sketchnotes-SF/
http://sketchnotearmy.com/
http://whiteboardwarrior.org
Resources

75. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
General Visual Practice
Resources

76. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Lettering
Resources

77. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Graphic recording & facilitation
International Forum of Visual Practitioners:
http://ifvpcommunity.ning.com/
Center for Graphic Facilitation:
http://graphicfacilitation.blogs.com/
Resources

78. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
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

79. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Shameless plug
Buy the book. There are 2.

80. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
collaborative
critique

81. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Sketchnotes-SF @ Tangible UX
Tue Apr 26, 2016
Kate Rutter | @katerutter
may the sketch
be with you!

82. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
handouts

83. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Lettering 4 5 from one, tall & wide, mood words
Rapid Rounds 4 things, ideas, star people, expressions

84. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Elements
dividers connectorsbullets

85. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Elements
frames & banners

86. Sketchnotes-SF :: April 26, 2016 :: Basic Practice
Layouts
linear radial
modular
vertical
path popcorn