The Sketchnote Handbook - Mike Rohde by Steve Tran

THE SIKETCHNOTE HANDt 00K VIDEO EDITION:

The illustrated guide to visual note taking Mike Rohde Peachpit Press Peachpit Press is a division o f Pearson Education. Copyright ÂŠ 2013 by Michael D. Rohde Acquisitions Editor: Nikki Echier McDonald Development Editor: Anne Marie Walker Proofreader: Liz Welch Production Editor: katerino, Malone Indexer: James Minkin Cover Design and Illustrations: Mike Rohde Interior Design and Illustrations: Mike Rohde Video Producer: Brian A r t k a Media Producer: Eric G e o ff roy

NOTICE OF RIGHTS

, . TA HAT TE 'A SM ! M

- - - - ,

Alt rights reserved. No part of this book may be reproduced or transmitted in any form

by any means, electronic, mechanical, photocopying, recording, or otherwise, without the prior written permission o f the publisher. For information on getting permission f o r reprints and excerpts, contact permissions@peachpit.com.

NOTICE OF LIABILITY The information in this book is distributed on an "As Is" basis without warranty. While every precaution has been taken in the preparation o f the book, neither the author nor Peachpit shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the instructions contained in this book or by the computer software and hardware products described in it. TRADEMARKS Many o f the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and Peachpit was aware of a trademark claim, the designations appear as requested by the owner of the trademark. All other product names and services identified throughout this book are used in editorial fashion only and f o r the benefit of such companies with no intention o f infringement of the trademark. No such use, o r the use o f any trade name, is intended to convey endorsement or other affiliation with this book. ISBNI3:17g-0-321-gg511-1 ISBNIO: 0-321-55511-2 9 g 7 6 5 LI 321 Printed and bound in the United States o f America

To Gail, Nathan, Linnea, and Landon, thotnk you for your support on this long and challenging journey. You are the reason I work so hard to create things and share tvly ideas.

i love you.

17 Dr TAKING ON A PROJECT OF THIS MAGNITUDE is a great reminder of just how r'' valuable my family, friends, colleagues, and community are. Without them, I'm certain The Sketchnote - Handbook would not have happened. N SAIL, you are the first and most important person on the list. Even though you were expecting a baby, you encouraged and supported me on many late nights and weekends. Thanks for sharing the vision with me. I love you! NATHAN, LINNEA, AND LANDON, thanks for supporting me during the creation of the book and video. As your dad, I hope my work makes you proud. VON GLITSCHKA, you get credit for sparking this book over Thai food in Portland. Thanks for believing in me and pitching my book idea just minutes a f t e r dinner.

NIKKI MCDONALD, you've been behind me on this book from the beginning to the end. Thanks for considering my book idea, selling it to your team, and keeping me on track and encouraged through the long, hard creation process. Most important, thanks for helping me create something truly unique and different. ANNE MARIE WALKER, you've been a fabulous editor, challenging me to make the book better. Thanks for keeping me on my toes and making my prose look so good. AMY VAN VECHTEN, thanks for providing excellent direction and feedback on the video project. Thanks for trusting me and Seal Team Sketchnote as we worked. PEACHPIT, your team has been ajoy to work with. Everyone was professional cknd so easy to work with. Thank you Nancy, Glenn, Katerina, Mimi, Lupe, Charlene, Eric, Liz, and James for making my f i r s t book experience a great one.

DAVID FUGATE, thanks for your expert guidance through the book contract process. I couldn't have asked for a better agent.

BRIAN ARTKA, you're a great friend and an amazing videographer. Thanks f o r

capturing my vision and helping me "Be Mike" for the camera. DELVE WITHRINGTON, thanks for creating fonts of my hand lettering. Your typefaces have saved me many long hours of drawing every letter by hand. GABE WOLLENBUR6, you have a great knack for timing. Thanks f o r making the video script happen when I hact no idea how to even begin the process.

FEATURED SKETCHNOTERS: Binaebi Akah, Creighton Berman, Boon Chew, Veronica Erb, Jessica Esch, Alexis Finch, Michelle George, Eva-Lotta Lamm, Gerren Lamson, Matthew Magain, Timothy Reynolds, Francis Rowland, Chris Shipton, Paul Soupiset, and kyle Steed, thanks for your contributions. STEPHEN MORK, thanks for creating an uplifting and cool soundtrack. Your music adds an important richness and positive vibe to the video.

MARK FAIRBANKS AND CYNTHIA THOMAS, thanks for sharing your Translator space f o r the video shoot and f o r your encouragement throughout the project. JON MUELLER, thanks for speaking on the video and allowing my sketchnotes of your talk to become such a key p a r t of the book and video. I've been honored to call you a friend and appreciate your guidance in the creation of my f i r s t book.

