Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Digital Sketchnotes for Visualizing Learning

4.664 Aufrufe

Veröffentlicht am

This presentation will introduce how learners of all ages can use the technique of creating sketchnotes on a iPad as a way of visualizing their learning. A free iTunesU course will be shared that will guide learners through basic sketchnote equipment, elements, and techniques and will provide lessons for learning.

Veröffentlicht in: Bildung

Digital Sketchnotes for Visualizing Learning

  1. 1. tinyurl.com/ipadsketchnotes Karen Bosch @karlyb
  2. 2. tinyurl.com/ipadsketchnotes Karen Bosch @karlyb
  3. 3. tinyurl.com/ ipadsketchnotes Karen Bosch To participate, go to the resource link and download: the iTunesU course Tayasui Sketches App
  4. 4. Creative
  5. 5. tinyurl.com/ipadsketchnotes Twitter: @karlyb kbosch@southfieldchristian.org
  6. 6. Beginnings: Link to Pinterest Brad Ovenell-Carter
  7. 7. Find a way to practice weekly!
  8. 8. My First Sketchnote link to my sketchnotes
  9. 9. My First Sketchnote link to my sketchnotes
  10. 10. Sermons
  11. 11. Flipink Example
  12. 12. Sketchbook Pro Example
  13. 13. Procreate Example
  14. 14. sw Tayasui Sketches Example
  15. 15. Conferences
  16. 16. Conferences
  17. 17. Conferences
  18. 18. Conferences
  19. 19. Conferences
  20. 20. Book Quotes
  21. 21. Brainstorming
  22. 22. Meetings
  23. 23. Video
  24. 24. Professional Development
  25. 25. Biography
  26. 26. YOU & SKETCHNOTES Share: Name? Where you are from? What you teach/do? Your interest in sketchnotes? Your experience with sketchnotes?
  27. 27. SKETCHNOTES
  28. 28. Apple Notes app
  29. 29. Focus on what resonates with YOU!! (not everything!)
  30. 30. Hands On Activity • Begin making a simple sketchnote about what/ why sketchnotes while listening
  31. 31. SKETCHNOTES
  32. 32. Fill in the Blank Notes
  33. 33. Typing vrs Article Study Link
  34. 34. increases/ enhances: • listening • comprehension • ability to recall Study Link
  35. 35. • doubles ability to recall Study Link
  36. 36. Link
  37. 37. Why? I hear what you are saying I see what you mean
  38. 38. Make Your Own Meaning
  39. 39. I listen better when I draw. It’s so easy to focus…your attention. Taking sketchnotes… helped my understanding because I had to visualize what he was talking about to draw it. Students Say:
  40. 40. Sketchnotes and ISTE Standards CREATIVE COMMUNICATOR KNOWLEDGE CONSTRUCTOR INNOVATIVE DESIGNER
  41. 41. #sketchnotes #ISTE17 Sketch and Share Twitter Instagram Facebook Tumblr Flickr
  42. 42. SKETCHNOTE TOOLS
  43. 43. Inexpensive Stylus for Student Use Link
  44. 44. My Stylus Graveyard
  45. 45. “Sketchnotes” is not a specific app Device and App Agnostic Any drawing app will work! APPS:
  46. 46. My Sketchnote App Essential Features: Realistic tool simulation: marker, pen, pencil, crayon, watercolor Ability to customize tool width and transparency Easy zoom in for details, easy undo Background grid/lines and colors Type in text For advanced users: Layers Insert photos Lasso or knife tool to move/resize Paint over/under tool Tool to fill shapes
  47. 47. Link to App Pros/Cons Tayasui Sketches (free/paid)
  48. 48. Tayasui Sketches Example
  49. 49. Link to App Pros/Cons Paper53 (free!) All tools are now FREE! New tools! Easier undo and zoom! Requires an account
  50. 50. Paper53 Example
  51. 51. Autodesk Sketchbook(free/pro) Link to App Pros/Cons
  52. 52. Sketchbook Pro Example
  53. 53. Link to App Pros/Cons Procreate (paid)
  54. 54. Procreate Example
  55. 55. Drawing Apps for Early Learners Hello Crayons (free) Drawing Pad (paid) Drawing Box (Free)
  56. 56. Other Favorite Drawing Apps?
  57. 57. Hands On Activity • Playground Time: Create a Biography Sketchnote • Explore/ Share Drawing Apps
  58. 58. SKETCHNOTE RESOURCES
  59. 59. tinyurl.com/ipadsketchnotes
  60. 60. Quickstart App Tutorial Videos Link Link
  61. 61. iTunesU Course: Digital Sketchnotes for Visualizing Learning FREE!
  62. 62. Drawing App Diagrams Link
  63. 63. Begin with Tutorial Videos tinyurl.com/ ipadsketchnotes • What/Why Sketchnotes • Sketchnote Elements
  64. 64. Sketchnote Introduction Videos: Pencil/ Paper Notes
  65. 65. Sketchnote Expectations: Title/Topic of your sketchnote (bold text) 4 to 6 main ideas shown with both words and simple pictures (Use color, size, and line thickness to draw attention to main ideas) A way to organize and/or show the order of the steps/ directions (use containers, lines, arrows, or other organizers) A few details for some of the steps (smaller text, pictures) Thoughtful/creative use of color and iPad drawing tools to express ideas Your first name
  66. 66. Free multitouch book about sketchnotes from Apple Distinguished Educators Link
  67. 67. Link Sketchnote Handbook/Workbook by Mike Rohde
  68. 68. Link The Doodle Revolution by Sunni Brown
  69. 69. Link Visual Note-Taking for Educators by Wendi Pillars
  70. 70. Link Sketchnotes for Educators by Sylvia Duckworth
  71. 71. Hands On Activity • Create a sketchnote from an article on the resource page
  72. 72. SKETCHNOTES ELEMENTS
  73. 73. Hands On Activity • Use ANY app while watching video on Sketchnote Elements
  74. 74. Sketchnote Elements: Practice!
  75. 75. SKETCHNOTES HINTS
  76. 76. Use pen/notebook/phone camera if things go too fast!
  77. 77. Helpful trick: grid/zoom in and out Note: you can turn the grid off when you are done
  78. 78. Helpful trick: over/ under drawing
  79. 79. Fill empty space with large text/pictures
  80. 80. Use Knife to Cut and Move
  81. 81. Text Hints • GRID + PINCH! • 4 BASICS: capitals (titles), lower case (details), cursive/ italic (quotes), fancy/double/dot ends (emphasis) • Use “sketchy” lines to hide messy writing • Make thick lines, then outline, for block text • Text to represent ideas - scary, lean, grow • Practice: your name multiple ways!
  82. 82. Color Hints • Play with color to emphasize ideas/mood • Highlight text with color underneath • Set up color picker palette on page or palette in app • Save color palettes - Adobe Capture • I like to limit palette to 2/3 colors + white/black/gray
  83. 83. Prepare titles in advance/make templates
  84. 84. Use two steps: do text live do graphics later use layers, color UNDER text (Gives time to reflect on what was heard and learned.)
  85. 85. Setup Demo • Setting up color palette, lines, transparency • Title • Contact info, speaker info • Layers - text on top, coloring under • Duplicate Template
  86. 86. Drawings • Use “sketchy” lines, simple shapes • Stick People - line, box, star, circle • Create visual metaphors - combine 2 ideas • Shadows and Glows for emphasis • Use layers for coloring under • Practice!!
  87. 87. • Google “clipart” or “icon” • Use Noun Project site • Develop a “visual vocabulary” Use Your Phone
  88. 88. Hands On Activity • Create a “brainstorm” page of images + text that relate to the topic “LEARN”
  89. 89. Use Layers to Trace (I used Procreate app to export this drawing process as a video) link to tutorial
  90. 90. Student Self Portraits Created with SketchbookX app link to tutorial Link to examples
  91. 91. Sketchnotes into Video Procreate, iMovie, Garageband
  92. 92. Lessons for the Classroom
  93. 93. Sketchnotes for Learning Student examples
  94. 94. Student Projects: Sketchnote Journals (6th grade) Flipink, Tayasui Sketches
  95. 95. Student Projects: How To Sketchnotes (6th grade) Flipink, Tayasui Sketches, Sketchbook X
  96. 96. Student Projects: Chapel Sketchnotes (6th grade)
  97. 97. Student Projects: Chapel Sketchnotes (6th grade)
  98. 98. Student Projects: Non-Fiction Articles (2nd grade) Drawing Pad
  99. 99. Student Projects: Non-Fiction Text (4nd grade) Flipink
  100. 100. Student Projects: Sermons (middle school) Flipink
  101. 101. Student Projects: Discovery Streaming video (sixth grade) Flipink
  102. 102. Student Projects: PBS Learning Media Explorer Collection (Middle School) Choice of Apps
  103. 103. Student Projects: Science Notes (fourth grade) Flipink
  104. 104. Student Projects: Science Notes (fourth grade)
  105. 105. Student Projects: Science Notes (fourth grade)
  106. 106. Student Projects: Fiction Books/Stories (middle school) Flipink
  107. 107. Student Projects: Social Studies (middle school)
  108. 108. Student Projects: Bible (middle school)
  109. 109. Hands On Activity • Create an example sketchnote to go along with a lesson that you teach to your students.
  110. 110. Hands On Activity • Create a self portrait using layers and tracing
  111. 111. Hands On Activity • Create a sketchnote while listening
  112. 112. tinyurl.com/ipadsketchnotes Twitter: @karlyb
  113. 113. Copyright: Karen Bosch, All Rights Reserved

×