Skip to content

Instantly share code, notes, and snippets.

@tk-o
Last active December 15, 2019 11:01
Show Gist options
  • Save tk-o/486e9a24ab1849296943a13aaf924812 to your computer and use it in GitHub Desktop.
Save tk-o/486e9a24ab1849296943a13aaf924812 to your computer and use it in GitHub Desktop.
Sketchnoting cheatsheet

Sketchnoting

What is it?

I was reading various resources and came up with the following definition:

Sketchnoting is form of making notes and incorporating visuals into the text (or text into the visuals).

What it helps with?

Long story short: the reader's brain can digest a given piece of information more easily.

People are in general (at least in 65%) visual learners. They pay attention to graphical content and are able to remember pictures extremely well. You probably heard this quote:

A picture is worth a thousand words.

Visual + Verbal

It is even more powerful form of presenting information. Not every word can be expressed effectively in a graphical way. And still one picture can express more than 1000 words, right?

That's how we quickly established that sketchnoting can be really helpful in terms of conveying infromation. It is about combining two forms: visual and verbal. Let's see how to start sketchnoting...

Introduction

There are a few segments of basic things to learn:

  • elements
    • hand-writing styles
    • emphasis styles
    • connectors (i.e. arrows)
    • containers (i.e. boxes, frames)
    • icons and symbols
    • faces
    • listings
    • dividers
    • colors
  • layouts
    • Cornell Note Taking
    • timeline
    • mind map
    • flow chart
    • road bricks

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment