Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Sketchnotes

A quick overview of how to do sketchnotes

Sketchnotes

  1. 1. The Mad 50 of Sketchnoting 
 Presenter: Gary Barber @tuna
  2. 2. I ask stupid questions.
 I find and solve complex problems. Problems involving people.
 I design for experiences. I just design. I also sketchnote, a little.
  3. 3. Sketchnotes are just Visual Maps
  4. 4. Holistic approach to note taking AKA:
 Visual notes
 Visual Meetings
 Visual Mind Maps 
 Visual Facilitation
  5. 5. They are created in realtime while listening to a presentation, talk, workshop, meeting, movie, TV program or after the event dealing with a book, meal, night out, holiday, week at work…. Creating Sketchnotes
  6. 6. It’s About Ideas NOT ART Creating Sketchnotes
  7. 7. Mike Rohde - https://www.flickr.com/photos/rohdesign/4921071691/ Examples
  8. 8. dessinauteur - https://www.flickr.com/photos/dessinauteur/14512609888 Examples
  9. 9. Gary Barber - https://www.flickr.com/photos/cannedtuna/18041772676 Examples
  10. 10. Lucy Spence - https://www.flickr.com/photos/49415654@N07/8032538672 Examples
  11. 11. Anna Lena Schiller - https://www.flickr.com/photos/frauleinschiller/16586537988 Examples
  12. 12. Laura Ward - https://www.flickr.com/photos/frauleinschiller/16586537988 Examples
  13. 13. Paul Downey - https://www.flickr.com/photos/psd/4323672510 Examples
  14. 14. Mark Congiusta - https://www.flickr.com/photos/interactivemark/6804131935/ Examples
  15. 15. Tools of the trade - Pen and Paper What do I use.
  16. 16. Yes it’s about drawing. Creating Sketchnotes Yes everyone can draw. It you can draw a square, a circle and a triangle - you can draw!
  17. 17. Getting in the Flow Sketchnoting is great for concentration Also good talks are easy to sketchnote You will get completely engaged, and in some cases get in the flow.
  18. 18. How it works! You already have an associate Library of images to word. Sketchnoting just uses them to synthesise concepts to draw
  19. 19. Technically Listen 
 Synthesise 
 Visualise 
 Draw the picture
  20. 20. Mistakes are good. Own your mistakes, life is not perfect, neither should be your sketchnotes.
  21. 21. Basic Elements Let’s Draw <Basic shapes>
  22. 22. Basic Elements Next steps
  23. 23. Some of My Basic Library House Car Book Clock Laptop Coffee Boat / Ship Truck Cat Dog Train Tractor Light bulb Globe (Earth) Horse Tree Hammer Spanner Fish Eye Bug Robot Torch Camera Mobile
 Phone Desk Phone Headphones Battery TV Set DVD/CD Key Cap Tablet Chair Table Skyscraper Satellite Moon Saturn Helicoper Shoes Rubbish Bin Hamburger Pen Pencil Bucket Spider web Fire Man Woman Hardhat Cliff face Toaster Bike Library of Books Lots of Money Grave Beer Bottle Drink Can Glass Sign Cake Case Flower
  24. 24. Some of My Basic Library
  25. 25. Basic Elements Let’s Draw Fish, Horse, Car, Spanner, Book
  26. 26. Basic Elements Let’s Draw There was a basic disconnect with the overall Ethics of the research division, electrocuting students was just wrong.
  27. 27. Basic Elements Let’s Draw Left to its own devices the market isn’t capable of ensuring we don’t stuff up the environment
  28. 28. Basic Elements Let’s Draw Offering anonymous interchangeable housecleaners on demand was more than just a business.
  29. 29. But this is too hard What’s the secret Cheat - Practice Cheat - Look up pics - copy /steal
  30. 30. But this is too hard Cheat - preload the sketchnote with the Titles and Speaker details
  31. 31. Active Listening Relearn how to listen FOCUS on speaker
 
 ELIMINATE distractions
 IMMERSE in presentation
 
 CACHE ideas 
 
 FIND Patterns
  32. 32. Sketchnote Anatomy
  33. 33. Sketchnote Anatomy Titles
  34. 34. Sketchnote Anatomy Diagrams
  35. 35. Sketchnote Anatomy Arrows
  36. 36. Sketchnote Anatomy Dividers, Icons, Bullets
  37. 37. Sketchnote Anatomy Typography
  38. 38. Sketchnote Anatomy Typography Carolyn Sewell - https://www.flickr.com/photos/pedestriantype/4008021833
  39. 39. Layout Patterns
  40. 40. Layout Patterns Linear
  41. 41. Layout Patterns Radial
  42. 42. Layout Patterns Skyscraper Rebecca Jackson - https://www.flickr.com/photos/_rebeccajackson/9054783505
  43. 43. Layout Patterns Path Based
  44. 44. Layout Patterns Modular Hans Gerhard Meier - https://www.flickr.com/photos/fontourist/8466649244/
  45. 45. Layout Patterns Popcorn
  46. 46. Layout Patterns Vertical Mike Rohde - https://www.flickr.com/photos/rohdesign/6044065863
  47. 47. Remember There are no Rules! - just have a GOOD STRUCTURE
  48. 48. Remember Start small
  49. 49. Remember Arrive Early - get a good seat
  50. 50. Remember Watch the clock
  51. 51. Remember Have fun with it
  52. 52. Your Turn Let’s Sketchnote!
  53. 53. Take a few minutes Every city needs healthy honey bees
 
 - Noah Wilson-Rich (12 Minutes) Let’s draw up the title and Pic
  54. 54. More Reading http://sketchnotearmy.com/ http://www.sketchnotesbook.com/resources/ Sketchnoting - Kevin Mears (five simple steps) Sketchnote Workbook - Mike Rohde (Peachpit) Sketchnote Handbook - Mike Rohde (Peachpit) http://uxmastery.com/sketchnoting-101- how-to-create-awesome-visual-notes/ Sketchnote Workbook for Beginners: - Dale Blake (Speedy Publications) Visual Meetings - David Sibbet 👍 👍👍

×