• J'aime
The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 17, 2014]
Prochain SlideShare
Chargement dans... 5
×

The Power of Visual Notetaking :: SF Design Week, General Assembly [Tue Jun 17, 2014]

  • 28,999 vues
Transféré le

Visual note-taking is a powerful tool for design professionals who want to capture ideas and communicate them effectively. Known as sketchnoting or graphic recording, this practical technique enables ...

Visual note-taking is a powerful tool for design professionals who want to capture ideas and communicate them effectively. Known as sketchnoting or graphic recording, this practical technique enables you to capture key points of an idea, recall content and take action on new learnings. Whether used as a personal tool or as a facilitation method for group collaboration, visual notes are a powerful way to create memorable, engaging info summaries.

In this hands-on workshop, participants developed a visual vocabulary of images of things and concepts, learned simple lettering techniques, and got familiar with structuring information into common layout patterns. Then they brought it all together by capturing visual notes in real time from video, and got feedback and inspiration in a group critique.

If you're new to visual notetaking, this is a fun and fast way to get started. If you're a seasoned sketcher or visual note-taker, you can review this deck to advance your practice.

Plus dans : Design , Technologies
  • Full Name Full Name Comment goes here.
    Êtes-vous sûr de vouloir
    Votre message apparaîtra ici
Aucun téléchargement

Vues

Total des vues
28,999
Sur Slideshare
0
À partir des ajouts
0
Nombre d'ajouts
38

Actions

Partages
Téléchargements
372
Commentaires
5
J'aime
170

Ajouts 0

No embeds

Signaler un contenu

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler
    No notes for slide

