{"id":243,"date":"2021-07-12T11:07:21","date_gmt":"2021-07-12T15:07:21","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/?post_type=chapter&#038;p=243"},"modified":"2021-11-19T12:14:12","modified_gmt":"2021-11-19T17:14:12","slug":"visual-language-and-sketchnoting","status":"publish","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/chapter\/visual-language-and-sketchnoting\/","title":{"raw":"Visual Language &amp; Sketchnoting","rendered":"Visual Language &amp; Sketchnoting"},"content":{"raw":"<div class=\"textbox textbox--learning-objectives\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Learning Objectives<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nBy the end of this chapter, you should be able to:\r\n<ul>\r\n \t<li><strong>Explain<\/strong> what sketchnoting is<\/li>\r\n \t<li><strong>Translate<\/strong> concepts, ideas, and objects into visual metaphors<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<h2><strong>Thinking &amp; Speaking Visually<\/strong><\/h2>\r\nNow that we've discussed the key elements to developing a story and the importance of visual storytelling, let\u2019s explore what it means to visually express it. In order to think visually, you need to have the equivalent of visual \u201cletters\u201d, words, and vocabulary to express your ideas visually. Often, we rely on written words to document or capture our thinking. But how might you express your thoughts and ideas visually?\r\n\r\nWhile some people may think this requires exceptional drawing or artistry skills, that is incorrect. Anyone can express themselves visually and the best way to start practicing this is to start using a combination of text and \u201cvisual images\u201d whenever you take notes or are jotting down ideas. Keep in mind that, much like handwritten notes, these \u201cvisual images\u201d are not intended for broad consumption (or even viewing) by others. Rather they simply capture your ideas or perceptions using a visual icon, doodle, sketch, or basic drawing. This practice is commonly referred to as sketchnoting. <strong>Sketchnoting<\/strong>, also commonly referred to as visual notetaking, is the creative and graphic process, where people record their thoughts by using illustrations, symbols, structures, and texts (see example below).\r\n\r\n&nbsp;\r\n<p style=\"text-align: center\"><img class=\"aligncenter size-large wp-image-272\" src=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-1024x769.jpeg\" alt=\"Sketchnoting\" width=\"1024\" height=\"769\" \/>Source: By Amytangg - Own work, CC BY-SA 4.0, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687385\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687385<\/a><\/p>\r\nHere is a great 12-minute video, <a href=\"https:\/\/youtu.be\/oNQJReku9Gw\"><strong>How to Sketchnote without Drawing<\/strong><\/a>:\r\n\r\n&nbsp;\r\n\r\n[embed]https:\/\/youtu.be\/oNQJReku9Gw[\/embed]\r\n<p style=\"text-align: center\"><a href=\"https:\/\/youtu.be\/oNQJReku9Gw\"><strong>Source<\/strong><\/a><\/p>\r\nIn general, by engaging in visual notetaking, you can enhance your own learning, become a better problem solver, and better connect and share ideas.\r\n\r\nIn the following image, you will see that by combining handwritten text, basic shapes, containers, and many icons or symbols, it is possible to build a visualization that communicates your ideas and concepts much more clearly and with fewer words \/ text. And, remember that our brains are programmed to consume information visually. So, not only will this help you, but it will also be easier for others, regardless of their native language, to understand, as well!\r\n\r\n&nbsp;\r\n<p style=\"text-align: center\"><img class=\"aligncenter size-large wp-image-275\" src=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-720x1024.jpeg\" alt=\"Sketchnoting Elements\" width=\"720\" height=\"1024\" \/>Source: By Amytangg - Own work, CC BY-SA 4.0, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687386\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687386<\/a><\/p>\r\nSurprisingly, most elements can be drawn using 5 basic drawing elements (see image below):\r\n\r\n<img class=\"aligncenter size-large wp-image-276\" src=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-1024x512.png\" alt=\"Sketch Note.- Basic Elements\" width=\"1024\" height=\"512\" \/>\r\n<ul>\r\n \t<li>Circle<\/li>\r\n \t<li>Square<\/li>\r\n \t<li>Triangle<\/li>\r\n \t<li>Line<\/li>\r\n \t<li>Dot<\/li>\r\n<\/ul>\r\nIf you want some inspiration on how to hand-draw icons or symbols, you can either perform a Google image search on any term (concept, product, etc.) plus the word \u201cicon\u201d, e.g., \u201cad impression icon\u201d, or you can watch the following 19-min video, <a href=\"https:\/\/youtu.be\/o1zdgGGUtNo\"><strong>Sketching Icons \u2013 50+ Hand-Drawn Icons<\/strong><\/a>:\r\n\r\n&nbsp;\r\n\r\nhttps:\/\/youtu.be\/o1zdgGGUtNo\r\n<p style=\"text-align: center\"><strong><a href=\"https:\/\/youtu.be\/o1zdgGGUtNo\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/strong><\/p>\r\nIn order to create better visual stories, you will need to practice using visual language yourself. Visual notetaking is a great way to practice for yourself and to begin thinking much more visually. Beyond <strong><em>thinking<\/em><\/strong> visually, it is essential to also understand how your visual stories can deliver value to your target audience, which brings us to our next topic \u2013 target markets and audiences.\r\n\r\n&nbsp;\r\n\r\n&nbsp;\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Key Takeaways<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nVisual storytelling is an engaging way to share stories, ideas, and values.\r\n<ul>\r\n \t<li>In order to tell stories visually, it is important to have a \"visual language\".<\/li>\r\n<\/ul>\r\n<ul>\r\n \t<li>Sketchnoting is great way to train yourself to start thinking more visually and in visual metaphors.<\/li>\r\n<\/ul>\r\n<ul>\r\n \t<li>Sketchnoting may only be for your own consumption, but can be used to draft ideas and explore visual ways to present visual stories and ideas.<\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<div class=\"textbox textbox--exercises\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Exercises &amp; Additional Resources<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nLike many new things, sketchnoting may feel challenging at first and may also take more time than simply writing down words. But, with practice, it does get easier and faster. Here are some exercises that can help you practice:\r\n<ul>\r\n \t<li>Watch an educational, tutorial, or procedural video on a topic you find interesting. As you are watching it, document what you are learning by sketchnoting. Feel free to pause the video to think about how you can visually best represent your learnings and key takeaways. You can do the same with an educational, tutorial, or procedural podcast.<\/li>\r\n<\/ul>\r\n<ul>\r\n \t<li>List several key industry concepts or terms and come up with several possible symbols, icons, or sketches that could represent these terms.<\/li>\r\n<\/ul>\r\n<ul>\r\n \t<li>Take a written sentence or paragraph and \"translate\" it visually using sketchnotes.<\/li>\r\n<\/ul>\r\n<strong>Additional Visual &amp; Audio Storytelling Tools &amp; Resources<\/strong>\r\n\r\nMany marketers argue that they are not creative or graphic designers. However, there are many online resources that provide beautiful templates as a starting point. As a result, marketers can focus on developing their story's narrative and key messages and use the following <em><strong>free<\/strong><\/em> tools to visual their ideas:\r\n<em>(Some of these tools offer paid premium versions.)<\/em>\r\n<ul>\r\n \t<li><strong>Canva<\/strong> (General Purpose Visual Media Designs &amp; Editor) \u2013 <a href=\"http:\/\/canva.com\/\">http:\/\/canva.com<\/a><\/li>\r\n \t<li><strong>Piktochart<\/strong> (Infographic \/ Visual Document Creator) \u2013 <a href=\"http:\/\/piktochart.com\/\">http:\/\/piktochart.com<\/a><\/li>\r\n \t<li><strong>Visme<\/strong> (Visual Document Creator) \u2013 <a href=\"https:\/\/www.visme.co\/\">https:\/\/www.visme.co\/<\/a><\/li>\r\n \t<li><strong>7 Elements Of A Great Product Video<\/strong> (with examples) - <a href=\"https:\/\/idearocketanimation.com\/14293-animated-product-videos\/\">https:\/\/idearocketanimation.com\/14293-animated-product-videos\/<\/a><\/li>\r\n \t<li><strong>Free Stock Photos<\/strong> \u2013\r\n<ul>\r\n \t<li><strong>Freepik<\/strong> - <a href=\"https:\/\/freepik.com\">https:\/\/freepik.com<\/a><\/li>\r\n \t<li><strong>Pexels<\/strong> - <a href=\"https:\/\/www.pexels.com\/\">https:\/\/www.pexels.com\/<\/a><\/li>\r\n \t<li><strong>Pixabay<\/strong> - <a href=\"https:\/\/pixabay.com\/\">https:\/\/pixabay.com\/<\/a><\/li>\r\n \t<li><strong> Unsplash<\/strong> -\u00a0<a href=\"https:\/\/unsplash.com\/\">https:\/\/unsplash.com\/<\/a><\/li>\r\n \t<li><strong> Canva Free Photos<\/strong>: <a href=\"https:\/\/www.canva.com\/photos\/free\/\">https:\/\/www.canva.com\/photos\/free\/<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n \t<li><strong>Videvo<\/strong> (Stock Videos) \u2013 <a href=\"https:\/\/www.videvo.net\/\">https:\/\/www.videvo.net\/<\/a><\/li>\r\n \t<li><strong>Vexteezy<\/strong> (Vector Art, Stock Photos &amp; Videos) \u2013 <a href=\"https:\/\/www.vecteezy.com\/\">https:\/\/www.vecteezy.com\/<\/a><\/li>\r\n \t<li><strong>Powtoon<\/strong> (Animated Videos &amp; Presentation Maker) \u2013 <a href=\"https:\/\/www.powtoon.com\/home\/\">https:\/\/www.powtoon.com\/home\/<\/a><\/li>\r\n \t<li><strong>Biteable<\/strong> (Animation &amp; Video Maker) \u2013 <a href=\"https:\/\/biteable.com\/\">https:\/\/biteable.com\/<\/a><\/li>\r\n \t<li><strong>Pixton<\/strong> (Comic Strip Maker) \u2013 <a href=\"https:\/\/www.pixton.com\/\">https:\/\/www.pixton.com\/<\/a><\/li>\r\n \t<li><strong>Animaker<\/strong> (Animated Videos) \u2013 <a href=\"https:\/\/www.animaker.com\/\">https:\/\/www.animaker.com\/<\/a><\/li>\r\n \t<li><strong>Moovly<\/strong> (Video) \u2013 <a href=\"https:\/\/www.moovly.com\/\">https:\/\/www.moovly.com\/<\/a><\/li>\r\n \t<li><strong>StoryBoardThat<\/strong> (StoryBoard \/ Comic Strip Maker) - <a href=\"http:\/\/www.storyboardthat.com\/business\/team-and-business-edition\">\r\nhttp:\/\/www.storyboardthat.com\/business\/team-and-business-edition<\/a><\/li>\r\n \t<li><a href=\"https:\/\/www.apple.com\/ca\/imovie\/\" target=\"_blank\" rel=\"noopener\"><strong>iMovie<\/strong><\/a> (Apple) (Video Production)<\/li>\r\n \t<li><a href=\"https:\/\/www.microsoft.com\/en-ca\/p\/microsoft-photos\/9wzdncrfjbh4?activetab=pivot:overviewtab\" target=\"_blank\" rel=\"noopener\"><strong>Microsoft Photos<\/strong><\/a> (Microsoft) (Video Production)<\/li>\r\n \t<li><strong>Adobe Spark<\/strong> (Cloud-based Video Production) - <a href=\"https:\/\/spark.adobe.com\/\">https:\/\/spark.adobe.com\/<\/a><\/li>\r\n \t<li><strong>Buzzsprout<\/strong> (Audio Podcasts) \u2013 <a href=\"https:\/\/buzzsprout.com\/\">https:\/\/buzzsprout.com<\/a><\/li>\r\n \t<li><strong>Podbean<\/strong> (Audio \/ Video Podcasts) \u2013 <a href=\"https:\/\/podbean.com\/\">https:\/\/podbean.com<\/a><\/li>\r\n \t<li><strong>RedCircle<\/strong> (Audio Podcasts) \u2013 <a href=\"https:\/\/redcircle.com\/\">https:\/\/redcircle.com<\/a><\/li>\r\n \t<li><strong>Anchor.fm<\/strong> (Audio Podcasts) \u2013 <a href=\"https:\/\/anchor.fm\/\">https:\/\/anchor.fm<\/a><\/li>\r\n \t<li><strong>Bensound<\/strong> (Free Audio Loops \/ Clips) \u2013 <a href=\"https:\/\/www.bensound.com\/\">https:\/\/www.bensound.com\/<\/a><\/li>\r\n \t<li><strong>Looperman<\/strong> (Free Audio Loops) \u2013 <a href=\"https:\/\/www.looperman.com\/loops\">https:\/\/www.looperman.com\/loops<\/a><\/li>\r\n \t<li><strong>Envato<\/strong> (Royalty Free Audio Clips) \u2013 <a href=\"https:\/\/elements.envato.com\/audio\">https:\/\/elements.envato.com\/audio<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n&nbsp;","rendered":"<div class=\"textbox textbox--learning-objectives\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Learning Objectives<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>By the end of this chapter, you should be able to:<\/p>\n<ul>\n<li><strong>Explain<\/strong> what sketchnoting is<\/li>\n<li><strong>Translate<\/strong> concepts, ideas, and objects into visual metaphors<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h2><strong>Thinking &amp; Speaking Visually<\/strong><\/h2>\n<p>Now that we&#8217;ve discussed the key elements to developing a story and the importance of visual storytelling, let\u2019s explore what it means to visually express it. In order to think visually, you need to have the equivalent of visual \u201cletters\u201d, words, and vocabulary to express your ideas visually. Often, we rely on written words to document or capture our thinking. But how might you express your thoughts and ideas visually?<\/p>\n<p>While some people may think this requires exceptional drawing or artistry skills, that is incorrect. Anyone can express themselves visually and the best way to start practicing this is to start using a combination of text and \u201cvisual images\u201d whenever you take notes or are jotting down ideas. Keep in mind that, much like handwritten notes, these \u201cvisual images\u201d are not intended for broad consumption (or even viewing) by others. Rather they simply capture your ideas or perceptions using a visual icon, doodle, sketch, or basic drawing. This practice is commonly referred to as sketchnoting. <strong>Sketchnoting<\/strong>, also commonly referred to as visual notetaking, is the creative and graphic process, where people record their thoughts by using illustrations, symbols, structures, and texts (see example below).<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-272\" src=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-1024x769.jpeg\" alt=\"Sketchnoting\" width=\"1024\" height=\"769\" srcset=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-1024x769.jpeg 1024w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-300x225.jpeg 300w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-768x577.jpeg 768w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-1536x1154.jpeg 1536w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-2048x1539.jpeg 2048w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-65x49.jpeg 65w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-225x169.jpeg 225w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-350x263.jpeg 350w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>Source: By Amytangg &#8211; Own work, CC BY-SA 4.0, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687385\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687385<\/a><\/p>\n<p>Here is a great 12-minute video, <a href=\"https:\/\/youtu.be\/oNQJReku9Gw\"><strong>How to Sketchnote without Drawing<\/strong><\/a>:<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-1\" title=\"How To Sketchnote Without Drawing\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/oNQJReku9Gw?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: center\"><a href=\"https:\/\/youtu.be\/oNQJReku9Gw\"><strong>Source<\/strong><\/a><\/p>\n<p>In general, by engaging in visual notetaking, you can enhance your own learning, become a better problem solver, and better connect and share ideas.<\/p>\n<p>In the following image, you will see that by combining handwritten text, basic shapes, containers, and many icons or symbols, it is possible to build a visualization that communicates your ideas and concepts much more clearly and with fewer words \/ text. And, remember that our brains are programmed to consume information visually. So, not only will this help you, but it will also be easier for others, regardless of their native language, to understand, as well!<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-275\" src=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-720x1024.jpeg\" alt=\"Sketchnoting Elements\" width=\"720\" height=\"1024\" srcset=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-720x1024.jpeg 720w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-211x300.jpeg 211w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-768x1092.jpeg 768w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-1080x1536.jpeg 1080w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-1441x2048.jpeg 1441w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-65x92.jpeg 65w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-225x320.jpeg 225w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-350x498.jpeg 350w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketchnoting-Elements-scaled.jpeg 1801w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/>Source: By Amytangg &#8211; Own work, CC BY-SA 4.0, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687386\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=76687386<\/a><\/p>\n<p>Surprisingly, most elements can be drawn using 5 basic drawing elements (see image below):<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-276\" src=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-1024x512.png\" alt=\"Sketch Note.- Basic Elements\" width=\"1024\" height=\"512\" srcset=\"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-1024x512.png 1024w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-300x150.png 300w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-768x384.png 768w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-65x33.png 65w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-225x113.png 225w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements-350x175.png 350w, https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-content\/uploads\/sites\/1453\/2021\/07\/Sketch-Note.-Basic-Elements.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<ul>\n<li>Circle<\/li>\n<li>Square<\/li>\n<li>Triangle<\/li>\n<li>Line<\/li>\n<li>Dot<\/li>\n<\/ul>\n<p>If you want some inspiration on how to hand-draw icons or symbols, you can either perform a Google image search on any term (concept, product, etc.) plus the word \u201cicon\u201d, e.g., \u201cad impression icon\u201d, or you can watch the following 19-min video, <a href=\"https:\/\/youtu.be\/o1zdgGGUtNo\"><strong>Sketching Icons \u2013 50+ Hand-Drawn Icons<\/strong><\/a>:<\/p>\n<p>&nbsp;<\/p>\n<p><iframe loading=\"lazy\" id=\"oembed-2\" title=\"Bullet Journal \/ Planner Icon Doodles | Doodle with Me\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/o1zdgGGUtNo?feature=oembed&#38;rel=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p style=\"text-align: center\"><strong><a href=\"https:\/\/youtu.be\/o1zdgGGUtNo\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/strong><\/p>\n<p>In order to create better visual stories, you will need to practice using visual language yourself. Visual notetaking is a great way to practice for yourself and to begin thinking much more visually. Beyond <strong><em>thinking<\/em><\/strong> visually, it is essential to also understand how your visual stories can deliver value to your target audience, which brings us to our next topic \u2013 target markets and audiences.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Key Takeaways<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Visual storytelling is an engaging way to share stories, ideas, and values.<\/p>\n<ul>\n<li>In order to tell stories visually, it is important to have a &#8220;visual language&#8221;.<\/li>\n<\/ul>\n<ul>\n<li>Sketchnoting is great way to train yourself to start thinking more visually and in visual metaphors.<\/li>\n<\/ul>\n<ul>\n<li>Sketchnoting may only be for your own consumption, but can be used to draft ideas and explore visual ways to present visual stories and ideas.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"textbox textbox--exercises\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Exercises &amp; Additional Resources<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Like many new things, sketchnoting may feel challenging at first and may also take more time than simply writing down words. But, with practice, it does get easier and faster. Here are some exercises that can help you practice:<\/p>\n<ul>\n<li>Watch an educational, tutorial, or procedural video on a topic you find interesting. As you are watching it, document what you are learning by sketchnoting. Feel free to pause the video to think about how you can visually best represent your learnings and key takeaways. You can do the same with an educational, tutorial, or procedural podcast.<\/li>\n<\/ul>\n<ul>\n<li>List several key industry concepts or terms and come up with several possible symbols, icons, or sketches that could represent these terms.<\/li>\n<\/ul>\n<ul>\n<li>Take a written sentence or paragraph and &#8220;translate&#8221; it visually using sketchnotes.<\/li>\n<\/ul>\n<p><strong>Additional Visual &amp; Audio Storytelling Tools &amp; Resources<\/strong><\/p>\n<p>Many marketers argue that they are not creative or graphic designers. However, there are many online resources that provide beautiful templates as a starting point. As a result, marketers can focus on developing their story&#8217;s narrative and key messages and use the following <em><strong>free<\/strong><\/em> tools to visual their ideas:<br \/>\n<em>(Some of these tools offer paid premium versions.)<\/em><\/p>\n<ul>\n<li><strong>Canva<\/strong> (General Purpose Visual Media Designs &amp; Editor) \u2013 <a href=\"http:\/\/canva.com\/\">http:\/\/canva.com<\/a><\/li>\n<li><strong>Piktochart<\/strong> (Infographic \/ Visual Document Creator) \u2013 <a href=\"http:\/\/piktochart.com\/\">http:\/\/piktochart.com<\/a><\/li>\n<li><strong>Visme<\/strong> (Visual Document Creator) \u2013 <a href=\"https:\/\/www.visme.co\/\">https:\/\/www.visme.co\/<\/a><\/li>\n<li><strong>7 Elements Of A Great Product Video<\/strong> (with examples) &#8211; <a href=\"https:\/\/idearocketanimation.com\/14293-animated-product-videos\/\">https:\/\/idearocketanimation.com\/14293-animated-product-videos\/<\/a><\/li>\n<li><strong>Free Stock Photos<\/strong> \u2013\n<ul>\n<li><strong>Freepik<\/strong> &#8211; <a href=\"https:\/\/freepik.com\">https:\/\/freepik.com<\/a><\/li>\n<li><strong>Pexels<\/strong> &#8211; <a href=\"https:\/\/www.pexels.com\/\">https:\/\/www.pexels.com\/<\/a><\/li>\n<li><strong>Pixabay<\/strong> &#8211; <a href=\"https:\/\/pixabay.com\/\">https:\/\/pixabay.com\/<\/a><\/li>\n<li><strong> Unsplash<\/strong> &#8211;\u00a0<a href=\"https:\/\/unsplash.com\/\">https:\/\/unsplash.com\/<\/a><\/li>\n<li><strong> Canva Free Photos<\/strong>: <a href=\"https:\/\/www.canva.com\/photos\/free\/\">https:\/\/www.canva.com\/photos\/free\/<\/a><\/li>\n<\/ul>\n<\/li>\n<li><strong>Videvo<\/strong> (Stock Videos) \u2013 <a href=\"https:\/\/www.videvo.net\/\">https:\/\/www.videvo.net\/<\/a><\/li>\n<li><strong>Vexteezy<\/strong> (Vector Art, Stock Photos &amp; Videos) \u2013 <a href=\"https:\/\/www.vecteezy.com\/\">https:\/\/www.vecteezy.com\/<\/a><\/li>\n<li><strong>Powtoon<\/strong> (Animated Videos &amp; Presentation Maker) \u2013 <a href=\"https:\/\/www.powtoon.com\/home\/\">https:\/\/www.powtoon.com\/home\/<\/a><\/li>\n<li><strong>Biteable<\/strong> (Animation &amp; Video Maker) \u2013 <a href=\"https:\/\/biteable.com\/\">https:\/\/biteable.com\/<\/a><\/li>\n<li><strong>Pixton<\/strong> (Comic Strip Maker) \u2013 <a href=\"https:\/\/www.pixton.com\/\">https:\/\/www.pixton.com\/<\/a><\/li>\n<li><strong>Animaker<\/strong> (Animated Videos) \u2013 <a href=\"https:\/\/www.animaker.com\/\">https:\/\/www.animaker.com\/<\/a><\/li>\n<li><strong>Moovly<\/strong> (Video) \u2013 <a href=\"https:\/\/www.moovly.com\/\">https:\/\/www.moovly.com\/<\/a><\/li>\n<li><strong>StoryBoardThat<\/strong> (StoryBoard \/ Comic Strip Maker) &#8211; <a href=\"http:\/\/www.storyboardthat.com\/business\/team-and-business-edition\"><br \/>\nhttp:\/\/www.storyboardthat.com\/business\/team-and-business-edition<\/a><\/li>\n<li><a href=\"https:\/\/www.apple.com\/ca\/imovie\/\" target=\"_blank\" rel=\"noopener\"><strong>iMovie<\/strong><\/a> (Apple) (Video Production)<\/li>\n<li><a href=\"https:\/\/www.microsoft.com\/en-ca\/p\/microsoft-photos\/9wzdncrfjbh4?activetab=pivot:overviewtab\" target=\"_blank\" rel=\"noopener\"><strong>Microsoft Photos<\/strong><\/a> (Microsoft) (Video Production)<\/li>\n<li><strong>Adobe Spark<\/strong> (Cloud-based Video Production) &#8211; <a href=\"https:\/\/spark.adobe.com\/\">https:\/\/spark.adobe.com\/<\/a><\/li>\n<li><strong>Buzzsprout<\/strong> (Audio Podcasts) \u2013 <a href=\"https:\/\/buzzsprout.com\/\">https:\/\/buzzsprout.com<\/a><\/li>\n<li><strong>Podbean<\/strong> (Audio \/ Video Podcasts) \u2013 <a href=\"https:\/\/podbean.com\/\">https:\/\/podbean.com<\/a><\/li>\n<li><strong>RedCircle<\/strong> (Audio Podcasts) \u2013 <a href=\"https:\/\/redcircle.com\/\">https:\/\/redcircle.com<\/a><\/li>\n<li><strong>Anchor.fm<\/strong> (Audio Podcasts) \u2013 <a href=\"https:\/\/anchor.fm\/\">https:\/\/anchor.fm<\/a><\/li>\n<li><strong>Bensound<\/strong> (Free Audio Loops \/ Clips) \u2013 <a href=\"https:\/\/www.bensound.com\/\">https:\/\/www.bensound.com\/<\/a><\/li>\n<li><strong>Looperman<\/strong> (Free Audio Loops) \u2013 <a href=\"https:\/\/www.looperman.com\/loops\">https:\/\/www.looperman.com\/loops<\/a><\/li>\n<li><strong>Envato<\/strong> (Royalty Free Audio Clips) \u2013 <a href=\"https:\/\/elements.envato.com\/audio\">https:\/\/elements.envato.com\/audio<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"author":1380,"menu_order":4,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-243","chapter","type-chapter","status-publish","hentry"],"part":3,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/pressbooks\/v2\/chapters\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/wp\/v2\/users\/1380"}],"version-history":[{"count":25,"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/pressbooks\/v2\/chapters\/243\/revisions"}],"predecessor-version":[{"id":866,"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/pressbooks\/v2\/chapters\/243\/revisions\/866"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/pressbooks\/v2\/parts\/3"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/pressbooks\/v2\/chapters\/243\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/wp\/v2\/media?parent=243"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/pressbooks\/v2\/chapter-type?post=243"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/wp\/v2\/contributor?post=243"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/foundationsindigitalmarketing\/wp-json\/wp\/v2\/license?post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}