TranslateProject/sources/tech/20220624 How I sketchnote with open source tools.md

[#]: subject: "How I sketchnote with open source tools"
[#]: via: "https://opensource.com/article/22/6/open-source-sketchnotes"
[#]: author: "Amrita Sakthivel https://opensource.com/users/amrita42"
[#]: collector: "lkxed"
[#]: translator: " "
[#]: reviewer: " "
[#]: publisher: " "
[#]: url: " "

How I sketchnote with open source tools
======
Sketchnoting, or visual notetaking, is a method of taking notes using illustrations, symbols, graphic layouts, and text. Here's why I love sketchnotes and you should too.

![Colorful pens][1]

Image by: [Opensource.com][2]

[Sketchnoting][3], also called visual notetaking, is a method of taking notes using illustrations, symbols, graphic layouts, and text. It's meant to be a creative and engaging way to record your thoughts. It can work well in your personal life as well as in your work life. You don't need to be an artist to create a sketchnote, but you do need to listen, and visually combine and summarize ideas through text and drawings.

### Why sketchnotes?

Here are some interesting facts about why visual aids are so helpful:

* The picture superiority effect is when people remember and retain pictures and images more than just plain old words.
* Writing is complicated and takes a long time to get good at.
* Visual information can be processed 60,000 times faster than text. This is one reason that iconography is so prevalent and has been throughout history.
* Researchers state that people remember only 20% of what they read, whilst 37% are visual learners.

### An example of how visual aids and regular text process in the mind

A [SMART goal][4] is used to help guide goal setting. SMART is an acronym that stands for Specific, Measurable, Achievable, Realistic, and Timely. Therefore, a SMART goal incorporates all of these criteria to help focus your efforts and increase the chances of achieving your goal.

![SMART goals on a sketchnote][5]

Image by:

(Amrita Sakthivel, CC BY-SA 40)

Which form of information did you retain more easily? Was it the visual or the text version that held your attention more? What does this say about how you process information?

### 4 open source sketchnote tools

A sketchnote is just a drawing, so you don't need any special application to start making them yourself. However, if you're an avid digital creator, you might want to try these open source illustration applications:

* [Mypaint][6]: Simple and elegant. It's you, your stylus, and a blank canvas.
* [Krita][7]: You, your stylus, a blank canvas, and an art supply store.
* [Inkscape][8]: Grab some clip art or create your own and let the layout begin.
* [Drawpile][9]: Make collaborative sketchnotes.

### How I use sketchnotes

I recently contributed to a presentation about customer support and Knowledge-centered support (KCS) analysis. I did two versions:

![Image of knowledge centered support sketch][10]

![Image of knowledge centered support 2][11]

I created a sketchnote to demonstrate the differences between OpenShift and Kubernetes.

![Image of differences between Openshift and Kubernetes][12]

As a technical writer, my objective is to write documentation from a user perspective so that the user gets the optional usage of the product or feature.

![Image of a sketchnote featuring technical writing][13]

### How to best convey information through a visual medium

1. Plan what you want to convey.
2. Decide the structure you want to use for for the sketchnote.
3. Start with the text first, then add icons and visuals.
4. Use color combinations to help show the content effectively.

Sometimes, using plain text to convey easy concepts can be inelegant in comparison to a simple visual aid. Visual aids are an easier and faster way to display information to your audience. They can also be helpful when taking your own notes. Give it a try.

### More resources

* [Verbal to Visual: What is sketchnoting?][14]
* [Noun Project][15]
* [Creative Market: 50+ Awesome Resources to Create Visual Notes, Graphic Recordings & Sketchnotes][16]
* [Sketchnote Love: Mini Sketchnotes Tutorial][17]

Image by: (Amrita Sakthivel, CC BY-SA 40)

--------------------------------------------------------------------------------

via: https://opensource.com/article/22/6/open-source-sketchnotes

作者：[Amrita Sakthivel][a]
选题：[lkxed][b]
译者：[译者ID](https://github.com/译者ID)
校对：[校对者ID](https://github.com/校对者ID)

本文由 [LCTT](https://github.com/LCTT/TranslateProject) 原创编译，[Linux中国](https://linux.cn/) 荣誉推出

[a]: https://opensource.com/users/amrita42
[b]: https://github.com/lkxed
[1]: https://opensource.com/sites/default/files/2022-06/colorful-pens.jpg
[2]: https://opensource.com/node/69046
[3]: https://sketchnote-love.com/en/sketchnotes-tutorial/
[4]: https://corporatefinanceinstitute.com/resources/knowledge/other/smart-goal/
[5]: https://opensource.com/sites/default/files/2022-06/smart.png
[6]: https://opensource.com/article/21/12/mypaint
[7]: https://opensource.com/article/21/12/krita-digital-paint
[8]: https://opensource.com/article/21/12/linux-draw-inkscape
[9]: https://opensource.com/article/20/3/drawpile
[10]: https://opensource.com/sites/default/files/2022-06/SketchnotesKCS.png
[11]: https://opensource.com/sites/default/files/2022-06/sketchnote2version.png
[12]: https://opensource.com/sites/default/files/2022-06/SketchnoteKubernetesvsOpens.png
[13]: https://opensource.com/sites/default/files/2022-06/sketchnotestechwriter.png
[14]: https://www.verbaltovisual.com/what-is-sketchnoting/
[15]: https://thenounproject.com/
[16]: https://creativemarket.com/blog/50-awesome-resources-to-create-visual-notes-graphic-recordings-sketchnotes
[17]: https://sketchnote-love.com/en/sketchnotes-tutorial/