Download as PDF, PPTX
Uploaded byOmar Sosa-Tzec
Sketchnoting Tutorial
The document outlines techniques for effective note-taking and visual thinking, emphasizing the importance of organization, synthesis, and metaphorical thinking. It recommends using specific tools, coding visual information, and making consistent connections among concepts to enhance understanding and recall. Additionally, it provides resources for further learning about sketchnoting and visual documentation.
More Related Content
Sketchnoting Tutorial
- 2.
- 3. 1.To organize andsynthesize new information 2. To developmetaphorical thinking 3.To review and remember
- 4.
- 5. 1. Get ridof the idea that knowing how to draw is necessary Notes should make sense to you!
- 6. 2. Get goodtools • Size • Paper • Resistance Notebook
- 7. 2. Get goodtools • Tip • Needle point • Brush tip • Grip • Color Pen/Pencils/Markers
- 8. Pilot Precise V5 RT FaberCastell PITT artist pen big brush Moleskine/ Handbook Journal/ Art Alternatives Pilot Envelope Address Writing Gel Ink Pen
- 9. 3. Write downthe key concepts/data/ideas • Date • Title/Topic • Word/Sentence
- 10. 3. Write downthe key concepts/data/ideas Beconsistent! • Place (e.g. date) • Sizes/Hierarchies • Date • Title/Topic • Word/Sentence
- 11. 3. Write downthe key concepts/data/ideas Remember • Writing everything down is impossible • Listen+Filter+Write down+Code • Date • Title/Topic • Word/Sentence
- 12.
- 14. 4. Code Visually •Boxes/Contours • Icons • Shadows
- 15. 4. Code Visually •Boxes/Contours • Icons • Shadows Beconsistent! • Imagine that each visual code is an attribute of the information being written down
- 16. 4. Code Visually Beconsistent! •Put in the same or similar box each of the concepts that you relate as similar or equivalent • Boxes/Contours • Icons • Shadows
- 17. 4. Code Visually Beconsistent! •Draw small, simple icons to be fast • Invent your own icons or symbols • Boxes/Contours • Icons • Shadows
- 18. 4. Code Visually Beconsistent! •Bring to the front through shading • Classify and increase aesthetic through shading • Boxes/Contours • Icons • Shadows
- 19. 4. Code Visually Remember •Imitation • Small sizes • Light source • Boxes/Contours • Icons • Shadows
- 20.
- 22. 5. Connect • Arrows •Dividers • Negative space
- 23. 5. Connect Beconsistent! • Relation •Meaning • Arrows • Dividers • Negative space
- 24. 5. Connect Beconsistent! • Style(e.g. dashed vs. complete arrows) • Thickness • Arrows • Dividers • Negative space
- 25. 5. Connect Remember • GestaltPrinciples • Visual hierarchies and contrast • Arrows • Dividers • Negative space
- 26.
- 28.
- 29. Main concept Concept 1 Concept2 Concept m Sub-concept 1,1 Sub-concept 1,n ... Sub-concept n,1 Sub-concept m,n ... Sub-concept 2,1 Sub-concept 2,n ... Sub-concept 1,1,1 Sub-concept 1,1,r ... Sub-concept n,1,1 Sub-concept n,1,s ... CurlyBracketsDiagrams
- 30.
- 31.
- 32.
- 33. 1.Sketchnoting by RebekahOlsen http://youtu.be/AyIsHyCpydU 2.Visual Thinking 101 by Sean Griffin http://youtu.be/vcW1_l-nRes 3.Sketchnotes by Eva-Lotta Lamn http://vimeo.com/17323993
- 34. 1.Sketchnoting in Behance http://goo.gl/Qb1zPU 2.Sketchnotingin Flickr http://goo.gl/eMdx9f 3.Sketchnoting in Pinterest http://goo.gl/w4i907
- 35. 1.Sketch basics fromID Sketching http://goo.gl/Q73ERo 2.The Sketchnote Handbook http://rohdesign.com/handbook 3.How to Mind Map in Three Small Steps from Life Hack http://goo.gl/QgFei0
- 36.
- 37. 1.Sketchnote Army https://twitter.com/sketchnotearmy 2.Spencer Nugent https://twitter.com/idsketching 3.SketchCamp https://twitter.com/sketchcamp
- 38.