133

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

, ,

    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!

Tags

Log in
Register