sketchnotes-sf meetup :: round 23 :: basic practice [tue apr 26, 2016]

86
Sketchnotes-SF :: April 26, 2016 :: Basic Practice Sketchnotes-SF Welcome! Tonight’s topic: Basic Practice Apr 2016 @sketchnotesSF

Upload: kate-rutter

Post on 24-Jan-2017

1.627 views

Category:

Education


1 download

TRANSCRIPT

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

Sketchnotes-SFWelcome!Tonight’s topic:

Basic Practice

Apr 2016 @sketchnotesSF

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

who’s here?

namesketchnote experience (if any)1 thing you want to go home with.

2 minutes!

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

thanks to our hosts

http://www.tangible-ux

@tangibleux

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

• Sketchnote examples• Intro demo & talk• rapid-rounds• structure practice• gallery & critique

what we’ll do

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.

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.

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

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

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

what will youget out of tonight?

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

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

intro

Sketchnote basics

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

Sketchnotes =

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

Sketchnotes have pictures like this...

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

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

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

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

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

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

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

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

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

Gray marker or pencil

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

Common materials

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

Good-enough materials

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

Everyone got materials?

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

warm-upsquick activity to get your hands

moving.

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

Sketchnotes-SF :: April 26, 2016 :: Basic Practice30 seconds

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

rapid rounds

lettering things & ideaspeople & faces

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

basic • serif • double • bubble • block

lettering

5 from 1

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

basic

serif

double

bubble

block

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

basic

tall

wide

Try @ home...5x3=15!

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

quick-share!

30 sec!

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

moodwords lettering

Sketchnotes-SF :: April 26, 2016 :: Basic Practice20 seconds

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

bouncy

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

soaked

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

transition

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

sleepy

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

roll

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

launch

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

quick-share!

1 min!

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

things

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

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

Sketchnotes-SF :: April 26, 2016 :: Basic Practice20 seconds

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

computer

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

idea

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

paper airplane

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

boxing gloves

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

traffic cone

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

toolbox

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

ideas

Sketchnotes-SF :: April 26, 2016 :: Basic Practice30 seconds

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

success

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

challenge

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

collaboration

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

signal

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

improvement

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

value

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

tooth peoplesketch-a-long

people

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

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

speed-sketch 50

toothpeople!1 minute

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

star peoplesketch-a-long

people

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

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

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

http://bit.ly/sketchingpeople

More examples in this set of videos...

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

people

expressionssketch-a-long

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

smile frown

up brows

neutral

down brows

no brows

add a mouth...

add eyebrows...

Expressions matrix

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

speed-sketch 10

starpeople!1 minute

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

linear & verticalradial & path

modular popcorn

layouts

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

linear

vertical

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

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

radial

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

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

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

path

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

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

modular

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

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

popcorn

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

sketchnote practice

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 creativityLinda Hill at TEDx Cambridge, Sep 2014

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 creativityLinda Hill at TEDx Cambridge, Sep 2014

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

Wrap-up

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

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

Resources

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

General Visual Practice Resources

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

Lettering Resources

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

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

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

Resources

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

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

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

Shameless plugBuy the book. There are 2.

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

collaborative critique

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

Sketchnotes-SF @ Tangible UX

Tue Apr 26, 2016Kate Rutter | @katerutter

may the sketchbe with you!

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

handouts

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

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

Rapid Rounds 4 things, ideas, star people, expressions

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

Elementsdividers connectorsbullets

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

Elementsframes & banners

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

Layouts

linear radial

modular

vertical

path popcorn