×
Introducing Creative Market Pro: Download unlimited assets to elevate your work. LEARN MORE

50+ Awesome Resources to Create Visual Notes, Graphic Recordings & Sketchnotes

By on May 2, 2016 in Inspiration
50+ Awesome Resources to Create Visual Notes, Graphic Recordings & Sketchnotes

You've probably seen them around every time a creative conference ends: beautifully hand drawn notes that summarize big ideas using simple visuals. If you're anything like me, you've wondered how on Earth anyone can create such a detailed graphic during the few minutes that the speaker spilled knowledge into the world. As it turns out, this form of note-taking only comes "naturally" to you after cultivating a strong visual library and some essential drawing skills.

While most experts say that pretty much anyone can learn this technique, it will require some effort and preparation on your part. In this article, I'll share 50 of the best resources that I've found in my own path to learn about visual note-taking, graphic recording and sketchnoting — which are all somewhat related.

What is visual note-taking?

Visual notes are graphic outlines that help us record and learn new information. According to Mike Rohde, author of one of the most well-known handbooks in this area, sketchnotes are a form of visual note-taking that aims to capture big ideas using a combination of text, images and other graphic elements.

What can it be used for?

Visual note-taking can help you clarify, learn and share information for a wide variety of uses. These are some of the most popular applications for visual notes:

To document personal experiences and reflect on them later.

Creatives who engage in this practice collect their visual notes as a diary. They carry around and work on sketchbooks where thoughts and daily activities are recorded for later reflection. In the example below, illustrator Reg Silva recorded key lessons from her trip to Japan:

VisualNotes1Pin It

To summarize conference lessons.

These visual notes can be created to share with attendees after the event or for your personal learning process. Many creatives champion the personal use of sketchnotes to summarize conference proceedings, while others have built an entire practice around something known as "Graphic Recording". Graphic Recording implies "capturing everyone’s most salient points and making them stick", as described by experts at ImageThink.

This graphic by visual consultancy Think in Colour summarizes the main idea behind Graphic Recording:

VisualNotes3Pin It

Taking it one step further, Graphic Facilitation adds a nimble graphic artist that captures the main points being discussed in real time. Graphic facilitators are usually visible to the entire audience within a conference, and become an essential part of the dialog.

VisualNotes2Pin It

Our very own Head of Design, Gerren Lamson, has created visual notes to collect the main lessons in some of the conferences that he has attended:

VisualNotes4Pin It

VisualNotes5Pin It

To create innovative marketing pieces like hand-drawn emails.

Sometimes that hand drawn feel can break through the clutter of so many screens and perfectly kerned typefaces. Marketers and designers constantly use visual notes to communicate messages. Think Clearly, for example, sends out a weekly handwritten email newsletter crafted by founder Mathias Jakobsen.

VisualNotes6Pin It

To drive engagement in business meetings and coaching sessions.

As described above, a graphic facilitator can assist in the creation of an engaging visual recap in different kinds of events. Internal meetings are also great spaces where this form of visual note-taking can add value. In the example below, Lane Change Consulting recorded the discussion that took place at The League of Innovative Schools' Spring Meeting.

VisualNotes7Pin It

To build storyboards for all kinds of design projects.

Drawing skills are an incredibly useful asset for UX design, especially when you incorporate low-fidelity prototyping to your process. Being able to sketch clear storyboards quickly (and share them to obtain feedback) is a key timesaver when trying to design empathetic user experiences. Designer Kevin Thorn, from NuggetHead Studioz, created this sketchnote to defend the use of hand drawn storyboards early in the design process.

storyboarding800Pin It

To explain an existing idea.

Sometimes visual notes are used outside of the live context of a meeting or conference, and aim to capture existing ideas instead. All you need is an interesting topic and a body of information/text that you can summarize. Designers over at In A Nutshell created this sketchnote of a book summary.

VisualNotes9Pin It

VisualNotes10Pin It

To brainstorm and mindmap freely.

Right brain thinkers might find an essential brainstorming tool in visual note-taking. If you count yourself among the visual learners, try letting your ideas flow on a blank piece of paper. Use as many symbols as you can and avoid relying on large chunks of text. If you need more guidance, use this infographic by Tobias Lunchbreath for Core77.com.

VisualNotes11Pin It

Free Resources for Beginners

Articles to Get Started

How-to Sketchnote: An Interview with Mike Rohde by Creative Market

