SHIFT's eLearning Blog

Our blog provides the best practices, tips, and inspiration for corporate training, instructional design, eLearning and mLearning.

To visit the Spanish blog, click here
    All Posts

    DIY Graphic Design Tips to Give Your eLearning a Visual Refresh


    It’s no secret that people do a great deal of learning through what they see. Because of this, eLearning professionals have the double duty of not only creating informative courses, but ones that are visually engaging with graphics that add to the learning process.

    The good news is, with the variety of handy and often free or low cost tutorials, tips and tools to be found online, you don’t need to be a rocket scientist when it comes to design.  In this article we’ll look at easy ways to use basic design skills in order to create new graphics or enhance existing ones.  There’s no need to spend money on expensive graphics or give up control to a freelancer when you can create graphics on your own. 

    B1_DIY-Graphic-Design-Tips



    Here is our list of top design hacks along with links to get you creating better, easier and cooler graphics for your eLearning courses:

    Tip #1: Crop Stock Photography

    Stock photography can be a true time saver, but most images are often a little, well, cliché and generic.  This can certainly make your course look unnatural and cheese. However, by cropping images you can reduce the amount of awkward negative space or focus on key elements while leaving out others. No, cropping won’t make you look like an up and coming Annie Leibovitz, but it can do wonders for making an image fit in with a theme versus distracting learners from the course.

    Example:

    Screen_Shot_2015-05-05_at_1.56.51_PM

    Resources to check out:

    Tip #2: Reproduce Simple Charts and Graphs

    Simple charts and graphs can be a great way to reinforce information and get a point across quickly and visually, however, using pre-drawn excel charts can be, in a word, boring. By working with an existing graph you can use the basic elements that are there but add in a better background and/or additional shapes, icons and images like this example, which uses these elements of design to illustrate data creatively:

    Screen_Shot_2015-05-04_at_5.32.32_PM

    Image source: Visual.ly

    This can take some extra work but it can really help to make your course look attractive versus looking as if you just slapped in the first cookie cutter graph you found. Remember, if it looks like you don’t care, your learners won’t care either.

    Also, using PowerPoint, you can easily remove the background by clicking “No Fill” under the fill paint can icon. By redrawing your own graph you will generally have better control over colors and typography, allowing you to make important information pop when you want it to, like in this example where key figures are written in red:

    Screen_Shot_2015-05-04_at_5.47.13_PM

    Image source: TED Blog

    For additional resources explaining how to make your charts and graphs visually engaging, check out these links:

    Tip #3: Remove Background of Images

    Too often a decent photo is utterly ruined by an intrusive, boring or inappropriate background. With Photoshop this is easy to eliminate, but for those of us who need graphics but aren’t strictly designers, Photoshop isn’t always accessible. Fortunately, PowerPoint does a pretty good job of removing backgrounds when using Office 2010 or later. 

    Admittedly, the image might not be as perfectly separated from its background, but you can do it well enough in most cases by setting a background to “transparent.” This is easiest to do when you are stuck with an image that has a pure white background, but can also be accomplished with a more complex one as well. You can also use this ultra-convenient and fabulously Clipping Magic Tool as well. 

    Example:

    Screen_Shot_2015-05-05_at_12.17.58_PM

    Then just add the image with the transparent background into your course: 

    Screen_Shot_2015-05-05_at_1.49.31_PM

    These links further explain how to get rid of a pesky background:

    Tip #4: Creating stand-out graphics in Power Point

    With this trick, the idea isn’t to eliminate a background, but rather to make it recede so another object can come forward and be more prominent. This is called the “stand-out” technique.

    The Artistic Effects option in PowerPoint allows you to use an image with multiple objects while still having only one of those objects stand-out. The examples below show how emphasis is brought to the selected object (we literally created this effect in less than 3 minutes, following this Youtube tutorial).

    Screen_Shot_2015-05-05_at_9.31.53_AM

    Other fading techniques you can learn:

    Tip #5: Make Your Own Whiteboard Videos

    Whiteboard animation (animations that draw themselves), are an interesting way to add life to your eLearning.  These videos often use voiceovers and sound along with images to create the video.  Once upon a time a graphic designer would have been needed to create these, but thanks to several online tools you can now make your own with simple drag and drop methods. These videos will help you to demonstrate tutorials, concepts, step-by-step processes and more.

    And let’s say you want to show users how to use your new app. What’s better, a wordy screen or an actual demonstration of how it’s done? With a whiteboard video you can back up or even replace your text explanation with a far more engaging and memorable video. These are our top picks for best online tools to create whiteboard videos:

    Other Explanations and Tutorials:

    Like with all of the tips mentioned here, none are exactly necessary to create your eLearning course but, they can make a huge difference in how effective your course is.

    eLearning free ebook


     

    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Related Posts

    4 Actionable Strategies to Bridge the Digital Skills Gap in Your Company

    Are you feeling the pressure of rapid technological advancements altering the job market? Wondering if your team has what it takes to navigate the challenges of this evolving digital landscape? You're certainly not in this boat alone. The relentless pace of technological innovation has thrust the importance of digital skills to the forefront for businesses around the globe.

    Essential Tips for Upskilling and Reskilling in the Age of AI

    Ever wondered how your company can keep up with the rapid pace of technological advancements?

    Beyond Compliance: 8 Ways to Inspire Continuous Learning Among Employees

    In a world that never pauses, where every moment is a battle against time and every corner is filled with distractions, the quest for continuous learning within our teams is more crucial than ever. As the digital age accelerates, driven by the relentless pace of artificial intelligence, the stakes for keeping our skills sharp and our knowledge fresh have never been higher. The challenge for those of us leading the charge in training is not just to keep pace but to inspire our teams to embrace the journey of lifelong learning.