FRIENDS AND COLLEAGUES , thanks for your reviews and feedback about the book and video in production. This is (A better book because of your help.

TOTHE SKETCHNOTING COMMUNITY, thanks for your support through the years. I'm excited to see where our community will go and how it will grow once this book

reaches new readers and viewers.

vil

ABOUTTHIJ LITHOR MIKE ROHDE has a passion f o r simple and usable design solutions. That passion, along with his lifelong habit of recording concepts and observations through sketching and doodling, inspired him to develop sketchnotesâ&#x20AC;&#x201D;a practical art that translates simple and complex ideas into easily recalled bits o f information. Professionally, Mike focuses on user interface, user experience, visual design, and icon design f o r mobile and web applications at Govnoll Research + Design in Milwaukee, Wisconsin. As a sketchnoter, Mike provides live, real-time sketchnotes of events, meetings, and experiences in venues across the United States. In his illustration practice, Mike uses his unique drawing style to amplify and clarify ideas. His work has been featured in REWORK, the best-selling book by Jason Fried and David Heinenleier Hansson; The $100 Startup, a best-selling book by Chris Guillebeau; 11 CI The Little Book o f Talent b9 Daniel Coyle. Community and sharing are important cornerstones of Mike's philosophy, as evidenced by the creation of The Sketchnote Army, w e b s i t e dedicated to finding and showcasing sketchnotes and sketchnoters from around the world. Mike has also shared his thinking, design process, and samples of his design and illustration work at his personal website, rohdesign.com, since 2003. Mike lives with his wife, Gail, and children, Nathckn, Linnea, and Landon, just outside of Milwaukee. He's an avid Green Bay Packers fan. Learn more about Mike at rohdesign.com.

CONTENTS WHAT E

SKETCHNOTES? • Sketchnotes Were Born of Frustration% • How Are Sketchnotes Created? • Can I Create Sketchnotes? • %decks, Not Art% • One Step at a Time

•

WillY SKETCHNOTE?26 • Sketchnoting Eng M i •• Sketc a g e s Your Whole Sketchnoting Creektes ot Visual Map n d hnoting Helps Your Concentrtio a n • Sketchnoting Taps Your Visual Language Sketchnoting •• Creating I sis Relaxing Is Dynamic and Fun!

LISTEN UPI 'of

• The Ke9s to Listening • M9 Listening Approctch • practice Your Listening Ski IS

ErcHA P OE torlive

•

c Resectech

• Gather Materialis • Arrive 41,9 • Cr'eate G . • SketchnoteTit/ • Photograph • Scan, Tune er Post

• Anatomy °fa Sketchnote to Pinish • A Sketchnote from Start

SKETCH4OT mo. APPROACHES, 1HIE RCHY, AND PERSONALIZATION122 NG te

PES OF • ge atti me s k 0 e t c h n o t i n 9

t I n k A proach E I C I H N O T E S 8 • Two-stage Sketchnoting • Two-stage Penc • Style Plus Thinking • Two-stage Rough to Refined Approach • Structure, Then Style! • Creatiny a Hierarchy • The Art & Structure Scale • PerSOnaliZO,tiOrt • Sketchnotiny Patterns • Commentary • Linear • Humor • Radial • Whims • Vertical • Path • Modular • Skyscraper • Popcorn

• Patterns Are Startin g Pointsy

KILLStelt TEClitgliQUES SOT COWING • Sias &Techniques of u A •i c StetentS D r a n t • 5 Basic elements EXerCiSe •ht r a t t i n g PeOpte e• Drawing People exercise 5• Praying faces e• tordOing f aces exercise s • Drominglype n • Drawing 'Type exercise l • Penmanship e • Drawing Visuat elements t .130,11aavistwayubrar9 EXerelSe • Visual Ubrox s • Drawing Metaphor loots for SI(etchnoting • • S

INT OEY ' T O N \

IT WAS THE WINTER Of 2006 AND I COULDN'T TAKE I I I- was done. Fed up. I vowed not to take another note with a mechanical pencil or ANYMORE. with a giant notebook until I'd found a better way to take notes. Thinking back, I'm not sure how note taking had become such a burden. In high school and college, I enjoyed expressing ideas visualltiâ&#x20AC;&#x201D;easily blending words

with drawings, diagrams, cknd typography in my notebooks. Somewhere in the process of growing up and getting ajob, I lost my way. The relaxed, visual note-taking approach from my college days had morphed into a fanatically detailed, text-only death march. Ironically, I became a great note taker who couldn't stand taking notes. The solution to my note-taking problem was a blank pocket Moleskine, stacked neatly on my bookshelf. I'd bought it on Ck whim (A few months before and I realized t h a t its small size, paired with an unerasabte pen, could be a perfect way to challenge my overly detailed, note-taking mind-set. In January 2007, I brought my Moleskine and a gel pen to Chicago f o r a conference to try sketchnoting. Could I take fewer but better notes? If I focused on quality, could I live with seeing my mistakes in pen? Would adding drawings to my notes bring back my joy of note taking? Could taking notes become fun again? The answer to these questions wcks a resounding yes! As I captured my f i r s t sketchnotes, I was able to stow down and listen f o r big ideas. I loved the no-turning-back attitude of using a pen. Best of all, I had ck great time taking notes again. Ever since that mind-altering experience, I've been working hard through my Wog, The Sketchnote Army, and at live presentations and workshops to share my passion for sketchnoting. I take great pleasure in talking (About why sketchnoting enables you to take better notes, explaining how to create sketchnotes, and persuading people to give sketchnoting a try. This passion f o r sketchnoting is

xii

what drove me to spend hundreds of hours writing, illustrating, and designing this book. I want you to enjoy taking notes as much as I do, and I hope that by the end of this book you will.

WHO IS THIS BOOK FOR? Whether you believe you can or can't draw, I'm here to tell you that anyone who can make marks on paper can benefit from this book. Sketchnotes Ckre about hearing and capturing meaningful ideas, not how well you draw_ Take it from me, you can create sketchnotes• In this book, I will show you how to draw simple objects, create custom lettering, and use other hand-drawn elements to help you express your thoughts visually. Even if you can't draw a straight line, you can learn to sketchnote with a little practice.

cfrifoos3ANG? Use Pyiptc,p(es• c 4c+Iiav1 1 ç ; re‘pIe pctAet.us l e e t T W O -SlyDAJG'• 1,144a4 imi5sC11-kue • k raiNc191 E ' W 1 e e g p e e , , p k e .

0 Pi/5R T R i

. L I, R u 0N R I c r o i o f cof 6o5 1-QutoorinfW

Id-ad-1cm5\my' v o -k 11,1Y P'aikl - otAil (4,,AmZut t e c,opeovkAi rfieS eArIvy A 65wa i • r i c ,5TC:Rtv1 IN G SPeti NTS w cw,vt fuei - s 0-f-;AutsEi5+ t49,st i e 5 tAp 6/v40 w 4 t o l ti h , t i d e c t c

My f i r s t sketchnotes • 0X Intensive 2007

02Ate,v 144 i 55 -r Tt,t;--5 . 5 , 2 e a 5cm Ps ssOLATWO, d1 a t r % t A ep tr -i k c i r a s , kJ,,tAvica h s . V 1,101•44(idechl coAst;g4 A L / / -R e 0 I 1-11 G ' -, 1 4 0M r 7 1e / 5 <rztl-45cm-ekt,i141 6 0 [5L v- e v vvr 4i ,tz,"/1/ e1„,c 14[(( 4eAa el s* / 01 FAQ-OPE A 4- - he R A k ( e - 4 - i t ) V / 1• , , 1 70 1 4 v( 1 . - 6 1 eK 5 1 , 60 ,i 9 9 y ! 1 ek A 4' r j 1 A C 4 4

DONT stAmiNAtre Rksks

WHAT IS THE SKETCHNOTE HANDBOOK? The Sketchnote Handbook is a simple, ViStAat Manua( designed to teach you basic sketchnoting concepts, ckpproaches, and techniques quickty, so you can s t a r t creating sketchnotes ilinkYlediCkte19• Each page of this book has been lovingly hand-sketched to show you how much fun it is to learn from notes that incorporate pictures and words equally. Rather thool write a lot of words ckbout sketchnoting, I decided that if I was going to talk the talk, I'd better walk the walk (or, nlaybe, sketch the sketch?). So, I created the entire book as one, long, fun—hopefully inspiring—itlustration.

gi CI T E P h T T E

ASLL___grogb ( 1 Hike to oso W h o m e 0 to find photos of t h : for rviere cspeaker . 7 oft mg title page. 1 , A compfoted title r o o d g to go. , 1 7 / ONCE I'VE SETTLED IN,1checkthe topic aandthe speal,er's name, verif g spellings and sometimes 7 4 find a photo on o f phone to create avisuallg m interesting title page f or the speak.er or the topic. 1 , complete my title before the 0 speaker begins, so I can focus 0 on the talk rather than rushing to create a title at the start 4 of the presentation

The Sketchnote Handbook • Chapter 4

X I V

SKETCHNOT the tall< begins, EWhen listen, sgnthesize the Ideas h e a r i n g a n s t a r t drawing w h ' about as tthinking I sketchnoteS in m9 sketchboo l,

0 H

J2 ,.nrgou / ' ' ' t' ' ' Z1,•"="2',:=2= Po M E •';:,. a -,-.e: ,- __D.,,A

: R i x w PHOTOGRAPe W h e n I'm done s e t c h r i c o t i n g , I shoot photos of rjaTATuell .h , ,et.chnotes.Tihs Rkoilykti E rC9 s ,IYAmediostel9 S h . r e w gwhat gou've r created via social e media, and photos e a serve as a good : haaup 9 " ' " ' a 4 n ; 1 L . t W sketchnotes. I t t r ts o o , s 9 like to shoo 0 . t h F. g s t as . s.glo P h o , t o s O of e moro detAll and to view on rool,Ile deocos. m P :

121.

ize.v,„„E r

yaw: 5i n d a n e ,=p 'tRo :wi lal ,r s ,l = , ; . F , v1HING

THE SKETCHNOTE COMMUNITY Of course, I'm not the only person in the world who sketchnotes. I'm amazed and energized by the wide variety of people all over the world who create and actively share their sketchnotes. I love the sense of community that has sprung up around this process, and I've made a great many friends through sharing and discussing sketchnotes online and at conferences. I invited IS of these friends—leading sketchnoters from around the world—to each create a two-page spread for this book that shares a bit about who they are, how they came to sketchnoting, and a tip or two to help you take better notes. What I hope you'll notice from looking at their work at the end of each cho,pter is that everyone sees the world differently; everyone processes information d i ff e r e n t l y ; everyone has their own, unique style, and that's part of what makes sketchnoting so much fun! There's no right way Or wrong wcty to do it. I will teckch you the basic principles of sketchnoting, but the reo,ljoy will come when you start creating sketchnotes and discover how taking notes can unleash your creativity and make paying attention, even at the most boring meetings, something you look forward to doing.

REACH OUT As you learn from this book, I encourage you to share your own sketchnotes At The Sketchnote Handbook Flickr group (www-flickr-comigroupst thesketchnotehandbook)- I plan on hanging out there a lot, and I'd love to see how you've taken this process and made it your own. You can view more of my work and contact me through my personal website at rohdesign-com or on Twitter at twitter.comirohdesign. I look forward to hearing what you think of the book and learning about your sketchnoting experiences.

IT'S Til : . TO GET STI' LET'S ,11 tAJ TAKE SOIL.,. l i ' ,••••• : D . 6 R i J, O T E S I ,,/z) A W .

CHAPTER1

hatare

SKeCH TES?

SitElreffHOISS ARE NCH VISUAL MoTES eRSINTED FilloMA MIX oF 11 HAND DRAWN IYPDGRAPHY• 1 SHApgsoAttio ( U A L CLEMENTS A LIKE AIRR WS/ IliwYES (MIES. N —0— e D W R O TI N G, I

SKETCHNOTES WERE BO

44, L, 6â&#x20AC;&#x17E;,

â&#x20AC;˘

W A S M U S T , T E D by the highly detaited, text-only notes I was taking at conferences and in meetings. The stress escalated as I worked hard to capture

IARG!

every last detail in very large, lined notebooks. Worse, I never looked at my notes after their completion.

THIS!

A PENCIL /was so worried about - - - - 1 making mistakes, I took hly notes in pencil, so I could erase any errors.

A LARGE, LINED NOTEBOOK Because I tried to capture every detail, I needed large pages t o store all o f that information.

eci ectelo

GIVE UP T and

S â&#x20AC;˘metalling

to* vo, '• I 1 ,tt a 1 m 4 1 w 1 t1 . 1 1 1 4 „? " te t iV * 4 % t A 't , 1 .t 4 "I 4 M M 1 t A 4 t) ( C " V I A A ' 1 " 4 4 4 V „ 6 t t , t 4 4 7 1 ' I t t , 1 1 )

. t V4 d h 3 .( 4 o t A- k 4 , 4kAA. VA I M v n u t wI o t r r y i n g a b o u t e v e r y l a s t d e t

( 1 •I •, • t , , A . 4 1 4 4

t 1,4 ,

1. 4 144,4 1,144 1.11 W i 144 4 N i444I 1 4 4 4 4 4V V 4 , , A 1 4 4

I re/ xe LISTENED -

ou-)inore

INTE TLY, 0

• •

,And

IFCUSED ON C A P T U J I N 0

INSTE1"D of tain9 a

PENCIL

atroK

v )(SELF i PEN . ,tA roirSKINE r SKET L cH13 o P , Oc '

1 1 1 1

CHALLENGED MYSELF to write and draw notes more

1 erat waseitzloyliNeitlis P 2 b 0

THIS NEW WAY OF NOTE TAKING)

F a

U a

N 0'

I was able to focus on the BIGGER PICTURE, expressing CONCEPTS with drawings, type, and text.

ATUELJ..S1

i_ta dwril 6456r r cow etP lorn 15 tl째

* I CoINEDaNA E * ivr THISPROCESS:

5Ket'•

SKETCHNOTES AREN'T DRY AND DETAILED BUT ARE Simple and Clear.

personality WAS BAKED INTO MY SKETCHNOTES LIKE CHOCOLATE CHIPS iN A BATCH Of

chocolatechipcookies.

SKFTrt • . '. rs0S SUM_ • ,J T E a r e

They're built from meaningful thoughts and ideas your mind collects and squirrels away during:

TALKS 1 1PANELS

— I f

Experiences 1 •-•( , 1 ) ,

THIS VISUAL and HOLISTIC APPROACH to note taking engages your mind so you can understand the ideas you're hearing wilile activating your hand to turn those ideas into concrete, VISUAL NOTES.

BECAUSE YOUR MIND AND BODY ACT TOGETHER, YOU CAN RECALL MORE Of WHAT YOU HEAR AND DRAW. 11

SKETCHNOTERS INFUSE THEIR OWN

SKETCH

TES

ts JNALITY o o

c' 0 0

0° , - , 1/4#

111 PrusF -K i 1 A Fromdrawing and handwriting style tol the ideas included and how those l ideas are expressed on the page. —v— A C o d , 5 1 , 4 1 0 1 ; \

Cooto10 1 "

R ere, EACH SKETCHNOTE IS UNIQUE EVEN THOUGH THE UNDERLYING PRINCIPLES 1 Of SKETCHNOTING REMAIN THE SAME.

How are sketchnotes CEATED?

SKETCHNOTES are crectted in real time while listening to a presentation, talk, or panel discussion. To sketch note, you listen closely to meaningful ideas, consider what the9 mean, and then create a visual map of them. The goal is to forgo the details and instead listen for big ideas that resonate, converting those ideas into visual notes t h a t include both words and pictures.

MIL-alger JU create sketchnoJs with pen and paper or digitally, the approach is the same.

THE M I E S T I O N : •

•

Canyou create sketchnotes? 1 . ( KIDS draw • constantly! • • • You were a kid once: 1bei you -drew like crazy.

MANY PEOPLE tell me they can't create sketchnotes becctuse they can't draw. YOU can draw; you just need to awaken your grade schoot

Ana

They doodle ideas with ease and wilt

draw what they imagine without

a second thought.

\ A P

1 KIDS1 VAIN TO EXP1SS IDEAS. They don't worry about how perfect ( their drawings are, as long as their

I D

A E CONVEYED.

5 asic Elements â&#x20AC;˘ CIRCLE S Q U A R L T R I A N G L E L I N E

EVERYTHING YOU WANT TO DRAW CAN BE CREATED WITH THESE 5 ELEMENTS. Can gou identifg the 5 basic elements in these simple drawings?

El'

ONCEYOU REALIZE how the objects around you are made from these 5 elements, it becomes easier to draw all sorb of things.

TI wat ,

di0.0 • • • •

• • • • • •

dolma a m * l a m p

•

••••• a n f t

• • • • • • • •

. 1 0

Sketchnoies are aboui capturing and sharing ideas, not about art.

• • • • • M

O f t e .

. 0

m e

m o o o r

b • • • •

SKETCHI\OTES

A E WAY TO \

kCsIN USINO AGES I WORDS I Pi / A T E ••••• o f t * ammo . o . 0

O f t ,

owe I M O

•

m o w o m o goo. • • • • •

BAD DRAWING G O O D DRAWING

Either wa9 it's still a dog.

â&#x20AC;˘Even the roughest drawingscanexpress ideas effectively. INSTEAD Of WORRYING ABOUT WHAT

YOU CAN'T DRAW, START WITH SIMPLE ITEMS

YOU CAN D 'PAW.

The chapters that follow and lots of practice, will help 9ou build * your d r a w i n g s k i l l s . 19

NE IISTEP

AT A TIME. WHEN YOU'RE STARTING ANYTHING NEW, IT MAKES SENSE TO TAKE IT SLOW & BUILD ON SUCCESS.

14 0:,."‘- % r c4e, s,0

•

t 1,%%1 0.•%

-• -•

3 . 0 1 4

Take the first step: Reserve a small area in your regular notes to try some sketchnote techniques — even if it's a drawing of the speaker.

As you experiment and try out the simple techniques in this book, you can add more toots to your visuat-thinking tootbox, and as a result, add more richness to your notes, one step at a time. •

•

RECAP got+ Regular notes were frustrating, so used drawings to help express the big ideas. â&#x20AC;&#x201D;3 Setting limitations helped me become more deliberate with what captured. Sketchnotes are rkh, visual notes that act as a map of the ideas you see and hear. 0 4 Keeping an active mind and body helps you engage and recall more detail later on. -410 Sketchnotes let you add your own personality, creating richer notes. You can draw nearly anyhing using just a square, circle, triangle, line, and dot. Sketchnotes are about ideas, not art! One step at a time. Build on success. 1 1 N E X

ikvticiA-ao

) E 5 P E Z c-fA pee* l0 r yEk a.

1 ci-csaCtvia-tercobs -1-zâ&#x20AC;˘e\iercisi-(1419 rb

e i r ( t Do r i i - 1t r d Ai. a zC f no t t qr A i

tapp

a x- u30-11 o r o . 4( Y atA)kckY-e-rd 1 f t i , iA r td cd;1(4e5po-ce w ) w 5f i , 6 v

r I 1\ r A v,odliu35 l 6

fips gt Trict(s I:15+er\ for- -Ole -141( . ti)0 0 093 - n1 4 1oa 44 -1 rf y ( A e rl l . G e r a GO ( ; t a r1 9 veo kA , l zt oiea tVe t5 ok_u

' I L C a n A M A . )

,) : 1 6 &

) td o . 416* CANS* uth'fe, - 106 3V I O , f 0- ke:1-d,\06bK 0c ( c o iN i e -c

fly 2 abbrahi 4 "' ; ' Curren+

L e : 5yrof6 P tcte,o,t-fGoci:t1•03 o'(e e go(kt 9 v •6( 1: „ 4 JrifikaWg" 7' & , r a , •a Voct*e 13'M (cosn 1:110-1( rola' 1 / i r p o t r i a . c A ( c

d ri l es

1otita4pt5 84er fakes

CRIUGHIoN MR Mli t'M?(LIMP•RILI INTFRFSIEB

IDEAS bECIGN ENTREIRENEvit

LOSTED tof DOODLING611 Arc D F S K

FIRsiGRADE

1 - otpc 4 8 L E 1

..... ANDe Coln.% jfilk ficEfal It)010 (OA c a l o o L )

. . . . . . . . . . . . . . . . . . . . . . . . . . . . .

k (orsicePrst I r ti'VvVI g 2 . ,n 1 e t 4 4 " , vE CYVKAA , ) POrWwwy, E A R E s s 3

tXERcISE Ioviz 'MENTAL cAckE ll

1 1 t lo c k ' f 1 / 4 , 1 s

I k t o ' c

FUNNEL Aj INFoRmAtioN to/ i4 , ESSENtiAlc EINIHEMF ( 0 % .

VIEUALTLE

411 eP nip

i br o lP o R t fT 4 A ; cf f e . ' c II4ESE ARE t H E cANIE E l d l i s y o u Qr kjc[ R I Z A I N S t o R m E Fuc s4 I o N : i A LICTEN +f 1)11.1)ow O r 1 4 0 ' c IDEAS f

nit)SE 14M

******i k l i c t 1 1 1 1 . 1 2 E ct

so ' cific i'13EttE t R A I N c To R m ! A l4N0 ' IING C .

alAPTER 2

11 V SqTCHN,m.,TEl

WHY SPEW& EXTRA ErIFORT CREAMING SKRIntlics'orES PLAIN 00: TEXT NOTES NNE 0000 ENCOMIA? BECAUSE SIKETCHNIOTONG ENGAGESYOUR MOM IN MORE WWI amid THeY ifeELPYou I REMEMBERMORE DETAIL T H A N P L A

SKETCH NOT G EllgA(• es

YouWHOLEMOND

•

•10

THE DUAL COMO THEORY, proposed in the 1970s by Allan Paivio, suggests that tile brain processes information using two primary (tunnels: verbal and visual.

VER5A11. * V I S U A L ' Concepts as words

C o n c e p t s

as inick9es 27

WHEN BOTH MODES are ACTIVE, YOUR BRAIN CREATES AN ASSOCIATIVE LIBRARY of WORDS and IMAGES with MENTAL CROSS-REFERENCES BETWEEN THEM. P G C AT < HOUSE

•• • • . • • • • • • • • • • • • • • • • • • • •••••••••••)

CAR APPLE

SKETCHNOTINe activates verbal and visual modes to capture concepts. YOUR WHOLE BRAIN is absorbed in hearing, synthesizing, and seizing ideas. • ••

iLl

SKETCHNOTING C EATES A

AMU

.munmeamAPâ&#x20AC;˘

When your brain codes verbal and visual concepts together, it's also building a visual map of what you are hearing, seeing, and thinking. 4

ENO/WING your whole bro,in has other positive effects, like improving your memory and remit.

THEVISUAL MII \ PYOU C EATE IA

Can help you recall the details of a presentation. I often recall thoughts, feelings, and other details when viewing my sketchnotes•

SXSW 2012 sketchnotes

eameftwq,

otliG GlrEttivoss&I-ere.ri

aVG $ K W @ M 6

T-4 OMG

1 F,FP C o s i s

created the talk title art

e H i c k / S 5 A1( nst i-reAcms i n g i z t i

3015 1 k °rPfg-N Ve 6 e i , , q M 4 4 QtAA.Lvt• Wtl Ork 4 H z,re oe F 0 5 H T x t ( 4 AP7G 5 4thmtvoi O sAw-mate g •••P ( . 0 1 1(44k i CHOOSE 4 4 5 e-i U . t. .d4 ) Tlig O a r g, em % RESPOD lR o e, R t2 i v RAniTEIR i A A rVa M tS

1I z E P \ I g C E • — Coifs ; 3 0 4 0 ' c U '

HOURS

57orPo VesoIteotiw N u l l at,tuvwt•a_e poll( 4 I

-fr , t O k l o w 1 < i k i r e A P A s

The idea t h a t RFPs

RF — wcr") , to start. / had Qt fun drawing ,,, , e z d a i r the lettering. EvERYRFR R.FP; A b a i - q t , e , 0 ; I CAN STILL A 0 1 . R E V I V E MY -f, t 1 "Aloolop. -8 THOUGHTS The pie chart came to me early in MI 6+-4, c o m 1 e0 141 i the presentation I t turned out k YEARS LATER. \tt a bit like Pac Man, which liked. - f i -c while waiting f o r the panel

a0 t4 ,5 t ( e s t

iyolV

Compwdes tprv

mitpt

RFP5*e. cipaftrAl+ies evq(Vqk q6IieAk+ q5 A ve.dat.

could be so expensive to pursue was very important, so I captured it as a bold headline to focus my attention.

iN AN EXAMPLE STUDY, a group of 1 40 v o l u n2-minute t e e r sphone message. 20 of the participants a monotonous l i s boxes t e white n listening, e d shaded the other 20 simply listened. t o

e I A S 30 R R

l 2 " '9 N U P I S

THE GROUP OF 20 DOODLERS l'PECALLED % MORETHANTHENON-DOODLERS. Source: The Guardian, Feb 26, 2001

SKETCHNOTING HELPS c r u r C O N CREATING SKETCHNOTES from the ideas you are Cheo,ring helps focus your mina on the present moment. E N When your mindandbodyare working in tandem, there is Tlittle room left for distractions. R A T

Ci) Asyou practice andimprove your sketchnoting techniques,

LISTENIN6 andD 'PAW/NO at thesametime will feel more

WHEN I SKETCHNOTE, I'm completely engaged with what i'm listening to and turning into

Sketchnates The focused activity of listening, analyzing ideas, and mapping those ideas on paper puts me

SKETCHNOTING T PS _g a g -ADETAILED A SIMPLE DESCRIPTION DRAWING u 째 V . S U LComplexideascan oftenbeexpressed

MN)) S

I n u l l i t u l l i l l u t l i r t H l t I V I M n i t 1 1 1 A TREEtis a Wood r i perenniat plant, 1 typicat19 - having a 1 single stem or trunk I growing to a I [ I considerabte height F (

and bearing lateral branches at some distance from the ground.

moreeffectively as drawings.

Drawinganideacanoften take just a fraction of the time neededtodescribethesame ideain verbal detail. o

tt's THE PYRAMIDS

o "0 o C ; c .b THE SOLAR . SYSTEM 0 \ 9 : O c "

ROCKY MOUNTAINS

KANSAS TORNADO

Thisis especially important whenyou're processingideas in real time, andideas arecomingin fast.

SKETCHNOTING IS

WHENVTOOK PLAIN OLl NOTES, WASALWAYS

R1ED+ABOUT MISSING •IMPORTANT DETAILS. --+-0

SWITCHIN6:n.2

S ETCHN TES

e 11 c 2 LF G E O ) THEMES C U ,41Dk S 0

O N VISUALLY.

I was able to relax, listen for key points, and capture those ideas

• •

•

• I j 37 J

C r e a ti n feeling I get from being The S completely connected while k using my full verbal eand visual thinking skills t keepsme sketchnoting. cSKETCHNOTING allows 9ou to relax, in the speaker's points, handengage have fun turning what's in your into visual notes you'll want to nhead share and refer to again and again. o t e s

Irn d 4 F mc â&#x20AC;˘

ECAP W M process concepts in verbal and visual modes. + D Using both modes creates cross-references, forming a visuoil map of what you capture. u a Your visual map can help you recall details l days, montls, and even years later. c o Sketchnoting improves your concentration because when you're engaged there's little d room for distraction. i n â&#x20AC;&#x201D;3 Practicing your sketchnoting technique again g and again helps it feel more natural. t h. + Sketchnoting can help you get into a zone. e o 0 4 Simple drawings can be quicker to create and more effective t 'Ian detailed verbal descriptions. r y s--+ Sketchnoting relaxes you; you let go of details in favor of large ideas. u g NEXT: LISTEN LIPI g e s t

Lekyour

sketclies

(( a

dofile istelitiAl •»)

4 0

- ) ) ) )

yiThTYPE

ccwitich

\ivytom. IA • 0 111., w 3O u k m 0 o4 0

ir t \I

itvOrilp ?e,v1 come -6 here w 1

3 . N O

04 k A wlO S A '

N/The, dim? f. deerful 62116061 tiv 5• c P e-

Lit Gireo el/ me ma/4er — lilies 6)6) A Bc

Kowvie_ is EROWIIC/N Pma LAPesisy‘ele. v\14sinitAlwi t Dc.

Look --'7 cut o%A., 'Ictta 0 3 k 4 r s covi'ID• Thrt c l u e 11%. zolo'r+ 011 S o,c- Itatk getialole• 4 131 CIEIIPT1100 412AxIDES 0 - \USf - 1149 ovus5lt feted o t1Q1k. r) 0 02 .o,

i sv4V(2Azis ro\iski i t 1 W • S P Et 2 # s, X 44 ohittis v is i f o c i t i L - p d i c j v i . e e l l o b ( mote yleytArt-flAdltiAt 4 Vi011SPOUW.0 T t e _

DecAh) 11,Co cvf$ t. co vi l f i g ® t g g b 11 6 4wo Itittizs i awn\ l u t 0 1 9 ; thAtleA4 k t s N a +ANL - 1ptsk 1 N 2 . r l

grelatIPts6ckticiin rtvadite covvIngilii v .fUlfa. &c.a,e I c 9 ViS0.21 V00041901de1 T t e " lugs 10 \ 1cle4s

comed ideas Alk N a D: A -S . ,

T ! E4 c i,t.r A z a X 1FCI4kazzzalz= TE olvolCORR ) RARON ma+HOER w_crl 4 rcgil Ri k 4

tuntyn-RA 5 614(cl2.gcow 9ie4 1 ecAcietIA-avlaconvywiictkivi. 0 Now I ,11,14,1t.FrocEsts: h66s.

iS ca

â&#x20AC;˘111<?=1 lek.) covt( t o c i l ' ,16 I t 0 P=114GIM m c Lir Atom p t eE&CAR11\(DiTE l f L,NAbyMAKE. " Ivck,4v-4 T i eGooc m + a

CHAPTER 3

1 1 5 3

• • = 2 4 : = = = . 1 . r c o m i r _ . _

t a l c i n

•CAPTUIVNG cREATING 5KETcHotivrE5 BEGINS VOTH ACTIVE liSTENING SKolbS• AFTER ALI D ACCUIRATsLY 0 ot u EFFECTIVE SWEICHI4QcrE5t eODEAS t t Y0OmTo oe m i r MT aU R l Pt 4 HT E H AOR S I EN G I D

C \ t h e K E Y S t o

LOSTENI o• / FOCUS o s ELIMINATE e MIME SE m e % •

your attention on the speaker.

the distractions around you.

yourself in the presentation.

\ % , 1 6 0 1 . 0 0 0 . 1 11 . 11 V 11 .

hn Ar

y 1/ S temenst oactively U • MIND can u CACHE IDEAS / r (0)T rPATTE NS. ( ( andf f l

ACTIVE LISTENING can help you synthesize and capture big ideas as sketch notes. •

1 + 6

•

M Y LI TENIN6

A P P ACH

E c r MyArent,on

y focassitlg 0) - a the -

b 1111.11 b " b e frea o i f e d n d y g a 9 C P intol-bc,â&#x20AC;&#x17E;61 1.: I c e 1 s ecet O tw w , s el e c"f l i b o . f . eliminating he i t 1 p it alerts on l lsn e ni ae 4 1 u s Y e a ti sf P f k c r. e h a e o af i l t e :s rt . dr i :i 'c no u o d s e g u

EFiLitiAlle 'NATE and tve isfractonS

IMMPSE My Mind INTHEPresentation giving my undivided attention and managing distractions allows me to concentrate completely on the message being shared. When I'm successful, I'm absorbed in the ideas I'm hearing and I'm able to synthesize them and process the information on paper.

CACHEIdeas Through practice I've learned to hold an idea in my brain's cache area â&#x20AC;&#x201D; a temporary 0 space where I store thoughts \ I , -/ 1 - listening for the next idea. - - - - - 4 , ' /while ;---0 I sometimes use my cache and 1 combine it with ideas i have â&#x20AC;&#x2DC; I i i r c l i a ' l 0 on paper to help identify connections between ideas. % 0 m i d

LIZ

d o h o bl o 0 1 1 0 1 1 1 4

EC 6NIZE Patterns When I'm listening actively, I can often pick up patterns in a speaker's presentation. Listening for patterns helps me illustrate those patterns in my sketchnotes, like these:

e3 P I N T

SE M N I â&#x20AC;&#x2DC;,

3 clear, logical steps â&#x20AC;&#x201D; much like a sermon.

MEANDE IN STOieYTEILLIN6 3 seemingly unrelated stories t h a t connect a t the end o f a presentation.

I \-/'

P Acta y LISTENING SKILLS! our LISTENING SKILLS STRENGTHEN WITH USE. Find opportunities to apply these listening techniques at meetings and conferences, and while watching video presentations online. •

•

Asyou train your ears and mind, your ability to listen and to capture ideas will keepimproving. •

ECAP -Raring 1111 curate information. * C aâ&#x20AC;&#x201D;+ When you listen actively, your mind can spot patterns and cache ideas. p t0 4 Give your undivided attention. u râ&#x20AC;&#x201D;9' i Eliminate and filter distractions. n immerse your mind in the presentation. g s k0 4 Cache ideas. e J" ecognize patterns. t c- 4 Practice to improve your listening skills h at every opportunity. n o NEXT: THE SKETCHNOTING PROCESS t e s b e g i n

1 1

P6A[46(-1 4 1\1 . t MY ot,I) t\lo%;

RrnAH mik(N 1(XPc-

6 l MI Izotilk" i g

Dowt t301 ,R - oi cJt)(keJ6v, 40b— w.V - Juq Aso -'Jur

(1;'e W-crM 4I kiga% p NA e6mow w

-nloo

cieto

, i l s p l o 13egarrLe w HAVE'Ac 1131,Kit_

KOZO cMNAk-12- I'Mec

( MICid0 Mt( OVA)Jog

cCkgEMC (k:g 111 ktJ 1 3• 1 & w e ;

ito*11,1 240((

tA)111-{

YOURceLF

DoiTt tluD6E

1 1 )

(4-ty

Lo pa r

i4I ItTAW( 6 1 2 • 0 2 6 -

0itylC1/61t FL,CW -IT /s:1 PiJe -rtst Lt( 4A\v\JEUE„» , V ion (ruko bkp4 , C(A 6K/ -

0_0_1_ _ - - - . • m • • 1 1 1 m E m m m i m m • I M M E 1 1 1 1 1 1 1

f f : 1 $ r t L i c : • c : _ ) 1 F a g

vN./o'RN7 WoRW0EDS 1,10RpsAT,cuEs

• ••

NI / H e t " P Dt5COVEBED A c

f5000PCSq /

ki,\t e • •S.TA'( s IN rvi' , 4

inv515 1 liGv5 pRA,$) Nob:re/ER St

o, l I s'Sv••• <CM Ee 0 4

1 1 4 1r141K)1( IT E IVP6Plogr I R

N o iA RAISIOCA I N 'S••• vot_1,4)vo

Let_ow ,I —cANI S tK E T " y ( a t \l t

iiN-‘ P I T A 4 "...771E7b0 I SCIAOOL

P t )

C t

o 4

j s t k R I V C t i \

1 1 0 1 . •\ °

PATA oP PiScOS5e0A>

THooco t

I TiE14 C o M t t a r l —

1%13T culgQ,gg

b v i r

Aori comrft%Rskrre7

•

sot/ t visPibloCt 00j 0Cool_

fRoft eikto ,t01S3ecc; vot- t u k e matikA. E e I V cOr 7

, ,0 i4013 Tkek -

kof Li 6T 0k P EKE AD

4 600D py, AC,6

11(Vrol - N-- ‘ CD S A 3 < DE 4 17' ---

S1NU6 00 C4' 3C/M 4 V(0 C 0 its30 c•AUFN , k4kk 0'5 To V W 0 E N 1 e l “

L i r-

Ij Qf

a AE.00K:

-1KeA L-L-• ? G v I i I i ' • \, A J O U T>

S E

E ,4 \1 : K E A - 1 / CA A , 1 1 A S

GO1PE

TO U

1,m‹ 1 R -A 0 - 1 0 w.

rgACEI

A'PV1KE SS • • •JIT E

/ -4C 1 vi C 7 11 \C T e N C I L • C I S fAVES P I A IA 1 A .N I 6 Vol tiT 1C A 1L 14

'51 7 44 -1c-Ao, n_ t4tkRs E NSTI -

towp A p s N k s e;71,sivIsaL f t 51) <

Et6IE'R

g A M

t YoulkE DRA)4 omt, \/,/ -R. oN ao.A So cActIcr c

nmoo,. t " -e 1. 2t 1A o C M - ' Tf " l Oo To i

714 y

(41 FINI) IT c5f.S W -E Tf.EDO S

1 hlr o oI k t C NoTE I o r L t I A o t A et y l R k

t k tu, i x i 1 0 1 Co Loi • •

rlicRok)

pgtsm4 eoLoR

CD 15

totS AE

fiAAS

crs) ®,,,)Kig•prt -

1 coocEtAla•coiAl eAc4N-Ink)

CHAPTER 44:

A n n YEARt oF RIPER IENCE DEVEIPPED MOWN sicETCoogoroma PRoCrE55 THAT WoRKS WELL FOR ME AND CAN HELP You CREATE A pRocESSAIR gm% -e o

E E A E THESTEPS FOLLOW WHEN SKETCHNOTING EVENTS: I.

iPads are great tools for research before and at an event.

Before I arrive onsite, I research the event, the speakers, and the topic.

RESEARCH GIVES ME INSIGHT and confidence, especial(9 when sketchnoting People or ideas that I'm new to.

S as as anbackup addition o to printed pages i illy electronic research tools. k y ) e t i m e s I ' l l b wokod - • •• r 14 •••• • • 6. . . . t o . ' i

-•a

3 • • •

•

• ••

• • ••• •

• •

•

• •

•

• •

o • •

•

GAME MATE IALS

GATHERING KEY MATERIALS before arriving at an event is critical. I like to bring two or three Moleskine sketchbooks; multiple pens; and rel9 iPhone to access photos and research motterials, and to act as a flashlight in a pinch. A book light is useful if the venue is dark.

ALWAYS BRING BACKUPS You never know when a pen might run out of ink or a sketchbook might get damaged. Bring spares along to be safe.

500 1d ig h

A f e w years ago, I was a t an event in Chicago when my sketchbook literally came apart at the SEAM& Now!always carry at least one spare sketchbook, j u s t in case.

A OVE EA LY I arrive at a presentation eart9 and scout out the best seating. Spots underneath lights and ctose to the front attow me to hear and see the speaker.

SITTING IN THE MIDDLE OF A ROW can reduce anno9ances or disruptions if others are coming in late or leaving eart9.

Seek out a light source.

Choose a middle seat.

1 59

CEATE A TITLE

A completed title page, ready to go.

I like to use my iPhone to find photos o f the speaker f o r reference on my title page.

ONCE I'VE SETTLED IINI, I check the topic and the speaker's name, verif9 spellings, and sometimes find a photo on vn9 phone to crectte visual19 interesting title page for the speckker or the topic. â&#x20AC;˘ Mt

complete my title iuldfore the speaker begins, so I can focus on the talk rather than rushing to create a title at the start of the presentation. 60

7 T E

When the talk begins, I listen, synthesize the ideas I'm hearing, and start drawing what I'm thinking about as sketchnotes in m9 sketchbook.

ATIRM6 THATYOU D R u f r e s DO -->iftwd, 77 ' 176 ei E w oR Gaf T s 2 V 1A " E E qs 4RS ; f , _i novo "(f 1 , k 5rE r P 1al A • r A completed sketchnote. "- t " 'f t r ".N o , oy ? , 3 ' T When I'm done sketchnoting, 1 A • I shoot photos of m9 I I sketchnotes. This is N

PHInT

a great way to immediately share what you've created via social medict, and photos serve as a good backup of your sketchnotes•

I like to shoot each page as a single image. Photos o f single pages provide more detail and are easy to view on mobile devices.

J a n ' A / f U e l e the M E t t n U 7-RA1 ' Hfiti6 AT 15 '14r° R .? : S KLA- R - E s A- & 8( V 7_ / E 11 R 21 ! . B ft wqs41 1 • t ? f 1 r 6 a , l 4 ) . 7

VER

,Thrort you LAOHvwd,

DR4i s t a

Z" " " • t V e . 1 + " '

s'rvA

C,A When I 9et home, I scan my sketchnotes at high resolution, ackius $ t he contrast, and fix any typos or errors in Photoshop• Final scans are exported to PNG formatted files for sharing online. T U use the same • PN6 files of my sketchnote scans E to create a P letter-sized, printable PDF S document. T • 10

•

US6 powered scanner

Sketchnotes scanned and

assembled as a P O F d o c p , erit

•

CONFE ENCE ORGANIZE share sketchnotes to promote their upcoming events to potential attendees because they capture the event simply and visually. Organizers often like to give away copies of the sketchnotes as PDF documents or printed booklets to their attendees. These after-event documents work

SUMMIT BASECAMP

well as hand9 offline references. This created printed as bookiet___"! was a g i f t for the attendees Of SUkritilit Basecamp by the organizers. Booklets can also work grectt as a promotional item f o r the organizers.

swicHturrEs out INSPIRATION coirfovot scopkw V A L I . " CA JAN27-30,2 01 2

N G

e t C 4i0 z i ° N3 1114- 1 4 • /14::cligkeic Ti f f r r w y Shlefiti / I 13,eck:t' s•e 6611z4ez N 8 4 o P f

frITE ANATC"" i c I've created a map of sketchnote elements from an existing Jsketchnote so you can see and better understand each element. *TITLES Titles are ideal for defining sketchnotes• They can include an event name, speaker names, date, location, and topic. Multiple talks at the same event can follow a consistent design for unity, or each speaker's title can be fun and unique.

uel l e ,r476 wRETH'IN1a s tfiemEDilum k e I5-1 t a IERB PIE t OPI -1 i / 1 „ 1,Rt TRANS LAM lz. LAI?) • 7 / 1 2./20 1 a • • • • • • • • * . or*••••••••••• ,, o

,,,

•••••

•

w • •

•

• • • • • m • • • •

•

• • • •

•

ilOU

H•ovoto

• ft

TAKE TIME TO CREATE A TITLE BEFORE YOU M N YOUR SKETCHNOTES.

D R u l m s

- WeAre ,- " •_ ,

I f virfiloil 1 I cop 9 0 1 ; 0 4 2 p t 1 2 : 1 -e , s • 4 / 4 r [ i 4 r iSv E eft' ot s H o w D 4R I Z, A

mrri

t s q 6 , 1 Wieti-z6 \ 7m ( i n 84grk‘A -• itS )C " H 4 A N t e V W -RiVIVAN 1-e . t l e c 9 V 4 1 v • sove,4 k11 4 7 ) - i t A t/ i t 45 t 56 1 ) c 1 k v , i i t Il T e H 1I N G 1

*TYPOS APHY Typography is usefut to emphasize ideas, create a hierarchy and structure, and even estctbtish a mood.

* D I M M S & D WINGS Diagrams and drawings make for more interesting elements. A few pen strokes can illustrate complex ideas quickly.

13:GtMiv(NG M 1 D D L _ V • 1 1 )

ELSMEFTSofASTORY

*HANDW M I 6 Handwriting is helpful for adding a detailed description if a diagram or information is needed.

*DIVIDERS Dividers like rules, dotted lines, and so on can help sepctrate ideas from ectch other visually, creating order and structure.

*AR OWS Arrows point out detaits and Can help focus attention on specific drawings, t9pograph9, or text, and the9 can provide a connection between multipte ideas.

SANrarAactsA plovvk t bkcig)eyvv) Sitte ...—Ape+ w t coupe' B- o a ' s Nei tsk) BoOSet4b6Yrit rtt —

*BULLETS Bullets are useful for identifying a series of ideas or highlighting a single idea among drawings or text. Different types of bultet icons can further define ideas.

-hrikt/ flo-ra . REsi sTEe,c6144-4040( 5,c01 â&#x20AC;˘-* Pt411-1 4 4 P5- Flerad5170W1 I N * O N P E R S TA â&#x20AC;˘ N D C O N T 1 ( * L O O K A T 11 - 1 A PFArc f- E N r f a T .

* i-teA c) Li NE + e o i

*ICONS Icons are handy to use throughout a sketchnote document to identify ideas visually as repeating elements.

*CONTAINE

10) I

Containers connect various elehients together in a single grouping to represent an overall idea or topic.

*SIGNATURES Signatures are an optional wa9 to identify sketchnotes. If you're creating sketchnotes for your own use, no signature is required.

sketchshort -

n z A r'N ' t 9 t+ 3 / \ I 0 0 " 9 i . 14 ' ie ComPeVrIVE (w e l l v i a " " W T O t s1 n t H o L1 e ceret stiow DRIJNA t ' etvlAsit4lit A/ N 0.5A -t 't .I -G . - / M I b (,L N E R )AC Vo . ' 1iorEklwel 0A bt s4; t-R q 0 lo tT 1 1 1 )4 01. e - t l e C t.tetvevrev Ate); 3 :I " /( i- A yg o 5w l \1 1\A / •,14 1zA y 4 A 0 to+ . ,4 _ e 0

0.•••••••••••••••••4 C . • • . . . . . . , . • • • • • • • • • • • • •

•••••••.• , • ,....,••• •••••••.. m • • • • • • • • . • • • • • • • , , t r , " • • • • • • • • • • • • •

••••••••

heorlitillib , / ), I l i k l YOU1, , • • . .

S1ratin s

4/ e HcrIA)covw

.••••••,„,

SKETCHN sTE

frr retâ&#x20AC;&#x2DC;pyr rNir,H1

To help 9ou see the progression of a sketchnote from s t a r t to finish, I've labeled each section with a number and provided a brief a e s c r i p t o n to show wh9 cknd in which order each area was drawn. The title creation was done before the event, using Ck photo of t h e speaker, Jon Mueller, on m9 iPhone. For the f i r s t idea, I captured "A THING THAT YOU DO." Jon talked about a snare drum, so m9 f i r s t drawing was of a drum. Here I've f i t t e d "DRUMS WERE MY THING" into this snug space on the right side of the snare drum drawing. An arrow points to another idea lower on the page. I added a "DO MY OWN THING" concept in the lower-right area. Here I emphasized the idea of snare drums being verboten.

/ W i t h t

radial pattern to organize the talk information. I'll talk about sketchnote patterns in Chapter 5.

•ft.

VIBRAMtiq 5 SgUNOS THWUGH So

e + 0 :)olvte4 f v v q 5 , tAft-t-LSOVotowt.—WLotote tPecorrA, ctv\A -1/4 bv \reit. 4 -1 AGco vNt ••••

Oft m g

• • • •

LITo ienoct ‘,,

Rad a, new nk0 InrqIscHAU , M E

SKETCHN tIE from STIVT to FINISH Here Iadded a drawing of Jon's drum setup as I pictured it in M y mind's eye. I added the titte after drawing the image. This description of Jon's approach to sending sounds through snare drums was key to the presentation, so I gave it focus with large, ALL CAPS typography. I used a separator to create a break between the top and bottom. Jon mentioned driving to Boston, creating a record, and touring the country, so I added it just below the separator. Here's another sepctrator using dashed lines. To wrap up my sketchnotes, I used bold type to to emphasize the speaker's final thought.

On the second page of my sketchnotes, I used a linear pattern for the information with heavier emphasis on drawings and typography.

Wsketchgttort•

tiefief'

800 CEO ReAo

RETKNImo the mum AW N .

10• • •

•

0•••••

r o m m e

1•0•"0

0 0 0

TRANS LAM L AT 5 • 7 / 1 2 . / 2 o i z .

scni6

YOU P *

HEM A S L K C T H

Mums

D o H-0141(A0 A t i t t * ' 9 c r u kpit4 *s I ; / n i t t s g 6 camper opEll wi4414-tlice, / t 5ur 1HAT150 - 1 -571/P Slikkii s q eft. s H owetcpe, 0 g,t4,r41vI a wto-t/-6 \ Ay _

VERSOIrEl li* a z i t1mrkA vogs-k • t-1u-A m O t •tt\5 ' e 1-teN1° a t /AtAo v o tr

1 1 1 1 1 • • • • • - - , ,

JON'S SETUP:

%h.

VIBRAM IN6 Sougps THItiguGH S mums0 Wevckl a 1A)1-1-L SOW.Lam.— vlitAcke a. IPeccorrA 0 etv‘A +L4,coVt 9 7 * +ervIttot. 1 4 ICZ. L et• *MO

DToEx1rience THis CHAU , ,Fttetc[ anew 70460 1 E N G E / 4

ESEA Se111.."1".1Ea

A NE A IT EA LIM Being prepared helps you relax when the time comes to listen, cacheideas, and draw them.

ECAP -c 1

0 4 Use my process as a starting point, and make it your own. Research speakers and topics to gain insight and confidence. 1$11 + you're sketchnoting. B early, scout your location, and use the a Arrive extra time to create a title before the event. c k Photograph your sketchnotes right after ar+ u event to share them, and to have a backup. p 0s 4 Shared sketchnotes are great resources for a attendees and work well as PR tools. r e The anatomy of a sketchnote includes the k title, typography, diagrams & drawings, handwriting, dividers, arrows, bullets, icons, e containers, and signatures. y t NEXT: TYPES OF SKETCHNOTES o b e i n

AiRoCILAT 1 , A A -T- O O T

11A\it r Iok - 1 \ 6 . 0koz •0_el b

FoNTZ

, Caki:rriAtZe_ V4I-111-7 I J T .S

%NrOt,it

IT Doe_st,\ tr -9-0(q frly eH 6 .A_ 7 0 ••• I - I S AT- - 3 3 9 r e - 0_ , 1I v1 o c T r j e 1=1c:7'o c - e -- / - •t i 4e IMEldno

ammo. o w . .

•

A r a m b o o m m a m o m m u s l e ,

,o•

—

m • • • , • • . . " • • . . . m • • • • • • p • •

•

• • • • • • • • ••g

• •

•

• • • • •••• •

•

• .••••• •

•

• • • • •• • •• • • • n . •

•

• • •

•

• •

•

• • r •

TOOLS

STyl,e, D e P e N D v o t AT I t c - A d- pv A 0 f,o r lAeok4 , + Sy/At101 rs 4 11 24 1S o 11 4 13 f e , A v i P c N A t1y grI So - 6 i t 11, 1 1 e> 4 P tk e lEtls.pcwsciveT o r, Ylotze pieratZe-s s e .T3 A N • 1, ot t A t e i . vs1A-T42.copoora ' c . . - r t t l a c c * s A rc sN e _ _ to- v t o in i rs c e s V d IP I C : . ,e 0 A T e-IZ c c ) L,c.L1 t W Jr e I A e tb T i ,k m e s i • s

tyl%c FA , Ai e , Alrgc , e_

J. N eolfr a g A

IM EVA- LOVA LAMM

fiV o PEs 6c)K of otAJ2ye712ay,FeJei-ce i/N 0 4 eA

NE•••••.,

(4/WinOp/A

C C '7 ( N i 7 1 , tou t c / E C\ o t c C oQu l ee l_) t a _ p tike 4 \ e10' -bouml 1 SKeIck.booK k 3 t beo-oe ' oveCt CA4 6 N y o(/ 6 ( o CK s 0 S'a b l o \ . n i c qllg c t \ e tocst ske t o 4k- o h n c , V ck i b o o e e r

Alor 161

At E I 1, :I I d M k P , R ( 5 O ) V 0.V I Ri ) A r \ I oElEcT S i t N Totv‘ic_ G ft D

\ 1 I

it 1I OF : ( tkic Fiecec —cyyNotR, RA l p 'oft) 1 , 1 . 1 N : 4 4tiApit4e) 1 9 CELEBRATi 0 4 4 1 - 0 P E ) too1 4 , 4 AQ[1)krn 0% — . A

CHAPTER 5

ts 111 2 1 = 1 = 2 1 . ,

SkEircHNOTES AREA BLEND 9•1! PERSONAL STyLE AND THE IDEAS YOU HEAR/

AmALYzE LET'S Ar SLAINIDING t N LOOK D STYLE C A 'WITH M I N I O N S / AND P rSTRUCTURE, a SKETcHlimOtrime PATrER459 f i l a o

P.r PLUS 17 Sketchnotes are beautiful because of their vctriety and personality. Each sketchnote is created in a distinct, individual style, reflecting the person who creates it. BUT MO 11tki than Just style, sketchnotes reveal , the thinking processes of their creator. •• Sketchnotes convey what the person is _ K I N G R hearing, how that , ntieolviloqfvl? 0 Cottect C C a p i - Process ( 0 efi e) v \J D FOCUS. o•00r9avtitekTciols) r eE ) I in) ipersovoi pyoctice. R I Sorrow 0 D :o WEEKLY. e oSeen IF v( Y , D ia Cr J O o i r Ovi-come.. f oi k *Desired e N s svkat 1 0 0 1 OF HEAD. , doig9 E 2 l too9evVvowgnclows H w DECIDE OUTCOME in ge Ne book. g of f'DcvE. , ACSI ON. . o(' , lig ORGANIZE ReMIND6RS REVC ' AN I N v e r s TH iE 1 PRODUCT m commirm ENT. 1 EXPERIENCE , v - a1 iroRY e2 1\1E i o c v, ; : d s • • - t o wvoHisr reseore prgryiet if V'C(P r e s p c m d i ,x i r \ c 6 _ e , TOP OW1-1Pir DOES y. i 9 0 'o s Z 1 ' k !v - i i k k •s z v r e* g Aga 0 BuslAess Model ( i5 1 , "A "d4' a t e s e g g k ro s k e i k• Getting Things Done Sunni Brown g n , y e , t s o i r 1 4 c t . a • v e . t o A i g r e . l . o g p o p o g i o i p o

C M , 1001LOOKLIKE?

person analyzes and processes information, and what is most relevant in that person's view.

1 7 5 Y If LOOKIMJ AT C SKETCHNOTES — h THEIR i STYLE AND ST c R UNDERSTAND ,BETTE HOW o 4 ATHEIR AUTHO m

, T H I N K S . J C

P=•' Prl' You may notice that many of the sketchnotes in this book are , beautifully illustrated. Professional illustrators and designers, with years of visual experience, have created them. FRr An 71" cDak 0A-----,G,NALL - - - ,Ro - D1yAN28 N,'N t . a 2,mmER, - effiammaLE" PICILIVELopERs,0 t0 l a QttWh ttr u - t t v, 1 ,,„ ++A p9" ) 4„ 41 J 0A( Sellt;164 &EARNING! 6 ------

... - - - - . . . . . . . . . ._ . . . . . . . . . .. . . . . . . , • „ . ,- - J 11 ___________ < 9 o6 / AIO 1 , a 1 edegzebt 4 , 1 4 . A A , a 4 THAN THE 1--J0H N S . R p / Arj F +,--wAlvr To FRAME. L E A R N To P LEAY p" p T rNSTP,HMENT , ON 1v A N PL/IY, r 1 > on a0 .t a tv , L r P. e r ti to a: Z • . M 4 k Y ) ' , i l e r: r ALL CAN'T PLEADMUTIC. i 7 PAD,, t i c r N R M M 2 u s i c r 1 ) PtE 1 0 , 8 8 1 0 Pro e / . c LovE .1-11EsouncEP7411NESS + NETWOLK = 6 1 6 3 L I o ' 1 hnow wRat3E1TER13. w E A 7 .: A " , 11) I " V , 4 : K L TTiE SZT FEEDBACKTS A LtA IlOa 1 / P - .; E T twmed 1 ;1 4 L D. .) R ISA S011000A16 R N I N 9P Om6 NEwrs I • 0 . .e . . . . . . . . . . . . . . , + l SEE HIS f 1 - V OH LEARN ro PLAy THE CELLO: - -, • • . m Low caw- " t . , . .. The c I1 ZAPSCHOOIS,WIHIOSEIN . 1 5iTY V i r F O R M U L A O .A s.) / M S • C •h OF1#3_k;ILit7jAND Muss : .. U RAARIK'S , [t SR ? TR 4 INISFACE CHANGES AccoRDINO To ! A C1113EEWEATER . A T HE N E l a o A r HAND,N 1 4 P ? - . L , P I . L 1 . 1 A , A 0 R JULY 10-12, NEWORLEANS, L A . U 3 N + . S Gerren Lamson • 1 3 1 E 4 E b W o1r l d 1 V , ) 2 0 ,1 2 . T ; W E . A 0 O 0 0 , R H E . L R . D ." 2 I 0 "I 1 L b 2 y + f 86 j i g

T im e6 v; t , g IF4YOU'RE NOT A N ARTIST, don't let these sketch notes 4 discourage you. Instead, look to them f o r inspiration and idecks, 4 " ' and , keep in mind that you're Just starting as a sketchnoter. 4 L Whatever your skill level, be happy with where you are. Create L K sketchnotes and have fun, and work to improve your skills.

AFr

STIRWIJR7

A helpful way to keep your current skills in perspective is to view sketchnotes the,t progress across a continuum:

SIMPLE G O O D ARTWORK A l l T W O R K

FANCY ARTWORK

GOOD G O O D GOOD STRUCTU E STRUCTURE STRUCTURE

ALWAYS GOOD SIN( R E REGA'sDLESS of ART QUALITY. 87

AT ONE END OF THE SCALE you'll see ideas represented as rough drawings by regular people. Even using simple drawings, these sketch notes use structure to capture ideas effectively on the page.

AT THE M I END you'll see beautiful illustrations created by experienced professionals. Although the art mcky be more refined, the key to a sketchnote is a logical organization that makes sense and captures the ideas.

•n ,7 , 1

THINK OF

ST Lit

asMEATand

TAT ES, AND TANCY it Ias the

VY N T P.

SKETCHN

P TTE S

In the last five years I've reviewed many sketchnotes and have found that most fall into a few patterns:

LINEAR

RADIAL

VERTICAL

pr PATH

MODULAR

POPCORN

SKYSCRAPER

Fottowing the pattern of a printed book, the linear sketchnote format shows information dimonall9 from the top left to the bottom right of a page or spread of two pages.

GEOFTREI 0 , a 2 0 c/ ' (1 8 e--V ; . 1 \ A 0 \ A / ,3wfo ,4 1 v,-;0,5v4 5 c , s , Gb:,;-casQ, , , 6 e , /crt

uDgiv tck

, \VACc?\I 4/Mtkl

A r A m

CIA C-e,

INJaNA T3 o-v9e1-;,-)o., (\co/ +0 c0A-'1 a-hom; ,

O R A 90ri c w, , 0_ A e r ,v c t 4 Y ,e r 4 ,; Is/10,3,n0 e5 n c 0 ko,ve_ O v e A a p DqUc.aie3 cor4

m2o \bL,

e e 2 M a t t &tiara • OzIA200r1

0tAe5

Ct\ gE FO Lt '8

art—voro, 3 0 r amcVi a U c k S , g 4

8 o s PA\ c VA t gO Aol l \ iI s - r - C%-lvAi•ence_ c - A c C u A t i c14%—Q-A Vc _ kO,S c A c a y v-\ceA PC \ aa el n 'lesA,' -t\ J\ 0 ,9J 6R A f'or ,ortd \A_Ga_VA e. e w *A I A v I4 cc e Crld V 1v . . 0 -c, O M 7C : m " _ e \ e 0 Cy np - ck k V (kk 1 ),v v 1 1 NiE 6 e t : , z a„ 6 6 % P. r e ' r w t t l

05 1 2 3

S1 .

vsave.cf,0,8

A ; c

THE M E M PATTERN is what I typically use for My sketchnotes for two reasons: I like the stor9-like, linear two-page spreads I use in hardcover sketchbooks. R o Z w K i l o o f ( i (CLoo.-c P n OUreSee f o fmtm W E : 7 ciesbn SAM Flis — r Aeget9oLargi9phon 4 4 OTHER RES S e e l < iSm^ M A t t r i r HA efiatifrfreil •A 0 ESTIONS°.ASk toirselff fa 90 sgoimkt.141 t htelw U k c -will E Suse ) b e d) q Ags i 7 a ff e d * / by type ? / q-/o 6 °What ds b e e k e t i k/7/ n •1 o e r Fonts as 51HiOES: n AKA e t Act 9 h ,W7 (peNtvi ((4e,v5) W e A' h W (coivime MI .(7ttts p et e C a lt r U g te e Mike Rohde •l SXSW Interactive 2010 e i6 , fe4 a ,11 n 9 d / i V

GebStoK 2r_ti WebTyp raph,9

4Tigpography15 HOW cii:f weGAS

2WE5DES11611vER MAxe ryPe AGER 5 iPAIRTof ouR CRAM

1 1 b r K e b t s

Ara e l -

SKETCHNOTING in a linear pattern frees you to use as many pages (As needed to capture ideas. It's atso easy to read, because it foltows standard book structure that's been used for hundreds of years.

JUS DON'T U N OUT a PAOr sIDEFJ9.03Q,IS z

NI A

m r I N Y P E B R E 1-1.A.VE 'OONIC 5 I D E PROJECT5 Z 7 5 ITIA135 0 HAVE M E C Ii 3 Gerren Lamson • SXSW Interactive 2011 • 0 1 D O O N E

r-rttala P 2 -+a i f 01\15 = m L e moTniATI r 4 d iAW > na s0 s , d' i / 1 1 N " at p l e it z ,t e t Le o t nr r o.1 1 i •. t 01 1 o 11 n 1•s . 1•"

1 1

HOWEVER, the rigid ftow of linear sketchnotes cctn limit la9out options, whereas the free-form radiat sketchnote pattern, discussed next, provides more ftexibility•

N C 1* P R >. -O M tFt a Ia tL B L -1 I 3 & 1 1 1 d E NKrBUREAU i s TBSPORARSIM L•tR I t E M II N ØIC4, IY 'HIV10500TOr I N N O V d SCHOOLWA AT o S T E IG . i H N I E N L N I• HEisyroWl 1 N T • . F l 11111 E

BOOLESIGN

WOODD/PeR -

V e t % ° 6 1 .

CPICe

1 (1" 1 n1 el 1 V I T HI I N r UNTION: dr i4 1 T e1f1 a at g r ; tM M I 44 a

Carolyn Sewell • TypeCon 2011

aegin4onelai ab ? ea t

9 1 4

ISNIMENS k i l i a c l "

E D S T b B E . . .

rArmAtt.. The radlial pattern rought9 follows the structure o f a bicycle wheel with the hub at the center and spokes radiating outward. The center of IR radial sketchnote may feature t h e name and drooming of the speaker or speakers who are presenting idects, or the central topic.

t HU; - ES 1 S H E S THE H OVE L L CONCEPT , AND E IDEAS CleEATE A C E DIATIN6 PATTERN MOVING OUTWARD h FAO M THE CENT ,L L H U B . 95

A R A D I A L SKETCHNOTE doesn't have to be a perfect circle, and the hub doesn't need to be in the center of the page. This pattern can appear as an organic shape and still follow a hub-and-spoke structure.

41 zz le tz za tt e0 0 , 0 00 0 0 ' . ' --

'1•4"b•fti•.._ --•••••••—

SYMMET IC A S Y M M E T IC CIRCULAR and EQUALIZED

ORGANIC and UNEQUAL

RADIAL CHNOT{ • aN.

THIS f D I A L SKETCHNOTE FEATURES THE SPEAKER'S NAME AND TALK TITLE AT THE TOP-LEFT CORNER. I D E cyl S t S u1 l , 0 ( 1 0 ) i ,L c i A rj( 1 2 4 92 I , S , 1r5 V P v c D t f f ( c H 0t K .1c \ C A s f I N A , V 1 0 1 cFgoii i e . SrN E P \ I O 11 ) U , ) r( 6 , / [ tNI 1 CATS 5

we/A

M t 9 ,Wog 1-1) NE I

F - oHouNit;sE, 0,1(9000" 0 N 1 N A W E S M d Hische Eva-Lotta Lamm • Jessica 1 ) 4 . S . N C 3

USA Dougt CLiCKED yooK i r f i L E AND1 14 PoESw'r SHoN4 VP EIIst l A t o N T

vo? 3 o B $

(oReckTiAe.)

THIS S K E T C H N O T E EMPHASIZES THE CONFEI. ENCE NAME AT THE TOP OF THE PAGE. C)qahrlin'•Oncion

2011 Ve is 9019 to ek -intere,sting " tO g b o o * W a r 1 k

people••••

are, addina Nr-H716(

04 i P-eople,expec+ . same, C oic,fiblis col6tOo w l ° ur onoi cft(RA1Hevices M P EMOTI H L & - Evhcif reailqma-11-ers E X - I X T P Y E .RNLEMATIN aU 0 . 6 1 \ [ C

Amanda Wright c l C o n s t r u c t 2011

text_ text... 'chavIc anoVfeedback " i inotkR, r APPCINIT u WhiZS r -t s i V - tzm W uvrFo Q r a 1 ienc,e, 1 1ihe v(per st,fOik, , üick ( hc T ou S w • S A V A(

Fç n 1 ,t o io c tu r t c

exrec-E-1-4i„ let ourpoc,kefr Goo31 rea ,vIcime, 2, t vour a 0,otion3 c wk a n Ckaqnol h,

_ eve,rapp 44Pxoll-

wto.

Apr-e, mock 44e, rocas 19E1 Ol5

no,sic E 9 V

Mown d , d-Hae_soKeroebookg. NTH11-101,1(91-11 sys 1 AND rTELLING tm s STOkItis

THE A D VA N TA G E of a radioa format is the freedom to add i n f o r m a t i o n wherever it fits in an outer spoke.

Because all of the spokes are connected to the central hub, clockwise, counterctockwise, or random patterns can work well w i t h the radiat sketchnote format.

Ach, d o t e s can sometimesmakea reader work a bit harder to comprehend the pattern of ideas,because the information is structured in a complex, nonlinear way.

1( Similar to a linear pattern, vertical sketchnotes present information in a single flow, from the top to the bottom of the page. 111•••••••••monco mmions ....... or

TOPIC Au.4.4.44 11.$4,444AAA— Arleta. *let.

vrAorrs yo•••••• • • " • •

, on. 0 . . • • • • • • • • • •••••••••••••••

THIS PATTERN can be handy because it allows you to continue adding information vertically, as needed. The vertical pattern Also provides a clear direction and structure for a reader to follow.

••••••••••••1•••• to.,••••••• foga•••0••••001 , • • 0• • • • • • • • • 0 0 . • •

100

11111111•1111111EnnommEm.--__

AS LINEA CAN THE . 4HT BE THE TONS VERTICAL LIMIT ONLY PATTE VEITICAL OFNYOU YD AS OPATTERN 1CAN 1U LON6 T PAPE Om' Dto) WIN6 J PPS CANVaSo W E V E I

414

\ART

alinMES L O O K . • • A

FOR MAW-

-rmusr

° t i A f t a ,

t zr, ' Et B a c Iliori f w e , " , , SGAtAill-C .,,,, Hkoi E A . . . , S &rill ,, , M Y A . I . A N Eccoomic.3 G NOT 4 A P C ,A H O L K F Y s r K 1 V, ,

-roe:

fkal/Crr:

M Et B E R K Nib o t a r t l e U S• itS c A L . A 1 3 1 - C T# IkAS Htoft gARROS ' ' E ‘ 0 , 11AS To 6 . 0 . 1 . SF , oI N vX T JA R eP Y f A A eW N c% % ek I Ly t or I v a o 00 NMC.•S 0 C , A NOT e•AerTAL I N N C -A H o c K V SIVA< T T u sUi lMf r C L -

PSINESS MODEL

1 7 e A Z - QW•i< SAL-SS C 1 r o R Y • . . . /

litE DEAL 0

tOot.

1HESUSINESS MOIL

r Quic-Ksm,es k A 1 0 1 A11:51 o - O E Warr -ro Om R At4 A S S E T 1)EVEL0P c u Y A"t • — I AlfifisIZ 1 . . . 0 1 1 S v 0

THEDEAL-

b i o l . - 1111

A a r , . . W . I Y A M A c S.ALT IIM , ec Seet , 1:AENELoP . . , A S s E l Awls ,,,,,,,,- lc, tmcs1402 -

1Cf-' 11 1

-"--

M,A t t M a l i k EgER.1..10 HAS . 1 %R i RICA g SA t l < yWNSA 1 , 7 4 I f , A r Z t C . , , I , , , ! , , RV A L U K o N S ! di A A R a f t ' , 11PR SWF L A M P. 8 , R 1 A l oR. SETA, , y m 1 q C R a f k r R r o l l ; i , e Z a k 0 MAO-A &cot, 0 1 3 S e R tI° E S8 P '1 4 1P O rif R

CDRIZ 4 N g l °Ee g g W N W & f i n gH e

r e 1o) 2 ,P utoeorom Youk FRoDucrr 6 9 c-owey* L 1 , EbE NICE g piss los4

Chris Shipton • An9e1 investors

101

HEAL-M\ 2 - 0 \2- I N T R 0DticTsON gOg PERI

•

41 . 1: 1' 0 1 } \

IWO / S A W PstJOS-1141‘-kP4L.P 4- M A

NMQkl

WKI4Its ANTAtTl& of 1 6 1 . 0

,t 1 ' c D 1 , ; 1 4

i WANT

C ; Z I )P O re p o o V o o e -054 '

)EUGrE-S )f. VOL/CM4'1-

4; 00v44.4;04 , cr,,,,,r44e3A0Acare 7 1 4 -

iNINJOVAI ATIOE ,I N N O V P fh G 4 1(6 -O •4g r'9

,--,ALL_ RE.sucis

i d D R ' s \

P D F \ j J — V P I L u N w 0 T 0 0 S 1 1 . 0 1 , C O C A t J w y

tAse 1)4 5

OuR 0 0 , 4 1 V O L A I

1 , 1 0

U N C E R M I N e f ' 1 (

CON\PLX

Apo K E E p l i , Je A r A B I G U i t l y

Nuv,t.s.

Cassie McDaniel • eHealth 2012

102

1 . 4.,,ItifhST4• 0 {4 ,1 D0 0t V6 11,1 I F -i /00 c o 1t , P A L D A 1 4 4 S P 0 1 4 I 0 e 0 0 1 0 E M E R} Z O K I E 0T E C TCtP M F I D E - , s i c\e L E , , E L A D I I A C E , N N o S V , S ( / , 6 4 ) / VN5 0 , 4 5 C j o V g : ( : : S . 0 1 'TOO M V O N A I T I N G Too FA“CH C O c T. . . 1 Vit

iNDECISIONIS A DUIS1 0 11\1••• 1 F , t v \ W A T S 0 N I

Dtiz-1 C

Pnxm.d. tli,cogittl m5 e „ "

kAIKTSoNI S , A , 6 L o s A , A , E • P DoE, A o K

c,chup 8 iG

geSiCTS IN A

DiA6P 1095

PAIOgl-ri us N o t

e43

IS ATS0,4 A SII-Veik 13ULL117

DOSIOS

STA

The path sketchnote pattern creates a path of information across the page verticalt9, horizontait9, or diagonalty. The path pattern can appear as a zigzag, c-shape, w-shape, or 6 k n 9 o r g a n i Z-S lope Path C-Shape Path c p a t h s h a p Organic Path e W 9 o S u h c a a n p e i m P

103 _ _ _ _ _ - • • • • • • • • i i i 1111111

USING A PATH PATTE 1 event 1 N orcthought a n process using a series of steps that work well when b e following an organic shape. p e r f e c t f o r t e _efol l l i n g 4 a%I) b1 o jeguaros L1wmaggariltworu t; 67 a&dice) a ; ‘out-1-als,o11 , nitto J D cmtitonc-ivao \A)rig )MD/Ma 0 A t 2 , 111 i o 1 n \ tIP E t s 1 (1 )cv• 11 : 4•• vsa5 1. 3 P-'toed I ,111AR 0 P o i N 1 t i , -1F4t6 6-H V k dsv 0 r" crytall tkIorld.R# i 9 A .28' 0 0•Rkrooarses• o a j 1 %1) t c 0 axwmgc6nwil c P 1 , ill n tqA C t i ® gouugaw p TIo 1 012A 9 k - p - / AS A t l TEgACy AN0 1 , o 1 AT I D 6 PIS n 1 9r LS /264U-9 1 v Agu,Nom L ‘St,e_I + ' o g m i , 1 1 . z ir - - I L 1 usE i t 7 ci . :2,2\ E g y \r 4e l e - 0o-toeV.SE 1 . s1 , 0 4 I 40 3 A T 0J A tc T t t I t 4 M5 - 4 r &nuke Schildt • Ton Zijistra n t t 1 1 O o l $ ' k I i Z r o 1I S 5 CAH 1 2 -0A 0

104

rfoOS 1 1 2 0 4 1 1 4 0 J l ' 3 6 0 ' 3

UXLs z• 7. hh, 1 2 , a et. 1,k I F O L t k 4

EPA:32

t J 01:1

g r iZ T a r 1

L•Ask,

,ctt-tr( c s U c X tl .i o 2 r h r d 0 , c A , i / c " i c

a r

f c c . / / , a , ,

Michele I d e Shlith • L e a h B u l e y

PATH PATTERNS do require a little planning, and if the information you're sketchnoting is more extensive than you've planned for, you may run out of room. 105

1111••••._

M The modular pattern divides a single page or spread of pages into distinct regions or modules. Each module holds separate bits of information or different speakers within a larger event.

"ril l A

AcoES \ c 2)-

CII vEtz5US

['EARNING' ..

FILMMAKER + VISUAL LEARNEg/TEAuklEA" " Itil LAYr To LEARN a E r s /N THE 14/P1

EtA0 . c_b:IVATION

LEA

' f l „ , • W A t i r r 0 L E A A N TO P L A Y

0 1 TO p t 4 y ANA v i A , r t ? . ) V I A N E2N T y o u p O H T H A V E T n . _ g t , N, ASL L Y , ' T r A u — O R 1.MAN PLAy I n c E L L Q : M JI J 7 E . KNOW N • T • , • A , • C 1 a I 0 2 . J A N T

DIGITALOVELOPERSLLL w tAt

n e ti ro ,PaS o , [APPLAUSE) f ! , ribWORILD 2012 0 , V Gerren Lamson • E31)World 2012 t m o u / Q 106

a r lumuave

H :10Dai“

(1404talLarilde,) W I T

0,08,NALL F V O L V E S y ELFAIAN, H A N S Z I M M E R , A N D , „ DAPVHY PAR'S A Il C C A R I N E X A L L C A N ' T READ Alt(trC, P S , Aki 2 8 r ,4 1,17tbE S I T i1_ z t 2 t l t . . !. . , ...• h . SCI-11001,SpwasErm„ . , oF [ p l U o 1 4 ) -TilE I N T L LOvE + R E S o U l l a r t . 4 1 . . N E S S + A L P T L e l l O A K W O 3

- 7 1 X PPM 1 — C H. A + 1 m to N o G- t E 'S p1 a cN c lA m O o l Do ? t t Ai o

, H A , 4 0 .

2 (! )

elitgza , E T H A N TBE N4Out.1 & ) f e t e r • C;) a-w-t m o . o - r s , .I . .g. . , pk t / z< K Eh a nd B Fo EEP LOACK IS A LEARNING C -

p4 E- 1o ” tRinc/SAI is ASCHOOL/A/6)Nf i t P -I+ A 5 EE His E,E Lute-I >OoO c u A l 0 77ik• FoRmuLA K, A LA ,I pAARIK'-S s CHM AtE 7ATER , J2 R t 0 a ,1 A

JULY 10-12, t1 NEWORLEANS, L A B 1 E 0 I. T 8 E 8 R 1 E s

AT I B I N

OF11Acell 4vsk144 , IC1 W c e t

BRFAKINcc

ow in =mina usEME 11 ilioIMP Ell 1613rOuNPAttoN ift2 1111 •1 OS UNE IS 1 NM MI M B

N M

n a 1111

(E)Ailk nor, IZEI , um. Ite i H 1 -cr t i i ;1 - Ir C ' 2 1 AT UV I D NO I C T k 14 A A C s • exoosE TPDBLEms To V„ MAKC "0411 E A

1835 g R e sults

a th Tgackert y pcs

PERSONALPRoDuclivITY

(411 41 41 1

AMOUNT o r eFFop Itua - w r e r r u e-NN. I T H m c s r

%Mt WH AT

Q112,E1 A T

P ,1 S, 0 •ArrAcK f t * Worn E P .M 4Fulq AT EYSENse

61-A4K v i m O F O T H E R S .

Marichiet D a n Boudwin • Hacking Work

SAvIN0 AT - EXPFNIsE OF V oCOmPiAbol. l1 SAvt0fr ' 1 AN'D 0 L C,OMPANsl, 1

1N •NOT New.

• 15 upeNL4 L INCI 1 ID- A , S -CHIZNIC 4 1 3 C AVIZceL5Ms. CO

1 L• 15 NM 3 I- 1 AS U 1 S 4 1I E I 5 oF Co NN l 4 E1 4 S i S n .

107

A MODULAR PATTERN can work well if your goat is to organize information in a grid-like pattern or if you have many presentations to capture in a limited area.

IDEA 1

PEA

IDE.A3 i t v . A f 0

We',"

I>FA

r \

HOWEVEI USING MODULAR PATTE19 5 CAN LIMIT THE AMOUNT OF INFORMATION YOU CAN SKETCHNOTE, PARTICULARLY IF YOU'RE CAPTURING SEVEN' L TALKS WITHIN A 51,\IGLE MODULAA SPLUCTURE.

I m [ 2 I i u 1 N 3 T oA L running out of room with a IM odular sketchnote Avoid I by estabtishing the module spaces before you begin. ( You can base them on the number of spectkers or topics being 1 covered at the event. 06

V P

•“.•

108

t r "

••••

4at Ali (0 tUtrikScee2,16 PO0 1 l'YsitaT 1 Jo , '61,4J 4%

tto

AFFgoP \ A

5 M K E S

9 1 1 " O 4D

SESVP1g5 IMET

W V I J C I U 1 3 9

SINE CO I G H T ?

wH-fSia,RQ (DIFODUT mA.KE t ? i \ - / f

DEM NIS L e a a 9 , t,5 i l v k 4 1 C 2 d e j 2 . 1 5 ;

Noi meET 1 N I Ti-V14 GS , . 11 .

Veronica Erb • Ignite DC 2011

t\-10 TIME

,4 I I i

109

PrR The skyscraper pattern is similar to the modular approach but divides the page into a series of

talt, vertical panels, which contain separate bits of information.

DUD

This pattern can work great for panel discussions where multiple people are speaking at different times.

TO CREATE A SKYSC 11 PER SKETCHNOTE, 11 use a vertical column for each speaker and add the person's name or portrait. When the panel discussion begins, simply add each person's comments into the appropriate column.

0 0, Tow N t A v x 5 t / E

Z O H N M A R : f v 2. ECapture

I. Names & Faces

comments

0 , F.F71pzi7! r• 0 CP •!7( 3. Fitt out the page To H N M A R X H ( . 1 E ItILII

ItILII

MANAGING A SKYSCO3, Remember to pace yourself with the limited space of a skyscraper sketchnote. Focus on the key phrases and PER words that are 'meaningful. Work on boiling down the idea S K E T C H N O T you're hearing to its purest essence. E

110

—r -O M '

SKYSCRAPER SUICHNOTES, LIKE OTHER TIGHTLY S T ,DISADVANTAGE Of LIMITED SPACE, REQUIRING MORE QUOTE CAPTIPE. U C T SELECTIVE UR ED P A T T u g g u a w o w, rmo,g<n+d, E R N S 5sembil 1 5 3 0 OS 1104_1\210-1%1CY-16-kg--A4(iC e l l e r a i A I , Strait /15-5841da A - ( p c , R, 17,4,441el-S , - / ; 1 1 - 4 - 4 _ , H LARIU A-cisc3-41•E' --1 r:07 3 V 1, '• zE 6„ T (111/4C1 ' -4,1„ zaiu e o v t I t t o k , H r)s1A\ ,\\ ,,, reavAS awl- 1 ' mA 1 os to, ;s i 1 E 4i1ea3atMn,,,t R N .:(1: T v , o r vS k le a5 0 c )0 r a t , . 'Alz" i . u , P 4 . ' t • " , ' 7 . UStc5 ' W & 4 1 m , t•He.,r O r ) 7 a4 y . " e . p , k . .

a t r i #141A-Li - H e - 5 e -

t.y *ust,s so %;.-hotit.:. t o!••'----•-,---,--ofwo d fr• r„ , ,,1 ili \n, t : : L W' Won••o f"'r A a ct,A 4pt.01 •-14,24 u tpoomovoIi t s a o u l_A _ : _ _ _ _ -_ t a m , z o, t t i v te t , -". l1 4 11jlt-tof --Nakictal 14,4. J ' sp ( 4surl' a, aoL•tittA\ o tollq - o ) e4 eb c .O Wobt.COPM, c , , r o t i04.5,A6vVtam v o r c r : t j IA' t . 6 t a t AW .. . t e u, t_tFA A (0,041t - ' — 'p , . E : a t - - spoztamthtaity S wsti _ °, 14So „ l (re., vglw,,,lott tt OYr „rw/ ,Aat tI t3e 4It. r• ,t i to e t . w _n, ev"ro ,t ioo 4 Q 0, a il s o t44 i vsl t l : Z i Z a d ' ouk i w ,b k, ' -, 1d 4t , b.: m — t s t m c a. . i s t i m 4- 5 x 9;l ‘i - ,, c" . a qs sf a l i -I P • 71 ' f0 .LEmc4. , Conference 2012 M J 13roo,dbent • Re:Working ' m t r - 0 % e , -" " t .I a ' , h t ra K o' D - y 'i ?t a + 6 's6 ' I ' ' '- ) a r m* k L 'tc Li• i 1 t t g cas . o 1 t L• p t i l i v 'o k v l at etl o o c vk s i . s f o l = . • 6 a i • ) . .rt ; e 1 ' , aa r 4

:ow o k a 7 i 5 oaA 0? 'al L I S , s 6 A pdoyce• r n

mommo.Res. a i a f ( re •The se, , 11"'P'scli"vic.'. •a.p I v r e h 1 S M + yI -

c .

111

- N —, 1tly-tokg t E E M I : I witekt. tioo n \-nts' o t . - • PrIts ft. 1 0 . W 4v J L v i r , , 6 4c l i r * - (1-1 t "?RD Y Nett.sc,a-ND e / t , i/Aosi I TTookser LoNcy ••.;11atooqoe5ti ts1 k ‘t ' t irociAn owl 1 C t BrkAND •, PAs5,,/e E GiAr •Nt lk t k k I Z I U M 6 a1.,t( k ,, , mvAre, r. L . M i t A Em. x — , , comvaNIliotl E%A o Ut A I 1t , Y • r q 14LucASAccrc ACP' C t i t t A i N l o •PS 16r,AN •co 2I A t t R . Diffeno/02 Z f•Kriiva. •R•o .OM* KitaD .• 1 1 K o n t " Os wis 1 or.v m Li ILEsvUitoc +PLA(6 % . St%Am of vs (tin& JSv• voiaotOL V comc ALi KAP-‘ock ,emic l 1 Ptak) S t O hIARAAT .W I V r e k i \ o . - F Low 10.t t ;141•Eltpalot .t t a V TERIZOPiiMe 4 THE t d c 6 e• t - ak 1 S upg , , cI tthettoVi5ATio , i tv F 41-1 Rr ri... 1 a1,1 V ' 1 t ( .11 , 3 4 , S

likk.61tN RLEDAI xiz

puticcuptli4G1

0 E = 4 1 r,itxstkkg.. 7 tk 4 a t a • V c i Vut S T (2,0M t 11'4D. F44 Mufti A t , c s a ROUVIIlli -oztettxo, c...1-k ocGC LAP, , i - ,, (ISIS - - p t i o o t e 5 N r ' cmptimusl c i co ki;=% tn ca r wii-K1A) - t va 0 p ca cl t ' t CO li:31:3 1 = t CZ , (151 C1C-3 t a 1yL2Q3cA s - t o :tat C I = t:3 t = i t'l I 11 4 1 . C 3 caw.0 P k y s ' • % $ ; o The i ' s r E l t h • r i v E I ? ' StIvitamv.p,ii-eit's e a l t r t 1 ( ( s cot s v J A g ,0 -ntfcc l >- 1 ofkLkkOSTILPit_i c co ttE t i t c ' t 1 ,1 seopx(tkAo, c c T o o tt,eL \ t4.1.,i,r..o- 1 0:44 __Peut - , \ itutAt•-\ . , 14 c mt ) i /E Vtt-RS .1.10- t.il,10112, I > l e j l sq l _ Austin '<Von • SXSW Interactive 200q r S

U R L S I U R A V i a 1 M

112

1-. 1 A $0 L 1?

c o c t . Z , c

The popcorn pattern has the flexibility of placing information you're capturing in a free, random pattern. The topic, speaker name, and information tidbits Can appear anywhere on the page. 1P , OiZet(11 •1 0 1 c C O V r

1<._-y TzAKAJP0t )

Y- A AWA K T Z _ U A E , IPArn .

Koitsa / 1 ' 1 1 AT 2 Y L - - -

NVW STOPiOTAYSW, VDC1••5130q C N Atr(WP- I 1614 - t , /d, ,v , _R c tea c.l l- ' z i , ' K/ ox l < em..1. N tI i 2 AR, t I 4c k0i ) J. t Reynolds • Carol Timothy 2 f 1 r s : S o I i , r A S f g. 1 J R 4 t _ r 1e , 1 - N ( 4c

acKMIE 1 2 , 1 4 4 1 1 Schwartz % '

_efuck - comrifttal -- t ) r - rtRl pf-F-(kt<rac-Azo1 w -, txwrodisl -oAueer (6 R 2 ,*- T o- 0T0/4 ComflvA ,, wf-A( O W ITY oALS h t 9

tr , sLe 1 / 4 -- L g , I 4' ; w - 6 - 1 4 /- 4 1 O t t : I O W / 6 + — 0 A A- - r ' A( (r 1 -( 7k ) S—- 26 S l o T C iA S z( A r e. 4 - 1 _ *1)7111,(7‘cli771' V 6 0.4 4 6 6 6 6 ,-

113

ACE MODSN

ST124 NCI lAtstAKOIll r , A 1 4 ,

4LL N s t . \

'Uc,f I 1 - 1 iN CIRACECOLT r I DR E CIRAVikTkoN T

t T l I T A n

, A 7

SAVE OS ALA-

Alexis Finch • Jennifer Sisson

S T

PoEsterSai<

Hers* OLD lAtoMv10_,E,

AN P

Lk" kAl7p-ir 42 Vr t BIRTH 1 E t)AT 6 (

kA,1 7 0,,) ,YOUCAN L o o k 41-Youi

CONTEN1

Te C i o

1)ETEcT1 A u 111E7] T 7 I N CFEATURES Tiz•oGrEsoie r ENIkto\Ncerlafr E -

E5OT tloT AU...01E141W 1 , 1 • N C E — • S L O V 1

'f:t• a l ° •is

E=1;)

u s

Dew DEASY )1 4 E Ai l 6SOgiz, Ep p ..v. 1i Y -° S 0 () N R 0: 3 C . F : 1 K C ' 0 ( j

11f011-1)rioT.

-n L - 0 i r-j f t 1 li_ 1 5 M 1 ,-, L i You " -<CIE.:17 , 9 ,tv A

) L 7L ACM VI*ILL 11-1 1

M 0 0 NNIoN' LETsME:. v \ -Y T Q A V E f -

1- SINE IY 6 M O1:1 eiVALI\TVN GAVAITek).Cotk , T U 3 A R C T

WITH THE P O P C O I N PATTERN, there is more emphasis on capturing information and less emphctsis on ptckcing it in a specific location. This approach can focus your mind on seizing ideas without worrying so much about their ptacement.

io 'NEVER, THE RANDOM ARRANGEMENT OF THE FREE窶認ORM POPCORN PATTERN CAN MAKE YOUR SKETCHNOTE MORE DIFFICULT TO FOLLOW BECAUSE OF THE HAPHAZARD PLACEMENT OF INFORMATION.

115

-•••••••••

ELI The patterns I've described are just some of the main ways you can structure your sketchnotes. Theseseven are starting points to help kick-start your sketchnoting skills. ACH PAM" F I N ! ' YOUR tt, ' T E S AND TO , P A R T I L A A R 5ITUA7IL,41.5. EXPERIMEN M I X , MATCH, AND DEVELOP YOU" OVIAI PATTERNS.

116

ECAP o

0 4 Sketchnotes blend style and ilinking, expressing the creator's personality. —+ I f you're not an artist, use professionally illustrated sketchnotes as a model to inspire your own sketchnotes. 111 4 regardless of your artistic skills. A —* Even if you're just starting to draw, you l can make great skeichnotes with simple w drawings and a good framework. a —+ y The seven common sketchnoting patterns s are Linear, Radial, Vertical, Path, Modular, s Skyscraper, and Popcorn. -k- ) Each pattern has benefits and drawbacks. e Try each one to learn how different i patterns work in different situations. c - NEXT: SKETCHNOTINGAPPROACHES, m HIERARCHY, AND PERSONALIZATION o t e w

117

P e g

jJ i SPik! 4 P r '

oaf'0 o a aorlo uv 1a t DOEM Q non o °o

MATTHEW

MAGAN I

B D1 OBDO a i On f a D1 Or0 p C a a Da a L a l t 1 0 BEFORE IT 1 1 Qtyrf a

)RENAETASA a, [LT I LEFIA TRREAIGVNEITLED

BECAMEASOFTWARE ENGINEERAND Juztecx/nce IGNORED uX3eai:Ttet

MYVISUAL

MINIS

MELBOUKNE AUSIKAL(A

FORAFEIN

MYPASSION

FORPESIGN

CONSULTING

0_.•••:,

COUPANY

YEARS (

r.1

C c

PRACIKE tit(INARH)INO RECORD;nne INGS

ASTK I

SKETCHI\G COVVONNOUS tiSEI)IN P R E S E N TAT I ONS. ) IMLET M0 E K

HACKEf SACK -e N.. -

AM I FOR CHAT1ONp NOTCOMPLETENESS I/ Focus

••m ---i 7z1 r — C> —4 Tv (,)

.c m

' ECREATING ONWHAT YOUR

\TO (?)urlsbfgtrc):REsoNkiTb AVEVE NOTA .0r9 V\.ITHYOU.

VG, / 1 / ) C

REFERENCE

ICAEL, F K O V ALSOAROTE&ILLUSTRATE SAM NMiYcSKrET cCsHNoOTfEfS,ANDHE ADUREN'SBOOKABOUTA ASKEDWETOLIVE-SKETCNNOTETHE MATHEMATICIANWHOATTEMPTS REMIX2011KEYNOTEONAlmx1R1CANVAS SOLOFLIGHT0 CHALIEWEATHERBUN,COM 1

RNA

\." IN MKOF SOOPEOPLE

AE SO1 W

1-105TEgRN) PAGEOUT

S .

ONNATIONAL

r -

ITAASPRETTY AWESOME! BE A

C.R.A.P. SKETCHEA

gONTRAS1\

kUD1 st41 /Aiok re„ PROfirco,1, I.

*Olt

REPETITIM c g o o f i t t i l E C K Orr ocm-tium I t i E 1\1 0 . 1 °4 000K.

•

\ATCT[CLOCK AKEUSE)1 ------ --

\ \ FIACHE 1 1 1 1 Q u i E T. / / 0 „ .

IFTHE

TALK IS

HALFWAY

DONE

ANDYOU

HAVEN'T FILLED PAT ,

4. 4 F /

O s l i n a t t y r

•

ONTHE WED: IUXVICtite ry COM

cp/ApTER 6

SKETCHNOTING

AP A C IES,

H I E R A R C H Y , t personalization WAYsk To SKETCHNOTE* STREMTURE Yowl wonic• AND MARE DT YOUR OWN°

122

THEREARE TWO DIFFERENT APIPPPOACHESTO CAPTURING SKETCHNOTES,

REAL-TVNit SKETCHNnirES

WO-STA61 SKETCHN

BOTHAPPROACHES emphasize the use of visual elements and stress the imporEance of baking personality into your sketchnotes.

123

( 0 '

EA! TIME S ETCH T I N G I, and many other sketch noters, create sketchnotes live and in reat time. When I into the speaker, listening for big ideas, and s9nthesizing n d / converting I'm hearing into visuat notes. w o r k i what n g SKETCHNOTING LIVE IS LIKE TAKING NOTES i n t7 h e A m o m TOOLBOX OF VISUAL ELEMENTS - WHOLE eTO n t , NOTES, LIKE THESE: YOUR J I ' . • TYPOGRAPHY • DIAGRAMS • BULLETS m • DIVIDERS • ICONS f • DRAWINGS o c D• HANDWRITING • ARROWS • CONTAINERS u s e dI , tT u nI eO d

12 1

N A L L Y , E X C E

"I've

' V (SUM...001-130X

Working in real time meansyou're listening for bigideasas you work.

0* . 8 1111111181111111111E

REAL-TIME SKETCHNOTING

KEEP

is not cks hard as it may sound. It does mean you must be engaged N A N in the presentation to decide what key information is worth capturing and what isn't.

TOSS

LIVE SKETCHNOTING IS A Pit,ACTICE THAT IMP 'THE MORE YOU DO IT, THE BETTER LISTENING SKILLS, O V YOUR E S PATTEIPAI RECOGNITION, AND DRAWING SKILLS WILL GET. W I T H R E

125

THEBIGGEST BENEFIT Of LIVE SKETCHNOTING

when event

IS D NE,

• YOU

4 A 11:11 OR r E

126

Erna

4F71 Some sketchnoters use-the second approach and create their notes in two stages â&#x20AC;&#x201D; capturing rough sketchnotes firstC andhthen I enhancing or re-creating them at a later time. NOT 1 IIN6 This0first variation of the two-stage approach to sketchnoting begins with real-time sketchnotes captured in pencil instead of ink. S At aTlater time, the sketchnoter inks over the A pencil lines, fine-tuning them and adding original detail. 6 This is 6k good time to add color with markers, pencil, or paint. i

E , P r " 1 L T e l I N K A P P

WITH THE PENCiL TO INK APPROACH, you're working through your idects twice, which means they are reinforced in your memory. You're still capturing notes in real time, but you have the additional task of inking every pencit line again to complete your sketchnotesâ&#x20AC;˘

PENCILli41 2 ETCHNOTES MAY LET YOU COte/atECTE S BUT IT CANALSO TAKE g TWICEAS MUCH TIME AS CiglATIN6 INKED SKETCHNOTES.

128

Alexis Finch • Radiolob Penciled Sketchnote

--f. -COIN, a ,E

• ,gITS

riAr) 6 7, , -- 2 .) 2 7 E12c A 0 0. P L wertC t2 fl‘'

. • Q '

U A,GEr r , P ep t ' . : W d A s

Alexis Finch • Rodiolab Inked Sketchnote

129

r-r - of the two-stage sketchnoting A second variation approach uses rough notes of text and visuod elements, " which are redrawn as final sketchnotes at a later time. 1 This approach puts 5 less evrtphasis on Making perfect sketchnotes on the spot. For some, this tYta9 be a good 1 wa9 to ease into sketchnoting. Rou1ghmot T esO 2. Redrawn Notes R E F I N E D A P P YOU ARE PROCESSIINIG NOTES TWICE, which ma9 R help 9our comprehension. However, like the pencit to ink O method, this approach will likely take twice as much time as creating reo,t-time, inked sketchnotes. A C REAL-TIME SKETCHNOTING H TWO-STAGE SKETCHNOTING

0 130

IHOUR

Rough Note s Je,•4 , 141,It 1 1 1) • 1 1 1 1 V C1 1 1 c PI 1 • 1 1 1 e ik•vh, / L, , # ' A 1 f i 4 f; 4 % f 4 . 5 ' , 1 I* t 0 4 1 4 143a , , l ' "E44 H i • , / 6a-141( i t ' , : 1,1„ . 4s4 2 tptjgf ' A • , 51 ,7c 0 • • . 4C• 7, 1 l • 1 i • • : . 4 Lovt

t • • ? A w l

, ( f 514 2ok m 12 r ,,,, EGAi-vE vtivizO, (•. - 0 . 0 E I L , . 0 0 : (nee 9p0 b 9 o , „ , k o 0A ,...,,t(l gi1,400, 4 1 ' T H O a 1-1 OS , Q"..° ?limx6i/01-1-00 t o P c i C 1 6 0 f e m AND 11,4 S 1 A P O f t N o LAOA Decao 01*.fv,.m(11 A R o c r FoRcit4 ' 00(1• viAsi 10-0 1 Pfaiem 1 tE • -G E T I 1 1 4 a . i : t ' s , i j o g (. i t , \. ' 1 • A 0 h - y • . „ . , E 0 t R e I l l , ø c g F . t E 5 . : k R %

Redrawn Noites

.ISittkKt155DiSt;It . 41 5 11EA S

„5,„,,,,,

1 K PsEcCit 6 L

j ,,, sTF'tcH, SINLCIY: RE

.ipic)i CATES U-1,9er1a l ( E

—N•1- REA-1111. Ft 1 -o f 01-fD 0 1 if . 1 q (t; oN• I'm tNIERt.Mu v 1 3 i i'N'iVite RW 1 I 4 C t, if l i lo _ i _ T A R C U 1

OVIIII.--#1-0 „

V•ki14 et 1 prsli•

IT'S OK TO EXPERIMENT with two-stage sketchnoting if you're concerned\ about mistakes or you want to explore sketchnoting at aL slower pace. But don't get stuck there. e Real-time sketchnoting with ink is easier than you may think. " A V O I r

131

HOWEVER YOU CREATESKETCHNOTES,

remember: • •

IT'S AN ACTIVE P CT10E SKETCHNOTIN6 IS SOMETHIN6

ti D 132

E TING A1111E1•••••••-• When you create sketch notes, one of your key tasks , Is to construct a logical hierarchy of information. Defining a hierarchy helps you, otnd others reading ,i 9our sketchnotes, to understand the importance of the- information you've captured. 01lf

SPEAKER NAME and topic name set the overall context. HEADLINES describe the broad subtopics. SUBHEADS add detail to the headline's meaning. DESCRIPTIVETEXT adds more detait • BULLETPOINTS separate and define detail.

E AM; E The Subhead vtoti• level kierayttly

istrt

*Bulk+ roiviir ewe * Sub14t4to vticter

*The 0 (eccr iptiR 4 e x i -

HIERARCHY IN ACTION

• •

I use a variety of etements to indicate which bits of information are key points in a sketchnote hierarchy. The top level in the hierarchy is the speaker's name and title.

The drawing o f a couch emphasizes point no. Descriptive text establishes the talk.

AndySianiey

Numbering o f the points o ff e r s a clear hierarchy.

Tet Re•F g u e . s -rtoNts!

\ 1443 1 Afrioic(ck 1 ,PAAA0-H(A441 Cc' ki 7 /o/ 1 tettagt vt,e-Gtt • 6 0 6. e QikaTry/ / 0 1 9 u t 1 Wtatl 5i c-14.01,9 W 4 4 4W - i 5 t H - a4t i l / i OtIACWOVS skAt / as -1-(4ave I o U 6 1 A 4 cI,.Mk f THE i-17( Ll p1250N KOH10, stmArial-m,ik 4 5 l 4 v t e T a C : (Aim f j a tK fA A r WI 1 M D T Wa V i r ( c ? u .t-FtkOFIZ DO - cYv o A-T a 4 A x ei o v c 5 v — r L M iD I E R a l t e dzei5ia1-144e•tiew Ao ipq50,41e a c + sf WE tr ‘'IF G E T belfry t EcAUS E e0 A 1 -l f ( b( 1 d VVE G E T B l o G F R • i4 v 4 -1-Rve 1 1 g- s V T e 5 - h A T 5 t A /c p A main point ist captured An a r r o w provides An asterisk provides t emphasis ke to the detail under as a quote using (larger type. - item no. contrasting emphasis r i to the detail under fi c item no. 2. c ( t s o zA • og sc ed ii aA

LEADER

twit UN °t? C(D

134

A L T -

cus-comRs \ A / lLL—

d 4

I ----'

1Fp. n

F I A

To help guide the reader's ese through the ftow of sour sketchnotes, here are some hands etements you can use to emphasize hierarchs.

Bold tgpe helps draw the e e to

important ideas.

4 â&#x20AC;&#x201D; U s i n g ALL CAPS is another wag to bring (Attention to i m p o r t a n t ideas.

The First Concept 2. The Second Concept c. First sub item b. Second sub item

Numbers work welt

f o r providing a more structured hierarchy.

4 - - Icons are great for marking keg ideas on t h e i r own Or in buffeted lists.

135 , )

PEP"Au2Aerrk, Sketchnotes are personal. When you're hearing and processing ideas, your opinion naturally comes into ptaYâ&#x20AC;˘

Your Personality determines the decisions you make about which ideas to capture and what those ideasmean to you. IN SIGNLANGUAGEINTERPRETING, the interpreter is charged with staying neutral, passing along exactlY is said by the spectker â&#x20AC;&#x201D; nothing more and nothing less.

,iketchnotes don't have to beneuiral. In fact, personal opinions expressed and embeddedin sketchnoir are intriguing, because they reveal what the sketchnote and r wthinking a s during the creation process. h e a r i n g 136

PERSONALIZATION TIPS Here are a few ideas for injecting your personality into the sketchnotes you create:

COMMENTARY If you agree, or better yet, if you disagree With an idea, capture your thoughts.

Opinionsembeddedin your sketchnotescanbecomeahandy reference for rememberingthose thoughts later on.

137

HUMOR If you find something that you hear funny, share your thoughts in context with the idea. Include humorous people, cartoon charctcters, or objects along with your humorous comments. Have fun!

WHIMSY Experiment with the style of type and elements you use as you sketchnote. You might use flourished script text and unusually shaped containers or icons; pla9 with graphical elements like swirls, lines, or stars to emphasize ideas.

OL002%0A

y 0 ) 138

ursl ......_,.,_,,----

â&#x20AC;˘

'..--

LOVE THE HUMOROUS COMMENTS AND CARTOON SrYLE OF THISSKETCP 1TE. 1,e5014i-earedRomCkekinilote 50-1,1Atom Gv-r g011E1)

t It t I 1 )a, N Il g A ,

\WWII BOARD M1014100 so1"tlotes" $i eflAvt Y o V I Z 5TYLE

•

• oppo•et'l -1140- ,eAot? , • ,O 1. s- c SOP aw HE RiPr? pcevilat + 06 b e

gee,ls

oKu ,kc+ fi144-wewage,IG•

%•?voleA 4- • o ' tP Mo 1 1 ) " oAa- l 1 1 vmpket 0)1 II bear. fT,IA)11,(tef v r- a

A5k6070,*bv,,ctzet

D i 05011ftflWork S r ado hey l o R o k 6 i tt t t % 6 Wkoi i9 . 1 1 1 ' r , fr l a§ I - Poa t o m e a orv 401,k/ ktivkiiimEto ottev7 P R Y ‘ i c A l - 00%4J cl tvAdei t Gir. i l i c k A l 0 (16 m a l k y l 1 w • F o r VCor cc1[1 b a c o 1l r P i t t .3 • m• 1 , V i e 0 w o o Mark MonitAx W e• IFVP r 2012 k o f e Z . 1 & l V e ,

Duralote yo ky offeti vt 2 _ 5 • ,

139

March Erin M.1-lawhins • Dous

Mike Rohde • SXSW Intet-4ctive 2008

ECAP 0 e

0 4 Real-time sketchnoting focuses on capturing the big, relevant ideas you hear. --.) Two-stage sketchnoting combines notes that are captured in a rough form first, and are either refined or re-created later on. am* Sketchnoting is founded on traditional note taking, but adds more detail through type, drawings, and other visual elements. â&#x20AC;&#x201D;+ Practice and repetition improve your real-time sketchnoting skills. ----) Use hierarchy and personalization to make sketchnotes unique and interesting. Tara* Skeichnotes don't have to be neutral. Opinion, humor, and whimsy are great ways to personalize your sketchnotes. NEXT: SKETCHNOTIN6 SKILLS AND TECHNIQUES

. 11 3 cvur1417-1T M luius -b ket tIve Moie,kiko_51<etet, -1l ( I \ L rok i J i: • •' r • J k yll o r 1 - ops *

•

t o a2 ,z.1) • .2 e r t ( 4 C k t i i

C-J'6 1 -1 \c 7, a 1, , lo t , v2 \xa v l v \ A ) 6 -_ D - u0 uvaRT-Y k 7 APt6Q 45 : bc>e,IS i91/44 _ 2y • - k k 5lee,-(4/1-1vJe' a) •

t v e A r UtJ 061s4.-L \i i f s I b A t k e _ x e s i k t - k - , \

• • 1 ) • S t

•

Lackt- C) Ee0g

-retVlaraz- f e m a riSt sMIVA)vg_ i'lue I

6 ( • t c s

•

)

iLt 1 -t c ., ' L5 ‘ t s\ k4 A ,- 5 4 ,vt ( 1 xu v 01 l l %p e s, a w 0 Q a r .1, f kf (3v r k9L1

Lo\- • r)r I 6z rct i 1o / t 1c G J o r V \ s

--rolvNitsLtp-4.4010:5

r t b 6 6 S A Z E 1 S i 3 e s N 4 b i n W z 1111 / 0 3 I I 4 C2v1)11goll i a o w'oL1A 9 11 , t s'5 lite_ oAr LlooSL_ vve\ S mA\Q r tvviCS cle 5• Is - 1 - ; t6: 1 , I ) 1, 1 : A L T v u0/ v 1 - - .c r f 4l 1 51 P , J e > ) e r S — i rS A e L a " 0 i 0 " 6 S

re—SeliktAlok• To ) 4 e>aclwk1sicse-V\ w14 1 auze l _0,,d e,s-twe,5 -0 4 -Ivcotal w r_ 12uik. e i v t A 0_, hAl - 2-csate•Cla.-1-vvo-J, + • 1 -rbr A s1 • c y c , ti(R, • 1 tc0 1 , cl-4-41kQvld-- coy\ -Pivv 1 ,4 A 1P 5 c d u l t A • /6 '1 i t * b e b r\ I ' l l ) ; a c c , ( 2 ) 5 ce19,Y1 -— e, (° ‘ S6iti acal/9 IA , _lc' i s (ow--Arie9160. --IL 6e1 \l t L: 1 - l • i; st 1 ,t 0, )/ 1 _; 6' t3"1313131--E-, 0c o N A

I u3),\IL, r , 1 ,,, i .

USER E4(pmaNce 'DslatsteR C) 1 IN c , Q c t 11 e- tG Df\TP\m 11 \I b t 0 I N E_AKLIN Q F f-V/N . 10 -1 0 o o, T TI m A S A T LN e Y i v A , r N T VA su i A T C N M oP I S I s t N T Ai Atair DstGi\I 1 IN1ml 051 P a c 0 O K 0 0X t N F Hi etCARc-i Es 0 F -_ E bCP s 4 1-/ 4o-2> A i rpD 1 co e s N -N T 1-tumouK O nF i e- T t c se M R I

0111111011011111"11111 MKT killib ullill b b b b b TC-A-rvl O FN orkKIN t 1 b 0 A I-0 A, sMTCH11 * V\ I 1 T 1 \ r O pFK / DO0DLING 0(INJTEKFACE 5 rv e • v C Oi •• $< TA LKS ________ o P E v E5 1 eSe l1 - 2 , c s ‘.) 5 1z SUNNI t310I o -, , l ' 50 * 5 ; I tu ,,rsr\ 60 e INI rF N c0 INTO e r t, l o I NM A N- G A -tQ c l - r r i S r c B w o1i s h. " c v r i E 1 N•k i eo t i o' l z" t y ,; GKADUALL> t t1 o v •k I G A 1,0 N t N > cAND i O • a SIAKTED l e • - t r m ostt-10 1 1 c M B e c At Af : ; N t e 1 v Pc5 R p o 2 I Y N N D i , D 0 c c I 0 M F I \ f D E f N T

SolvM - coutSE, n mcAN c s E•E W I- )

SO • SEetv\ To tiD/U)MD

co Clc-ruKes -u)

III VIN IN •D K • uoM o o vt-( f e-kI ' pob[J,i'\A l(-

ffrkefAlke folz2 -- ,otQ jUST C/oNIMF1 P -16 s11 5 TI fs FoK Nenit o-c1 USTIENHI,IG crA t1 ' s )

-rt )

NiorE 5,

MEE Us 0 . 5 ' /0,3g AAr , PeN 5 F v SIGN f•a\iS e o v i l TOMbot/s1 DUN-- &KuSk-k , fo(< 5t17kDiNG r 4 014-A-NVs -1,0 u j -i ( W M ) - 6PC-K r -r -k r 4 o m I?;00K J GIVt l o u ( 11-kINC9T " W e b 1-eAt'4 trDiKtV --5 \Aqii\I R AV E 1 \ t \ A -1ST)W1 30-0 N N u G - -\OF A K-e-TC-M I ct s P A

( 1G E ) -y ( AND oNic, t k ) P c s A T A etaS o Z corsl-FeKeNic w-tielke of-rtM CI-V6erPd 1 A u1 - 5 MouD i H o e t , e , us6 N V vit.paAp M 5K e T t l i N i e r r t , ' - - - - - i t art ic H3N k 9 I v \ 1 CI • tv v N G i z 1 I N 1DR A LV B At 4 NTo/ MAy-E N1c i f - 5 - • • • - t s ) , 1 o . Ittot t a T f 6 s A r 4 c , E R , I p i s41 r n U . f n

•

• (

•lir

CHAPTER 7 0

SKETCHNOTIINIG

SK and ITEN NIQ ES L L S

V i e l l M m a c z m i n a l l = = = g m r Vintmottiottasomm

IT'S TIME TO BUILD YOUR VISUAL NOTE TAKING TOOLBOX,'

146

LEANED:

SC / 4 ) 1EdWhat 1 ( sketchnotes are

E4Why you should create them Ell How to create sketchnotes El How to personalize sketchnotes

SKILI H LJVQUES in this chapter, you'll learn: i+ How to draw using the five bask shapes How to draw people simply and quickly How to draw faces and expressions 4 How to create four different typefaces 4 How to improve your penmanship 4. How to draw various visual elements 4 How to build your mind's visual library 4 Which tools to use for sketchnoting Tips for sharing your sketchnotes

147

ems 11 7 1 1 11

BEFORE YOU LEARN TO DRAW VISUAL ELEMENTS remember that sketchnotes are about capturing and sharing ideas, not art. Even bad drawings Can convey good ideas.

If you're not an artist or feel you can't draw well,

The foltowing exercises are designed to help you start stowly and build on your successes. You cotn do it!

148

* DRAW ALMOST ANYTHIN6 WITHTHESE 5 ELEMENTS.

THAT'S RIGHT! You can draw pretty much anything you can imagine with just five basic drawing elements

TheFIVE BkAC 1 L

A 1 4

THIS SIMPLER WAY of creating images is often a relief for non-artists who want to add drawings to their sketchnotes but think they can't draw.

150

FOR THE IDEA-FOCUSED DRAWINGS you want add to to sketchnotes, drawing complex ideas by building them with simple squctres, triangles, circles, lines, and dots is a handy technique. Can you spot the five elements in each of the following figures?

House

1 Pencil

Earth

Ca t

Car

iPhone

Factorg

Laptop

Satetlite

Radio

Dog

Lightsaber

Robot

151

1 . te, .•ATOE •IP)flATE:• • THAN , • C • • .

museum q ;u a l i/4 t\Ti NS; •ILL UST" y • •focus INSTEAD on

QUICKLY C SIMPLE D'eAWINGS P ofTthe IDEAS 'EA IN IN YOLP HEAD 6 usingthe 5 basicelements.

152

Mâ&#x20AC;˘ P I ' T I V 7 5 FANCY ILLUSTRATIONS E 1 r I T E M S

5 SIMPLE DRAWINGS

Woman

11 Laptop

Lapt op Tree

Pie Chart

Pie C h ar t

o Book

Book Simple drawings by Mike Rohde Fancy illustrations by Greg Newman

FANCYILLUSTRATIONS AND SIMPLE DRAWINGS conve9 the same ideas, but simpler drawings are quicker to create. Whert 9c:wire working live, speed and effectiveness are critical. 153

IFPIE BASIC ELEMENTS Err"iSr Now it's time for you to draw! In the grid below, use the five basic elements—square, circle, triangle, line, and dot—to create drawings of each word in the grid. If you get stuck, skip to the next word. CAR

CLOCK

BOOK

LAPTOP

COFFEE M U G

B O AT

IGLOO

C AT

DOG

TRUCK

TRAIN

TRACTOR

LIGHTBULB

EARTH

S AT U R N

M O U N TA I N

TREE

HAMMER

WRENCH

HOUSE

15 1

FISH

BIRD

BUG

ROBOT

FLASHLIGHT

CAMERA

SUBMARINE

SANDWICH

HEADPHONES

MILK J U G

B AT T E R Y

DVD

TV R E M O T E

M I N I VA N

BIKE

BASEBALL CAP

T- S H I RT

SHOES

TRASH C A N

HAMBURGER

PEN

PENCIL

W AT C H

155

D W I N S PEOPLE Drawing people quickly is a great skill to learn. There are Virta119 WayS to draw people â&#x20AC;&#x201D; s h o w you the two quickest ways-

THE STAR METHOD This method is used by professional graphic recorders f o r its speed and simplicity. Follow these four easy steps:

Draw the head

Draw a star-shaped body

11 4 1 4 4 0 Complete the body 4 3 Add faces, hair, clothes, etc.

156

THE6111'(,8 If METHOD Dave Gray taught we another way of drawing people using a rectangle, an oval, and several lines. I love this way of drawing people because it's quick and attows for embellishment if I have extra time. Fottow these six easy steps:

Draw a Body Start by drawing the person's body as a rectangle, which can be straight up and down for a format pose or at any angle for an active pose. The position of this rectangle sets much of the body's attitude and direction.

Draw a Neck Next, draw a neck as a line at the top of the rectangle. keep the neck short.

Draw a Head Draw a head as a circle or an oval at the top of the neck line. Make sure there is enough room inside the head f o r a face.

156

Draw Legs Using lines, add legs to the body because legs suggest the body's gesture more ctearty than arms. Bend the legs at the knees as needed. Use simple lines for the feet.

Draw Arms Next, draw arms in relation to the rest of the body, bending at the elbows. A simple line works welt for hands.

Draw a face Finally, use simple lines and dots to draw eyes, a nose, and a mouth. For the nose, a simple line works welt and can be pointed in the direction your person is looking.

Have fun adding more detckits to your person once the basic structure has been created.

159

PrOPLE E r In the grid below, - use the Gra9 Method to draw people. I've w r i t t e n some suggestions in the open grids to challenge 9ou a bit. Tr9 adding clothes, shoes, hats, I n cand i sother e details â&#x20AC;&#x201D; have fun! S TA N D I N G

RUNNING

'Ilk

WALKING

160

JUMPING

SITTING

ON T H E P H O N E

DAD & SON WALKING

B A C K PA C K E R

READING A BOOK

T E N N I S P L AY E R

KUNG FU M A S T E R

M A S T E RR C H E F

DANCING

161

p r i A l p r N r t a : \ fr47(12% My friend Austin Kleon has a way of drawing faces using a few straight and curved lines for eyebrows and mouths, a triangular nose, and dots for eyes. Using these etements in a bingo grid, you can quickly create nine different facial expressions:

EYEBROWS • • m • • • • • • •

,..........••••••

\,-I

\._.J

s•

'...\*

s•

• •m•.\ .

ft....0 1

•.

162

•. ••••\

c N •

. . , 0 /

f t . . . 1

f . . " . \

t' " N•__\•

.••\

f . . • ' N ,..\

•

IRAININC FACES Er :IcV• Now it's your turn to create faces using Austin's approach: •••••••Moimmeigodomet

0. , m , a 0 n ot o o m e r n el m a

Next, try thokt same technique on some blank faces:

163

•"'•'M

Exercise

Now it's time to create more faces. I've provided a few eye and mouth options, but feet free to make up your own. EYES elt1/4 e g N ;

BIFF

TEX

BOB

164

MOUTHS A y % 'Cr>

BUFFY

MOZZY

FRED

BIANCA

FRANKIE

M A I THE FACIAL EXPESSIONS CAN YOU CtsEATE?

Pawing TYPE

TYPE

TY rrnIVPA 165

tu W I N G TYPE A great way to immediately improve your plain text notes is to emphasize words with hand-drawn typography. In fact, you can create bolder or larger letterforms by hand in four easy ways:

SINGLE-LINE LETTERING Using a single line, these clean headlines can draw attention to a section you'd like to emphctsize in your sketch notes. Plus, drawing single-line lettering is easy and quick. , 1 • • • • • • • • • • • • •

stsAAL.L L E T T E R I N G

L4r3e Isiffierirt9 • Alt caps, small, single-line letters are great for establishing sections within a sketchnote.

Uppercase cknd lowercase single-line lettering is especickltg effective when used for headlines.

WHEN DRAWIN6 TYPE; JUST RELAX, AND LET THE LETTERS FLOW ONTO THE PA6E.

166

When crectting single-line lettering, slow down and deliberately create each character:

A B C D E P C - great thing about learning the single-line type method is The that many of these type crecttion methods are based on it. ) H I JLETTE K LV N TWO-LINE By drawing two lines in parallel, you can create bolder type. C You can also draw the type as a single line, adding a second line next to it

Next, you can close the ends of each character with a small line, and then fill in the gap with ink for bold, black letters.

DRAW V J R Liz i TERS WITH CONFIDENCE. NEVER HURRY.

7 1 -

TRIPLE-LINE LETTERING This bold lettering style begins with a single-lined letter, and then two lines are added on either side of the center line. dom.

As with two-line lettering, you can close the ends of each character with a small line, and then fill in the gap with ink for very bold, black letters. - - _ _ _ _ _ _

START SIMPLE & BUILD UP

Using the single-line lettering method allows you to quickly convert your letters to two- or triple-line lettering, simply by adding more lines, even at a later time. , 3 1 6 0 0 1 0 1111 0 1 - - - - -

( Alt three of these lettering methods start the same wag.

168

BLOCK LETTERING The block lettering approach requires a little more practice, skill, and time. When used properly, block lettering is a nice way to create a strong impression. Block lettering works well on title pages or when you want to emphasize a key point.

.0110111111•

Regutar btock lettering

Drop shadow added f

B i

o l

c l

k e

lettering in

WITH ALL of these hand-drawn lettering approaches, you may need to start the first few letters and leave the rest for later. This is fine — just remember to finish the words you've started drawing when the sketchnote is completed.

SPEEDY OAEADO- ..... i Started but incomplete

SPEEDY N O N E Cornpteted at a later time

169

—ea

m\WIINI6 TYPE Exerre Practicing hand-lettering techniques will help you quickly create type for your sketchnotes in a meeting. Use these pages to practice creating single-line, two-line, triple-line, and block lettering. SINGLE-LINE LETTERING:

ABC abc

TWO-LINE LETTERING:

A P 3 C a b L

170

TRIPLE-LINE LETTERING:

A C wiDc

BLOCK L E T T E R I N G :

ET 171

PEN IS MIGHT1E ummorl

Although large typographic elements work great for highlighting sections and ideas, you'll still need legible handwriting to capture detctited idects in your sketchnotes. 10 YEARS AGO i wrote only in ALL CAPS block letters after abo,ndoning lowercase handwriting. It took me months of practicing lowercase letter writing to get comfortable with it again. So, if your handwriting is rough and illegible, you Can change it! Just take it slow and keep working on it.

ALL cips LETTERING I - 0 + s of protc WAS T H e NoRNA k e t R o o t ottebreAtc• FOK tice ME YVARSAGO• -RAPt+ tutloif: My otd ALL CAPS handwriting

My lowercase handwriting

MIKE'S PENMANSHIP TIPS: Here are a few tips that help me when I need clear, legible writing:

Practice Just a few minutes a day does the trick.

Slow Down Focus on each letter, one at a time. Don't rush!

Relax Loosen your grip and relax your arm tension as you write.

••ANIN161 ' it,../m.r.,PNITs Visual etements add interest to your sketchnotes and can be a , variety of shapes and sizes. Here are a few you may find usefut to (earn as part of your practice routines: •/!!! Sit , •1/ , I _ o •••••••••••_. * ,tv 1 1 1 0 1 A , 1 1 0 4 b l _

BULLETS

4 . . . . . " . -

r _

17 1 4

. e . o n f t • . . . . . . .

LINES

CONNECTORS

4, •• ••

SEPARATORS

0 0

•

• m

•

1 =

••••••••••%....pm.anmn •

•

•••••••

THOUGHT & SPEECH BUBBLES

" . t.............•••••••..

-0 4 •• •• •

CONTAINERS

1C D

r • • • • • • • • • • V o o m m e • . • • • • • • -

ICONS

at"1/4 o t •43' (21ZS 02

E l

175

1r7 • I V 1AP , you learn and practice drawing all the visual elements As you've explored in this chapter, you're actucttly building a visuat library of items. -• , Learning these techniques is a great way to acid selections to your visual library. Another activity is to chatlenge yourself to draw items from memory when you have some downtime. FOR EXAMPLE, using the exercise sheets in this chapter, use your memory and draw objects from your kitchen and office. Imagine your toaster, coffee maker, computer, or stapler, and draw it. Push your mind to think of small, obscure items and draw ectch one in the book using the five basic drawing etements. This visuat exercise challenges you to imagine things in your mind's eye and then draw them as simple objects.

KEEPP , C T you've I C filled the visuat library Once exercises I N G in this book, keep your mind in practice by creating new visuat librar9 objects using Wank sheets of paper, sticky notes, a pocket notebook — even the back of junk mail envelopes.

176

with a WELL-STOCKED

VISUAL

IN YOUR MEMORY,

drawingideas andobjects BECOMES EASIER.

177

VISUAL U Y E 11the grid below, draw as many items from your kitchen from ,memory as you Carl recall. Remember to use the five basic elements -to"draw ren : you're seeing in your head. theeimages

178

179

VISUAL LIBRARY Exercise: nffice In the grid below, draw as many items from your office from memory as you can recall. Remember to use the five basic elements to draw the ivnages you're seeing in your head.

e=6

180

181

p miNe !I\IF7A051-fr) S Metaphors are figures of speech that use the attributes of a known idea to describe another, apparent19 unrelated idea. Good metaphors lean on vivid imagery.

METAPHORS SHOULD BE BOLD & FUNNY The most successful metctphors I've captured as sketch notes have been bold and a bit Over the top. I like to use humorous ideas for drawn metaphors because funny images are surprising and more likely to stick in your head.

WORLD PEACE WORLD WIDE WEB

BUCI<ET LISTS

THE KEY TO CREATING METAPHORS Let your imagination have free rein when you're sketching metaphors. Don't be afraid to use crazy, silty, or wild drawings for your metaphors. The vvlost absurd drawings I've created for sketch notes are often the most memorable.

• •••3 JOHN LOST HIS HEAD TIME FLIES

182

1 1 1 1 1 1 1 1 1 1 1 1 • 1 1 1 1 1 • 1 1 1 1 = - _ _ _

HOT HEAD

Seekout the

SILLIEST, C I E S T, WILDEST IDEAS asMETAPHORS. THEMOST BIZARREIDEAS CAPTUREATTENTION AND ARE UNFOROETTABLE ,

183

fot An9 paper or notebook, pencil or pen will work just fine for sketchnoting. However, there are pens and papers that work better for some than others. I use pocket-sized Moteskine sketchbooks becctuse the9're smatl and can take a beating in m9 pocket or backpack.

MOLESKINE SKETCHBOOK Moteskine sketchbooks nave heavy paper stock, which resists bleeck-through even with beav9 inking.

\, HEA VY 1INKING 0 6 1 1 2

An elastic strap keeps rA9 sketchbook shut.

Moteskines nave a pocket in the back for storing business cards, etc.

A h6km/9 bookmark lets nen a r k where I l e f t o f f sketching.

A Moleskine's two-page spreads work welt for the linear sketchnotes I create. Here's a sample:

what'sThe <Zan?

SPPLESER577, GREATwebeiesiei

pest gn A r tContenV m KNow molitumil TeASie ;7 : -M y SPaced 4 I r aLEAUE.s*MOVABM c THE M ) 1K 1gy ! r7asiKAT/ 7 CoPON /wiz PAITERNAPowiNis SAM Pt-S oF vSea. t N I F : k r - A c N (cs53/ )FONITSTACKING 41 -pctfevtls o r RePtkernent Focus o n 5 c oblo‘ck-and-white M Y STYLE features high-contrast, typograph9 and drawings, so Ip use aI bold, 0.7mm gel pen. r p R EnerGet 0.7m vn gel pen. M9 Pentel it \Rc H T1,‘ ct

-E!!!

Mike Rohde • SXSW Interactive 2010

185

CHHEP ' Some sketchnoters prefer square or spiral notebooks. 7 Others use finer black lines as a base and then amp1if9 their \sketchnotes afterward with colored markers, colored pencils, O T or even watercolor paints. E P SPIRAL—BOUND SKETCHBOOK 1 O31 , K .- 1 1 P • 4ezzam You can find a wide 1: 4 varietg of paper tg pes in E a spiral notebooks to 4 Fr handle ink, markers, and N c p, LAF even watercolor paint. ,,.E7E:j1 t tronp rn

.4641, Nome

aft

text...

Cuuriry

- 111 e ctrae

Pup le i o r o i lhe onion t v t1016 g a , awl , b t J i on n odifitte4atviceS rU

EMOTIONI 8relPEKIENCE 1.1 v410 it

-c

AL MM. ------ . - ------ ,w I l l e , j t o i c) W- A K 5 - t1 1 o) t t . . I1)e l e r l Pow czs ) x ,th.*SP4V-.1 o 4. c. c ga( . o. 4 +1 do . h) ef , e m. 1 ) e ) . n 1 u k t I E L I M !

0ARAICIV ( T I

n , t

ic EASY

ihe soma),

•111EY MN I l i f e c m r ,smotC: .. s AND ' . . ; ' ,

A„,..,n 4 c6a

ELERN I CEMATIEI5

S T I O t a

; , notebooks are Spiral great for laging f l a t . on tables. ) & notebooks Spiral can &so be 0 flipped open f o r easy access to ckng page in the book.

oi 'Dry v 1.k. A r g O,2 le6ra , coo , rr

o c y -

OCOMW1. 1 W 7 g: :0nt 59 1 2

-coo)5 _,A •

SCOL i LCommto rry t6e 04 1 0 . . . 4 h o o l o 9-.A 0

eatAke Schildt • Ton Zlystra

186

1 ,, i t1 uW 0r

• 6 , 0 OZ ONe) rC. 7 0,\01 7 (1 007 tv.kr9xC 2

i l • • ,l, ,

r1(49ALAGIWX;

D O A s A L I TERK/

' c5 t 7 ( ;;' 1 11 . , 7 1 , E 0 1

PEN OPTIONS include gel, ball point, or felt tips (0.3 to 0.5mm fine point), which dry quickly. Highlight your sketchnotes with felt-tipped markers or colored pencils.

Thebooks and pens you choose are up to you. Experiment with a variety of book styles, pens, and markers until you find the right combination that works best for you.

187 _-dill

r 190 T E S Sharing sketchnotes can be as simple as shooting and posting o a photo with your smartphone or as complex as making scans on your desktop computer. rhigh-resolution I often share my work both ways. SMA : TRIONES Smartphones are convenient to carry anywhere and can ) highly detailed photos for backup and sharing. create By sharing your sketchnotes using the camera on your phone H and posting them to your favorite social media site, you're drawing others in to enjoy your work right away. To help others understand and share your sketchnotes, add a brief but ctear description of the event and a link to your work. Making your sketchnotes easy to comprehend and share can make who,t you've created more attractive for readers to check out and even share with the world.

188

Lic3_ eeg A-tREiffi h a "Ae / Ym okik u OPEN77' E 711

AT I 1 W 6

(, -wF i sllOw 14 '1( 14 V 11E4, 4 IN RR ?I A â&#x20AC;˘ e g S t1' 'ht4tâ&#x20AC;˘S s I c rSe e 4t F 1Ev v, t t6r4 i t t ;1 11 , _P' 9 17 : '1 1 A : 1 t 7 '

ol l

DIGITAL CAME \ A 'S Another option is to carry a high-end, point-and-shoot pocket or DSLR camera with you to capture photos of your work to share at a later time. I've found pocket point-and-shoot cameras have a good t r a d e - o ff between quality and portability When I'm sketch noting at an event.

SCANNERS A quality flatbed scanner produces the best images, especially if the end result of your sketchnotes is a PDF document or a printed booklet. I prefer a small scanner powered from a USB cable. This allows me to carry it along to an event if needed. I scan my work as PNG files, which I can convert to pDF files or send to a printer f o r final print production. I use Photoshop to tweak the contrast and levels, and save a final file with each spread of sketch notes on a layer. This makes it easy to work with and export a large batch of sketchnotes.

r . , I C:=5,==.7) . .

159

'1UIPMENT: REFER. MoLESIOK 6 tur ° c r i w u r lootfutZtAliq A6"1-4A M fb1.SWEliggitgr LAKEA goT VStcol f / i ye 6 LON A C A T T E 31r 1t 1 4 1 6 AFeto -Mkerk-IVIARKEIZS— 6 Moth til 6t

I HAVE ALWAYS tsob•LIKE-tAkg*/ wtcs R E -1bLDoccbt rc • -01. -6SIAJCA-VON 1 AvtL Q G y 4 t o t J r

&IA6 sogRasc wliENONEbAy i ( t L YII4A m i s s AcNAL1ind6U s oNow s / wM k wy - 16As1A 6 NT E o T ' . g I i s c ? % G t 1 t i s R 1 W A c Ao 1 A 1 sobtle R NFt RS1!\ 3 EAR k Pe % _, 6 % * x V >tu m k i t P b' R cikkrow4vrR

&MOW' %1

6 r l i p t A T A T i l l e -

•

o i •

, x v -v r '''' zi I f n C1- i r ..z _3.8 0v ' (

Al e s I V j t

•

4 . C 1. 1 1. 1 4 1

11 -r6t-f ( _,clat< L I V E S Ai 1 A

s0-t U (, • •S _ 0 r a t M e A N I O N L. I -

111 1

( > -) (1

keep screch pesper cliselhe spe41<er scvs some-thing proloom whi le i'm inktn9 S'otre?thin9

Most of the time use 4 -

\sN a 0

2 VN 7 a ,7 â&#x20AC;˘ 0

sKogr l 98 iNge

MoleskIlAg brand. Watercolor journals have sat sfyingly thic pap er w i t h

MYNANO 1 5, , Hive \N - - ( y L e s T e e D

Te x a s

WIPc3 Ia6 D I R K -- , TR

?Rtc.eck D A RPeN5 t/OLRoN

00 5e L i z N r -

v1/4)19 N Dir01/40.* 6

c l e t . 0 N o T e

\ / CAN'T Ae ( Go v.) Itom 3 1/4A-)174A MA's Q (30'( M . 5 0

rIbLe 5 0:11Jt

JUST HAVe

1 THe f7e611NOV%ce \ cp04 c l5Gt-NeoNe ive

FNO I t , T( 1t A i t -) TK -Y

CkQe\/OUTHYoinSrre

•

_, • . . • • • = 1 , M V • 1 h 1 1 . 1

TLYLAMNISI You've made it to the end of The Sketchnote Handbook! Now you have a better idea of what sketchnotes are cknd how to create thervi.

Hereare a few details-Eoremember: STARTSLOWLY Use just a quarter of the page to start and expand as you improve your skills.

BUILD ON SUCCESS Try a few techniques and be happy with your progress as you continue to improve. Go easy on yourself!

LISTEN UP Manage distractions, listen closely, and concentrate. The more you practice listening, the better you'll get.

D1 1 Use the 5 basic elements to draw simple shapes, just like W do. Bad drawings can still convey good ideas! kids IV EXPLORE S I Find your own way as you learn to sketchnote. Everyone M a unique way of forming ideas and capturing them has SHARE P L Share those sketchnotes! You're invited to share your Y work at The Sketchnote Handbook group on Flickr:

196

ww w. fli ck

Isketchnotehandbook

GUESS HAT?

197

THIS. LL,.

••.,)t)

Et1

196

c a n !

EJ/

Zes,you.'

198

INDEX A about this book, xiv

caching ideas, 25, 46, 48

active listening, 46 Akah, Binaebi, 22-23

cameras, digita1,18ct

ALL CAPS t9pe,I35,173 anchoring ideas, 25 arrows, 43, VI,134,174 artwork a r t & structure scale, 87-88 ideas evnphasized over,18-1q,148

capturing ideas, 6,18, 42 cartoons,I38,13q Chew, Boon Yew, 40-41 circles,I6,150 commentar9,137 concentration, 31, 3'1 concepts, describing, 8 connectors,I74