VisualNotes12Pin It

Fundamentals of Visual Notetaking for SXSW Interactive 2010 by Sunni Brown

VisualNotes13Pin It

Developing Your Core Handwritten Font For Sketchnoting by Doug Neill at Verbal To Visual

VisualNotes14Pin It

7 Ways Doodling Will Change Your Life by Andrew Tate for Canva's Design School

VisualNotes15Pin It

Pens for Sketchnoting at Sketchnote Army

VisualNotes16Pin It

Sketchnotes 101: The Basics of Visual Note-taking by Craighton Berman at Core77

VisualNotes21Pin It

What Are Sketch Notes? by Kevin Thorn at Nuggethead Studioz

VisualNotes17Pin It

Visual Notes: Essential Elements

VisualNotes18Pin It

Sketchnotes: Characters and Locations by Kevin Thron at Nuggethead Studioz

VisualNotes19Pin It

Sketchnoting 101: How To Create Awesome Visual Notes by Matthew Magain at UX Mastery

VisualNotes20Pin It

Hands-on Videos

CreativeLive: A Live Sketchnoting Session


This video is an excerpt from CreativeLive's sketchnoting class.

The Sketchnote Podcast: Sketchnoting Concepts

How To Sketchnote Without Drawing (VTV Episode #8)

A Sketchnote Primer

Visual Recording on the iPad

Sketcho Frenzy: The Basics of Visual Note-taking

How to Take Great Notes

What Is Graphic Recording?

Presentations

Inspiring Assets

Fonts

Borders, Objects and Faces

Mockups To Showcase Your Sketchnotes

Books, Ebooks and Workbooks

The Doodle Revolution: Unlock the Power to Think Differently by Sunni Brown

VisualNotes22Pin It

The Sketchnote Workbook: Advanced techniques for taking visual notes you can use anywhere eBook by Mike Rohde

VisualNotes23Pin It

The Sketchnote Handbook: the illustrated guide to visual note taking by Mike Rohde

VisualNotes24Pin It

The Back of the Napkin: Solving Problems and Selling Ideas with Pictures by Dan Roam

VisualNotes25Pin It

The Graphic Facilitator's Guide: How to use your listening, thinking and drawing skills to make meaning by Brandy Agerbeck

VisualNotes26Pin It

Visual Meetings: How Graphics, Sticky Notes and Idea Mapping Can Transform Group Productivity by David Sibbet

VisualNotes27Pin It

Mapping Inner Space: Learning and Teaching Visual Mapping by Nancy Margulies

VisualNotes28Pin It

Visual Leaders: New Tools for Visioning, Management, and Organization Change by David Sibbet

VisualNotes29Pin It

Places to Find More Inspiration

Sketchnotes on Flickr

VisualNotes30Pin It
Sketchnote by Rebeca Zuñiga

Sketchnote Army: A Showcase of Sketchnotes

VisualNotes31Pin It
Sketchnote by Melinda Walker

Sketchnotes by Eva-Lotta Lamm

VisualNotes32Pin It

Sketchnotes by ImageThink

VisualNotes33Pin It


I hope these resources are useful and inspire you to give visual note-taking a try. You don't need to be an illustrator or specialized artist to come up with symbols and words that can tell a story. Next time you have a conference or meeting to attend, make it a goal to summarize learning with these new tools. We'd love to know if you're already creating visual notes, graphic recordings or sketchnotes. Comment away!

Free lettering worksheets


Download now!

img

Download now!

Getting started with hand lettering?

Download these worksheets and start practicing with simple instructions and tracing exercises.

7 Comments

  1. I find the best use for using visuals is for problem solving and stretching thinking. When you quickly draw something live and present it back to a group - Is this what you are thinking? Have I captured your thoughts? What's missing? then the conversation moves ahead in leaps and bounds. The pictures fill in the gaps at speed and so much quicker than text ever can by itself. It only takes around 1/10 second - not bad!
    I wrote a post about it using it for a strategy session which gives some more insight. http://www.simonbanks.com.au/graphic-facilitation-strategy-best-friends-2/

You must be signed in to post a comment.

Made with Creative Market

Browse a gallery of inspiration made with design assets from Creative Market.

Explore the Gallery →

Meet the Creative Market Authors

Learn more about the talented writers behind the articles.

Meet the Authors →

Download Our FREE Branding eBook

Get a FREE, fun, and friendly guide to design your own brand.

Get your eBook →