Transcript

  • 1. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Ulc te pwr o ifrain wt Vsa Nttkn Wloe! San Francisco Design Week 2014
  • 2. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 •Ito o vsa nts •rpd-rud •patc ssin •gley & ciiu •Nx ses Wa w’l d
  • 3. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Wo’s hr? •nm •ps eprec ih vsa nts / secig •fvrt sproe 5 mnts
  • 4. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 • Picpl, Itleo.cm • C-Fudr, Lx.c • Secntr, gahc rcre • Eternusi + U Kt Rte @ktrte ht://itleo.cm
  • 5. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 secntn? gahc rcrig? gahc fcltto?
  • 6. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter http://intelleto.com/2013/09/24/sketchnotes-from-napkin- academy-live-the-presenters-journey-with-dan-roam/
  • 7. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter http://intelleto.com/portfolio/sketchnotes-service-experience- conference-2013/
  • 8. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter for Great Work MBA
  • 9. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter http://intelleto.com/2013/10/15/sketchnotes-from-design- thinking-meetup-with-audrey-crane/
  • 10. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter for Lippincott Customer Experience Event
  • 11. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter for Code for America
  • 12. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Wy? • cpue & rmme ies • vsal eggn & mmrbe • hglgt eoinl cnet • Ognz no srcue • Sae & clbae
  • 13. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 I fin ht hn I ae nts vsal, I o ak vr hm mr otn, n m be o rcl h ies oe cery. “ “
  • 14. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Wa t epc
  • 15. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Secntn Bsc Ito
  • 16. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Te bsc...
  • 17. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Doug Neill http://www.thegraphicrecorder.com/2013/08/12/ sketchnotes-of-austin-kleons-creative-mornings-talk- on-showing-your-work/
  • 18. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Doug Neill http://www.thegraphicrecorder.com
  • 19. INTRO TO VISUAL NOTETAKING | JUN 17, 2104
  • 20. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Alexis Finch http://www.flickr.com/photos/agentfin/8721881140/in/ set-72157633702488134/
  • 21. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Sacha Chua http://sachachua.com/blog/2012/12/visual-book-notes-best- practices-are-stupidstephen-m-shapiro/
  • 22. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter http://intelleto.com/portfolio/sketchnotes-service-experience- conference-2013/
  • 23. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Maria Mariano https://medium.com/@mbfmariano/7e847855b27b
  • 24. INTRO TO VISUAL NOTETAKING | JUN 17, 2104
  • 25. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Mike Rohde
  • 26. INTRO TO VISUAL NOTETAKING | JUN 17, 2104
  • 27. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Cmo mtras Gray marker or pencil Gel pens (.3 / .5 / .7) Unlined Moleskine
  • 28. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Go-eog mtras
  • 29. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Eeyn gt mtras?
  • 30. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 qik atvt o e yu ad mvn. wr-us
  • 31. INTRO TO VISUAL NOTETAKING | JUN 17, 2104
  • 32. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 3 scns
  • 33. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 3 scns
  • 34. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 • lteig • mowrs • pol • tig • ies rpd rud
  • 35. INTRO TO VISUAL NOTETAKING | JUN 17, 2104
  • 36. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 5 fo 1 bsc • srf • dul • bbl • bok Lteig
  • 37. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 bsc srf dul bbl bok
  • 38. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 2 scns bsc tl wd
  • 39. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 mowrs
  • 40. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 2 scns
  • 41. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 sleepy
  • 42. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 wild
  • 43. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 terrifying
  • 44. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 bitter
  • 45. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 surprise!
  • 46. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 unique
  • 47. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 pol
  • 48. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Sa pol
  • 49. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Sa pol
  • 50. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 smile frown up brows neutral down brows no brows add a mouth... add eyebrows... Epesos mti
  • 51. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 pol & epesos
  • 52. INTRO TO VISUAL NOTETAKING | JUN 17, 2104
  • 53. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 “When’s the next shuttle?” 1 scns
  • 54. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 “Actually, I’m happy you’re miserable.” 1 scns
  • 55. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 “I’m sorry I took the last donut.” 1 scns
  • 56. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 “Huzzah! You got that awesome job!” 1 scns
  • 57. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 tig
  • 58. INTRO TO VISUAL NOTETAKING | JUN 17, 2104
  • 59. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 1 scns
  • 60. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 coffee cup
  • 61. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 smart phone
  • 62. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 clouds
  • 63. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 laptop
  • 64. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 hammer
  • 65. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 anchor
  • 66. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 umbrella
  • 67. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 globe
  • 68. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 key
  • 69. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 ies
  • 70. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 2 scns
  • 71. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 great idea
  • 72. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 balance
  • 73. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 adapt
  • 74. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 capture
  • 75. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 share
  • 76. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 success
  • 77. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Bt firt, oe tp... Patc Ssin
  • 78. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 • lna, vria & sycae • rda & pt • mdlr & ppon Lyus
  • 79. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 linear vertical
  • 80. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 skyscraper
  • 81. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Jessica Eldredge http://www.flickr.com/photos/jessabean/8705360625 lna vria
  • 82. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 radial
  • 83. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Jason Alderman http://www.flickr.com/photos/jalderman/10039867503 rda
  • 84. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 path
  • 85. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Alexis Finch http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334 pt
  • 86. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 modular
  • 87. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Stephani Batchetti ://www.core77.com/blog/sketchnotes/ sketchnotes_of_iit_institute_of_designs_design_research_ conference_2013_by_stefani_bachetti_25727.asp modular
  • 88. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Scott Torrence http://www.flickr.com/photos/100566070@N06/9727471316 mdlr
  • 89. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Carolyn Sewell http://www.flickr.com/photos/pedestriantype/8741556545 mdlr
  • 90. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 popcorn
  • 91. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Timothy Reynolds http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/ ppon
  • 92. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Kate Rutter http://intelleto.com/2013/11/18/sketchnotes-get-traction-nir-eyal/ ppon
  • 93. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Patc Ssin
  • 94. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 TD tl } https://www.ted.com/talks/ david_kelley_how_to_build_your_creative_confidence #t-399414 11:43 min • tte f tl • sekr ae (& prri) • eet • dt • or ae + cnat David Kelley at TED, March 2012
  • 95. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Fns u... https://www.ted.com/talks/ david_kelley_how_to_build_your_creative_confidence #t-399414 David Kelley at TED, March 2012 • tte f tl • sekr ae (& prri) • eet • dt • or ae + cnat Ad: epai, tp sye, cnetr, fae, dph, clr....
  • 96. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Gley & Ciiu
  • 97. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 frhr epoain
  • 98. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Ji te meu: ht://ww.meu.cm/Secnts-S/ @secntsF Secnt Mrig Eey Tusa mrig 8-9m a h Ebraeo. Mnhy Meu Srcue meu ssin a lt ie hs wrso.
  • 99. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Pol t flo Secnt Am ht://secntam.cm/ Mk Rhe ht://rhein.cm @roein Sni Bon ht://snirw.cm @snirw Dvd Sbe @ h Goe ht://goe.cm Dv Ga ht://ww.dvgaif.cm @dvga Sca Cu ht://scaha.cm @scaha Aei Fnh ht://gahtmn.cm @aetfin Asi Ken ht://asiken.cm @asiken Ea Lta-Lm ht://ww.eaot.nt @eaothn
  • 100. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Mr vz tik rsucs...
  • 101. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 seil offe! tak o ie o h dson cd!
  • 102. INTRO TO VISUAL NOTETAKING | JUN 17, 2104 Tak! @ktrte ht://itleo.cm