The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]

INTRO TO VISUAL NOTETAKING | JUL 8, 2014

U!l"c# t$e p"w%r o&

i!f"r'a(i"n w)t$

V)s*a+ N"t%t,k)n-

W!l"o#e!

Kate Rutter @katerutter • Sketchnoter & Graphic Recorder • Tuesday, July 8, 2014


W!o’s h"r"?•n!m"

•p!s# e$p"r%e&c" 'i#h

v%s(a) n*t"s / s+e#c,i&g

•f!v*r%t" s(p"r-o.e/

5 m#n$t"s t%t&l


• P!i"c#p$l, I"t%l&e'o.c(m

• C(-F(u"d%r, L)x!.c(

• S*e'c+n(t%r, g!a,h#c r%c(r-e!

• E"t!e,r%n%u!s+i, + U.

K&t" R$t'e(

@k,t%r*t(e.

h(t/://i!t%l+e(o.c"m


• I"t!o /o v#s)a& n(t%s

• r$p#d-r(u"d0

•p!a1t#c% s%s0i(n

• g$l&e!y & c!i'i2u%

•N%x' s'e,s

W!a' w"’l) d%


s$e%c&n't(n)?

g*a+h(c r!c'r,i-g?

g*a+h(c f.c(l(t.t(o-?

v(s/a0 n't!-t.k(n)?


Kate Rutterhttp://intelleto.com/2013/09/24/sketchnotes-from-napkin-academy-live-the-presenters-journey-with-dan-roam/


Kate Rutterhttp://intelleto.com/portfolio/sketchnotes-service-experience-conference-2013/


Kate Rutter for Great Work MBA


Kate Rutterfor Lippincott Customer Experience Event


Kate Rutter for Code for America


W!y?• c!p#u/e & r"m"m0e/ i1e!s

• O/g!n%z" 2n#o s#r(c#u/e

• h%g,l%g,t e3o#i*n!l c*n#e&t

• v%s(a)l4 e&g!g%n5 & m"m*r!b)e

• s,a/e & c"l"b/a#e


W,e& I 6a+e n*t"s v%s(a)l4, I

g* 7a8k 9v"r 6h"m :o/e

o;t"n, <n1 =m >b)e ?o r"c!l)

t,e i1e!s :o/e c)e!r)y.

“

“~ M$r#a M$r#a"o

s*e'c+n(t%r


S*e'c+n(t#n3 B$s#c0

I*t(o


T!e b&s#c+...


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


Doug Neillhttp://www.thegraphicrecorder.com



Kate Rutterhttp://intelleto.com/portfolio/sketchnotes-service-experience-conference-2013/


Alexis Finchhttp://www.flickr.com/photos/agentfin/8721881140/in/set-72157633702488134/


Mike Rohde


Carolyn Sewellhttp://www.carolynsewell.com/Sketchnotes


Maria Marianohttps://medium.com/@mbfmariano/7e847855b27b


C'm#o- m.t!r(a0s

Gray marker or pencil

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


G"o0-e!o*g$ m,t%r)a+s


q)i1k a1t#v#t4 /o 5e'

y(u! 6a"d m(v#n3.

w&r,-u-s



37 s%c(n-s


• l%t'e!i"g

• m(o-w(r-s

• t+i"g0

• i-e$s

r&p#d r%u*d+



5 f.o' 1b!s"c • s#r"f •$d%u&l# • b'b&l# •$b(o)k

L!t%e*i-g


b!s"c

s#r"f

d%u&l#

b'b&l#

b(o)k


17 s%c(n-s

b!s"c

t!l(

w"d#


m'o,w'r,s


27 s%c(n-s


surprise!


wild


sleepy


unique


p!o+l!(pssst: we didn’t cover this in

the workshop, but it’s helpful...)


S(a. p%o/l%


S(a. p%o/l%


M"r% e1a'p+e2 i!

t$i2 s%t o& v)d%o2...

http://bit.ly/sketchingpeopl

e


smilefrown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrow

s...

E1p.e2s)o!s m,t.i1


t&i-g1



18 s%c(n-s


smart phone


clouds


umbrella


globe


hammer


bicycle


i,e.s


27 s%c(n-s


great idea


balance


adapt


play


share


success


B)t 9r0t, :o;e t#p0...P(a.t#c" S"s+i

%n


• l#n%a!, v%r'i1a&

• r$d#a& & p$t+

• m(d)l$r & p(p1o!n

L,y"u(s


linear vertical


Jessica Eldredgehttp://www.flickr.com/photos/jessabean/8705360625 l#n"a(

v"r'i.a)


radial


Jason Aldermanhttp://www.flickr.com/photos/jalderman/10039867503 r&d#a)


path


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

p&t!


modular


Stephani Batchetti://www.core77.com/blog/sketchnotes/sketchnotes_of_iit_institute_of_designs_design_research_conference_2013_by_stefani_bachetti_25727.asp modular


Scott Torrencehttp://www.flickr.com/photos/100566070@N06/9727471316 m%d$l&r


Carolyn Sewellhttp://www.flickr.com/photos/pedestriantype/8741556545

m%d$l&r


popcorn


Timothy Reynoldshttp://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ p%p.o(n


P(a.t#c" S"s+i%n


http://www.ted.com/talks/geoff_mulgan_a_short_intro_to_the_studio_school.html

6:1@ m%n

• title of talk

• speaker name

(& portrait)

• event

• date• your name +

contact

T/D t&l0 }


F#n#s! u-...

Geoff Mulgan at TEDglobal, October 2011

• title of talk

• speaker name (& portrait)

• event

• date

• your name + contact

A1d: e,p!a+i+, t2p" s'y)e+,

c%n*e.t%r+, f(a,e+,

d"p'h, c%l%r....

A short intro to the Studio School

http://www.ted.com/talks/geoff_mulgan_a_short_intro_to_the_studio_school.html


G,l+e.y & C.i(i3u%a&t%r w% e!d!


f$r'h"r e3p)o(a'i%n+


P%o/l% t" f"l+o4S!e"c#n$t% A&m'

h!t"://s#e!c$n%t&a'm(.c%m/

M(k% R$h)e

h!t"://r%h)e*i+n.c%m

@r$o)e*i+n

S*n+i B&o,n

h!t"://s,n-i.r%w-.c%m

@s,n-i.r%w-

D-v(d S(b.e" @ /h% G&o0e

h!t"://g'o/e.c%m

D-v% G&a'h!t"://w0w.d1v&g'a(i-f%.c%m

@d1v&g'a(

S-c#a C#u-

h!t"://s1c$a2h,a.c%m

@s1c$a2h,a

A1e2i3 F(n4h

h!t"://g'a"h3t&m3n).c%m

@a+e-t4n

A*s"i+ K1e$n

h!t"://a,s!i-k5e%n.c%m

@a,s!i-k5e%n

E0a L$t"a-L-m5

h!t"://w0w.e/a5o!t1.n&t

@e/a5o!t2h&n


M"r% v)z t$i!k r%s"u.c%s...


s/e5i,l o6e.!

t$a-k* 6o 7i#e 8o' 9h&

d3s2o,n! c%d&!


T$a!k2!@k,t%r*t(e.h(t/://i!t%l+e(o.c"m

Education

The Power of Visual Notetaking :: XYC @Singularityu [Tue Jul 9, 2014]