Scribd
Upload
4K views40 pages

Sketchnoting Tutorial 150121200007 Conversion Gate01

This document discusses different techniques for taking notes visually including organizing information, using good tools, writing down key concepts, coding concepts visually through boxes and icons, and connecting concepts through arrows and dividers. It provides examples and resources for learning visual note-taking techniques.

Uploaded by

indoexchange
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4K views40 pages

Sketchnoting Tutorial 150121200007 Conversion Gate01

This document discusses different techniques for taking notes visually including organizing information, using good tools, writing down key concepts, coding concepts visually through boxes and icons, and connecting concepts through arrows and dividers. It provides examples and resources for learning visual note-taking techniques.

Uploaded by

indoexchange
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 40

Why?

1.To organize and synthesize


new information
2. To develop metaphorical
thinking
3.To review and remember
Organizing
and Synthesizing
New Information
1. Get rid of the idea
that knowing how to
draw is necessary

Notes should make sense to you!


2. Get good tools

Notebook

Size
Paper
Resistance
2. Get good tools

Pen/Pencils/Markers

Tip
Needle point
Brush tip
Grip
Color
Moleskine/
Pilot Precise Faber Castell Pilot Envelope Handbook Journal/
V5 RT PITT artist pen Address Writing Art Alternatives
big brush Gel Ink Pen
3. Write down the key
concepts/data/ideas
Date
Title/Topic
Word/Sentence
3. Write down the key
concepts/data/ideas
Date Be consistent!

Title/Topic Place (e.g. date)


Word/Sentence Sizes/Hierarchies
3. Write down the key
concepts/data/ideas
Date Remember

Title/Topic Writing everything


Word/Sentence down is impossible
Listen+Filter+Write
down+Code
topic
date date topic

anchor concept
anchor concepts

concept
anchor concept
concepts
4. Code Visually
Boxes/Contours
Icons
Shadows
4. Code Visually
Boxes/Contours Be consistent!
Icons
Imagine that each
Shadows visual code is an
attribute of the
information being
written down
4. Code Visually
Boxes/Contours Be consistent!
Icons
Put in the same or
Shadows similar box each of
the concepts that
you relate as similar
or equivalent
4. Code Visually
Boxes/Contours Be consistent!
Icons
Draw small, simple
Shadows icons to be fast
Invent your own
icons or symbols
4. Code Visually
Boxes/Contours Be consistent!
Icons
Bring to the front
Shadows through shading
Classify and
increase aesthetic
through shading
4. Code Visually
Boxes/Contours Remember
Icons
Imitation
Shadows
Small sizes
Light source
visual reference
cluster of ideas

artwork
theories of art
person

HCI/d researcher
visual reference for that researcher
5. Connect
Arrows
Dividers
Negative space
5. Connect
Arrows Be consistent!
Dividers
Relation
Negative space
Meaning
5. Connect
Arrows Be consistent!
Dividers
Style (e.g. dashed vs.
Negative space complete arrows)
Thickness
5. Connect
Arrows Remember
Dividers
Gestalt Principles
Negative space
Visual hierarchies
and contrast
concept
ideas to
sub-concept
remember/reflect
idea

cluster of ideas divisor


Complementary
Knowledge
Curly Brackets Diagrams
Sub-concept 1,1,1

...
Sub-concept 1,1

...
Concept 1 Sub-concept 1,1,r
Sub-concept 1,n

Sub-concept 2,1
Main concept

...
Concept 2
Sub-concept 2,n
...

Sub-concept n,1,1

...
Sub-concept n,1
Concept m Sub-concept n,1,s
Sub-concept m,n
Mind Maps

http://mrsmpontian-genius.blogspot.com/2011/04/awesome-examples-of-thinking-tool.html
UML

http://www.claudiodesio.com/ooa&d/UMLPoster/UMLPoster.jpg
Some Resources
1.Sketchnoting by Rebekah Olsen
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
1.Sketchnoting in Behance
http://goo.gl/Qb1zPU

2.Sketchnoting in Flickr
http://goo.gl/eMdx9f

3.Sketchnoting in Pinterest
http://goo.gl/w4i907
1.Sketch basics from ID 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
1.JetPens
http://www.jetpens.com

2.Moleskine
http://www.moleskine.com/

3.UI Stencils
http://www.uistencils.com/
1.Sketchnote Army
https://twitter.com/sketchnotearmy

2.Spencer Nugent
https://twitter.com/idsketching

3. SketchCamp
https://twitter.com/sketchcamp
Warming-up
Practice

You might also like