{"id":3636,"date":"2017-11-08T06:00:32","date_gmt":"2017-11-08T11:00:32","guid":{"rendered":"https:\/\/news.elearninginside.com\/?p=3636"},"modified":"2019-06-03T13:54:48","modified_gmt":"2019-06-03T17:54:48","slug":"top-4-graphic-design-concepts-every-elearning-instructor-needs-know","status":"publish","type":"post","link":"https:\/\/news.elearninginside.com\/top-4-graphic-design-concepts-every-elearning-instructor-needs-know\/","title":{"rendered":"Top 4 Graphic Design Concepts Every eLearning Instructor Needs to Know"},"content":{"rendered":"

Teaching and education has always been about more than just the subject matter. It\u2019s also about how the material is packaged and presented to learners. With eLearning, students might never see their teachers or meet in a group with their peers. Because eLearning lacks some of these components of traditional education, the visual aspect has become more important than ever. Good graphic design is a key part of creating effective eLearning material.<\/span><\/p>\n

There are plenty of eLearning creators who are excellent educators, but might not have been trained in visual communication. Even if you\u2019re not a graphic designer by trade, you can incorporate these graphic design principles to instantly improve the effectiveness of your eLearning courses.<\/span><\/p>\n

1. Use images with purpose.<\/span><\/h2>\n

This means using images when they add something to the content, not when they distract from what students are meant to learn. Images should complement and enrich the text. <\/span><\/p>\n

Image quality is just as important as image content. Your eLearning content should project a professional appearance, and it can\u2019t do that with out-of-focus, pixelated images. Using low quality images devalues your content. It can make learners doubt that your course is a reputable source of information.<\/span><\/p>\n

2. Incorporate color psychology.<\/span><\/h2>\n

\"\"Whether or not they realize it, your learners strongly associate colors with certain concepts and ideas. To make sure your message is getting across the way you want it to, it\u2019s important to understand those associations and use colors accordingly.<\/span><\/p>\n

Here are some of the most common color associations:<\/span><\/p>\n

Red: <\/b>Red might be used to represent love, passion, and romance (think Valentine\u2019s Day hearts, roses, etc.). More commonly in this context, it’s used to represent a warning or danger (it\u2019s the color of stop signs, blood, etc.). Either way, we\u2019re conditioned to immediately give our attention to text or accents in red.<\/span><\/p>\n

Green: <\/b>Green is generally considered a \u201csafe\u201d color (think of green on a stoplight or a green check mark indicating approval on a form). It\u2019s also commonly associated with health, nature, and in some contexts, money and finance. <\/span><\/p>\n

Blue: <\/b>Blue tends to be associated with authority: It\u2019s frequently used in bank logos, branding for health and drug companies, and in many other professional contexts to indicate reliability and trustworthiness. This is a great color to use for emphasis without drawing attention away from your main message. <\/span><\/p>\n

3. Know your fonts.<\/span><\/h2>\n

Fonts are an underappreciated aspect of good graphic design for eLearning. After all, whatever font you choose, your learners are going to spend quite a lot of time staring at it. There are literally thousands of font options out there. But your best bet as an eLearning course designer is to stick to the basics. <\/span><\/p>\n

A clean, sans serif font like Verdana, Arial, or Helvetica is always a safe choice. (Sans serif simply means that the letters don’t have little extensions, called serifs, at the end of the line strokes. Times New Roman is a serif font. The default font on your phone or tablet is almost certainly sans serif.)<\/span><\/p>\n

You can deviate from these standard sans serif fonts in your titles or headings, but use other fonts sparingly. Generally speaking, you should only use two or, at most, three fonts in your entire course. It\u2019s important to use fonts consistently as well. One font for all of the text body and another easy-to-read font for the titles and headers is a good format.<\/span><\/p>\n

4. Keep your layout clean and logical.<\/span><\/h2>\n

\"\"When it comes to the overlap of graphic design and eLearning, cognitive load is an especially important aspect to keep in mind. Per Psychologist World, <\/span>cognitive load<\/span><\/a> \u201cis a theory which aims to understand how the cognitive load produced by learning tasks can impede students\u2019 ability to process new information and to create long-term memories. Cognitive load is typically increased when unnecessary demands are imposed on a learner, making the task of processing information overly complex.\u201d<\/span><\/p>\n

What does this mean for eLearning? Essentially, it means that the harder your learners have to work to understand the flow of your course, the less attention they can devote to actually learning the material.<\/span><\/p>\n

Part of this comes from the technical implementation and method of delivery for the course. But graphic design is a large component as well. A couple of tips for reducing cognitive load:<\/span><\/p>\n