{"id":2152,"date":"2014-07-29T13:22:13","date_gmt":"2014-07-29T13:22:13","guid":{"rendered":"http:\/\/blog.efrontlearning.net\/?p=2152"},"modified":"2017-03-22T10:48:39","modified_gmt":"2017-03-22T10:48:39","slug":"10-graphic-design-tips-for-e-learning-educators","status":"publish","type":"post","link":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html","title":{"rendered":"10 Graphic Design tips for e-learning educators"},"content":{"rendered":"<div class=\"wp-block-classic-wrap\">\n<div class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><a href=\"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2162\" src=\"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg\" alt=\"03-logo-design-color-tips1\" width=\"800\" height=\"372\" srcset=\"https:\/\/www.efrontlearning.com\/blog\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg 800w, https:\/\/www.efrontlearning.com\/blog\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1-300x139.jpg 300w, https:\/\/www.efrontlearning.com\/blog\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1-500x232.jpg 500w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/div>\n<div id=\"magicdomid4\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">You deployed the most capable LMS platform (*cough* eFront *cough*). You have written the finest course material, crafted the best exercises, and organized them to perfection. You are finally ready to take your\u00a0 live, but could there be anything missing?<\/span><\/div>\n<p><!--more--><\/p>\n<div id=\"magicdomid6\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Indeed, there could. Most of the time not much thought is given to the graphic design. At best, it\u2019s left as an after-thought. In this article, we\u2019ll explain why the\u00a0<strong><a href=\"https:\/\/www.efrontlearning.com\/blog\/2015\/09\/the-18-essential-steps-of-a-course-design.html\" target=\"_blank\">eLearning course design<\/a><\/strong> is an important factor of its success and give a few basic guidelines that every e-learning educator should be familiar with.<\/span><\/div>\n<div id=\"magicdomid7\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid8\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">1) <\/span><span class=\"author-p-211165 b\"><b>Design is important<\/b><\/span><\/h2>\n<div id=\"magicdomid10\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">If you were to only take away a key insight from this article, it should be this. Design affects how students perceive your content. Bad design choices can render the content unreadable or hard to follow, while subtle design cues can help students navigate your courses or emphasize important sections.\u00a0<\/span><\/div>\n<div id=\"magicdomid11\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid12\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Good design is also a marketing tool. It helps differentiate an amateur looking e-learning site from a professional looking one.\u00a0<\/span><\/div>\n<div id=\"magicdomid13\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid14\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">2) <\/span><span class=\"author-p-211165 b\"><b>Hire a specialist. Or become one.<\/b><\/span><\/h2>\n<div id=\"magicdomid16\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">If you can afford to hire a design specialist for your e-learning content, don\u2019t think twice about it \u2015 your content will look much better for it. Don\u2019t go for a designer that specializes in print design or brochure like, static websites. You\u2019ll want someone who understands the dynamic web and the interactive aspects of using an LMS. Those usually come under the title of \u201cUX Designer\u201d or \u201cUX Expert\u201d.<\/span><\/div>\n<div id=\"magicdomid17\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid18\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">If you can\u2019t afford to hire a designer, don\u2019t fret over it. You can still learn the basics and do a good job yourself \u2015 that\u2019s what we\u2019re for after all.<\/span><\/div>\n<div id=\"magicdomid19\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid20\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">3) <\/span><span class=\"author-p-211165 b\"><b>A nice template is only the beginning<\/b><\/span><\/h2>\n<div id=\"magicdomid22\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">You might think you can bypass this whole \u201cdesign\u201d can of worms by using some ready made template. And, sure enough, it helps. A good template, especially one designed specifically for e-learning content (e.g one provided by your LMS vendor), can help you get all the defaults right, and avoid bad choices. But that\u2019s just the beginning.\u00a0<\/span><\/div>\n<div id=\"magicdomid23\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid24\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">A great template can take you 80% of the way to a nicely designed e-learning site, you have to take care of the rest of the 20% yourself. You\u2019ll have to customize it for your particular content\u2019s needs. You\u2019ll also have to settle on colors, fonts and other choices the template might offer as customization options. And, finally, you\u2019ll have to add your own branding on top of it.<\/span><\/div>\n<div id=\"magicdomid25\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid26\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">4) <\/span><span class=\"author-p-211165 b\"><b>Content is King<\/b><\/span><\/h2>\n<div id=\"magicdomid28\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">All your efforts towards the design of your elearning content should aim\u00a0 to making your content shine. As they size in the publishing business, content is king.\u00a0<\/span><\/div>\n<div id=\"magicdomid29\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid30\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Design is not about adding graphic elements, decorations and ornaments for making stuff look pretty. It\u2019s about organizing your content visually in a way that makes it easy to read and easy to follow. An important aspect of that is, for example, the proper presentation of your content\u2019s hierarchy \u2014 its chapters, sections and subsections. If you\u2019re not sure about a graphic elements utility with regard to your content, don\u2019t add it. Less is more.\u00a0<\/span><\/div>\n<div id=\"magicdomid31\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid32\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">5) <\/span><span class=\"author-p-211165 b\"><b>Design for your audience<\/b><\/span><\/h2>\n<div id=\"magicdomid34\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Of course you should *always* design for your audience \u2015 those are the ones that will benefit from your design choices. But in this tip, we want to stress how you should also design for your target audience sensibilities and skills.<\/span><\/div>\n<div id=\"magicdomid35\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid36\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">If, for example, your e-learning courses are addressed to small children you should not overcomplicated the navigation, or make the site look austere. Touches of color and bigger font sizes (like in children\u2019s books) can help them connect to the content easier. If, on the other hand, you\u2019re targeting lawyers or financial professionals, it will obviously be better to avoid cheeky colors.\u00a0<\/span><\/div>\n<div id=\"magicdomid37\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid38\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">6) <\/span><span class=\"author-p-211165 b\"><b>Design is mostly about typography<\/b><\/span><\/h2>\n<div id=\"magicdomid40\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Even in this age of multimedia, if your content is anything like the average e-learning course most of it will be textual. Good typography \u2015 choice of fonts, font-sizes, line length, columns etc, is the most important part of good graphic design.<\/span><\/div>\n<div id=\"magicdomid41\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid42\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Chose your fonts wisely \u2015 if in doubt, stick to the standards \u2014 Arial, Helvetica, Verdana, etc (sans serif fonts usually look better on a computer monitor compared to serif fonts). Avoid garish choices (Comic Sans, anyone?). Don\u2019t make them too small or too large. A font size of about 16px is a good starting point. Don\u2019t make the content too long or too short horizontally. Around 70 characters per line is considered a best practice for optimal reading ease.<\/span><\/div>\n<div id=\"magicdomid43\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid44\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">7) <\/span><span class=\"author-p-211165 b\"><b>Color me impressed<\/b><\/span><\/h2>\n<div id=\"magicdomid46\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Your palette matters. Believe it or not, color choices are not just about \u201cpersonal taste\u201d. Read a bit about \u201ccolor theory\u201d \u2014 it can help you pick colors that fit nicely together (e.g complementary colors) and avoid clashing hues. There are desktop programs and web services called \u201cpalette generators\u201d that can help you pick and match color sets.<\/span><\/div>\n<div id=\"magicdomid47\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid48\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Consider \u201ccolor coding\u201d. That\u2019s the name of the technique in which you use colors in your design to separate distinct content elements. E.g important notes could have a yellow background. Warnings could come with a red heading, etc.\u00a0<\/span><\/div>\n<div id=\"magicdomid49\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid50\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Above all, focus on readability. Long text passages should have good contrast \u2014 so use colors with a strong contrast for your typography (black text on white-ish background is a safe choice). You can still use bolder colors on your titles and asides, since those are short and typically use larger, easier to read, font sizes.<\/span><\/div>\n<div id=\"magicdomid51\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid52\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">8) <\/span><span class=\"author-p-211165 b\"><b>An image is worth a thousand words<\/b><\/span><\/h2>\n<div id=\"magicdomid54\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">The choice of illustration for your courses is important too. If you want custom illustrations for your content, consider creating your illustrations to fit your site\u2019s graphic design (or vice versa).\u00a0<\/span><\/div>\n<div id=\"magicdomid55\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid56\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Avoid just using random pictures off of the internet, and especially don\u2019t mix and match illustrations having different styles (e.g technical drawings and cartoons). Using a consistent style helps establish your content\u2019s identity.<\/span><\/div>\n<div id=\"magicdomid57\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid58\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">If you are strapped for cash, there are picture packs, with thousands of pictures, clip-arts and illustrations on various topics (e.g medical, animals, computers, flowers, etc) that might be appropriate for your content, and that usually have a consistent visual style.\u00a0<\/span><\/div>\n<div id=\"magicdomid59\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid60\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">9) <\/span><span class=\"author-p-211165 b\"><b>Keep up with the times<\/b><\/span><\/h2>\n<div id=\"magicdomid62\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">This tip is especially important for the branding and marketing appeal of your site. Some design choices are timeless, others change with the times. Try to create a design that appeals to modern users. Nothing says \u201ccheap\u201d and \u201camateur\u201d than a 90\u2019s looking design, whereas a Web 2.0 era style signals that you are a tad behind the times in this Web 3.0 era.<\/span><\/div>\n<div id=\"magicdomid63\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid64\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Your users will all be\u00a0 familiar with sites like Facebook, Twitter, Google, Yahoo and the like, so keep an eye for design trends that appear on those that you can apply on your own e-learning site.\u00a0<\/span><\/div>\n<div id=\"magicdomid65\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<h2 id=\"magicdomid66\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">10) <\/span><span class=\"author-p-211165 b\"><b>Learn from your users<\/b><\/span><\/h2>\n<div id=\"magicdomid68\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">This list offers you a few basic guidelines (and it\u2019s surprising how many sites get this stuff wrong). But even if you apply everything that\u2019s in here religiously you won\u2019t have a perfect design. There\u2019s always room for improvement. Design is an iterative process.<\/span><\/div>\n<div id=\"magicdomid69\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid70\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165\">Listen to your users, watch them use the site, and note any difficulties, complaints and suggestions they might have. Use their feedback to improve on your original design. Rinse. Repeat. Don\u2019t be afraid to redo some design element you were fond of, if it proves problematic for your audience.\u00a0<\/span><\/div>\n<div id=\"magicdomid71\" class=\"ace-line longKeep gutter-noauthor\" style=\"text-align: justify;\"><\/div>\n<div id=\"magicdomid73\" class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><span class=\"author-p-211165 i\"><i>And with that, we conclude our list. You already know enough to avoid the kind of visual atrocities one all too often sees on the web. Stay tuned though, because in future articles we\u2019ll get into further details for a lot of elements on this list (typography, colors, illustration, etc).<\/i><\/span><\/div>\n<div class=\"ace-line gutter-author-p-211165 emptyGutter\" style=\"text-align: justify;\" data-author-link=\"\/ep\/profile\/oTFiJ7j5agj\" data-author-name=\"Nickos V\" data-author-initials=\"NV\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>You deployed the most capable LMS platform (*cough* eFront *cough*). You have written the finest course material, crafted the best exercises, and organized them to perfection. You are finally ready to take your\u00a0 live, but could there be anything missing?<\/p>\n","protected":false},"author":33872,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[66,44],"class_list":["post-2152","post","type-post","status-publish","format-standard","hentry","category-best-practices","tag-instructional-design","tag-lms"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.2 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>10 Graphic Design tips for e-learning educators - eFront Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Graphic Design tips for e-learning educators\" \/>\n<meta property=\"og:description\" content=\"You deployed the most capable LMS platform (*cough* eFront *cough*). You have written the finest course material, crafted the best exercises, and organized them to perfection. You are finally ready to take your\u00a0 live, but could there be anything missing?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html\" \/>\n<meta property=\"og:site_name\" content=\"eFront Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-29T13:22:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-22T10:48:39+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg\" \/>\n<meta name=\"author\" content=\"Nikos Andriotis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nikos Andriotis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html\"},\"author\":{\"name\":\"Nikos Andriotis\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/ad73fe0df3ce823020fd1b37d39b1490\"},\"headline\":\"10 Graphic Design tips for e-learning educators\",\"datePublished\":\"2014-07-29T13:22:13+00:00\",\"dateModified\":\"2017-03-22T10:48:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html\"},\"wordCount\":1294,\"commentCount\":4,\"image\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage\"},\"thumbnailUrl\":\"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg\",\"keywords\":[\"Instructional Design\",\"LMS\"],\"articleSection\":[\"Best practices\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html\",\"url\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html\",\"name\":\"10 Graphic Design tips for e-learning educators - eFront Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage\"},\"thumbnailUrl\":\"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg\",\"datePublished\":\"2014-07-29T13:22:13+00:00\",\"dateModified\":\"2017-03-22T10:48:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/ad73fe0df3ce823020fd1b37d39b1490\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage\",\"url\":\"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg\",\"contentUrl\":\"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.efrontlearning.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best practices\",\"item\":\"https:\/\/www.efrontlearning.com\/blog\/category\/best-practices\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"10 Graphic Design tips for e-learning educators\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/#website\",\"url\":\"https:\/\/www.efrontlearning.com\/blog\/\",\"name\":\"eFront Blog\",\"description\":\"eLearning tips, news and resources\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.efrontlearning.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/ad73fe0df3ce823020fd1b37d39b1490\",\"name\":\"Nikos Andriotis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/48d8985b98e486bfd51353ad61bccb0bd18a919f4547bc909e544ba7e0b00892?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/48d8985b98e486bfd51353ad61bccb0bd18a919f4547bc909e544ba7e0b00892?s=96&d=mm&r=g\",\"caption\":\"Nikos Andriotis\"},\"url\":\"https:\/\/www.efrontlearning.com\/blog\/author\/nikos-andriotis\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 Graphic Design tips for e-learning educators - eFront Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html","og_locale":"en_US","og_type":"article","og_title":"10 Graphic Design tips for e-learning educators","og_description":"You deployed the most capable LMS platform (*cough* eFront *cough*). You have written the finest course material, crafted the best exercises, and organized them to perfection. You are finally ready to take your\u00a0 live, but could there be anything missing?","og_url":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html","og_site_name":"eFront Blog","article_published_time":"2014-07-29T13:22:13+00:00","article_modified_time":"2017-03-22T10:48:39+00:00","og_image":[{"url":"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg","type":"","width":"","height":""}],"author":"Nikos Andriotis","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nikos Andriotis","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#article","isPartOf":{"@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html"},"author":{"name":"Nikos Andriotis","@id":"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/ad73fe0df3ce823020fd1b37d39b1490"},"headline":"10 Graphic Design tips for e-learning educators","datePublished":"2014-07-29T13:22:13+00:00","dateModified":"2017-03-22T10:48:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html"},"wordCount":1294,"commentCount":4,"image":{"@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage"},"thumbnailUrl":"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg","keywords":["Instructional Design","LMS"],"articleSection":["Best practices"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html","url":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html","name":"10 Graphic Design tips for e-learning educators - eFront Blog","isPartOf":{"@id":"https:\/\/www.efrontlearning.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage"},"image":{"@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage"},"thumbnailUrl":"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg","datePublished":"2014-07-29T13:22:13+00:00","dateModified":"2017-03-22T10:48:39+00:00","author":{"@id":"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/ad73fe0df3ce823020fd1b37d39b1490"},"breadcrumb":{"@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#primaryimage","url":"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg","contentUrl":"http:\/\/blog.efrontlearning.net\/wp-content\/uploads\/2014\/07\/03-logo-design-color-tips1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.efrontlearning.com\/blog\/2014\/07\/10-graphic-design-tips-for-e-learning-educators.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.efrontlearning.com\/blog"},{"@type":"ListItem","position":2,"name":"Best practices","item":"https:\/\/www.efrontlearning.com\/blog\/category\/best-practices"},{"@type":"ListItem","position":3,"name":"10 Graphic Design tips for e-learning educators"}]},{"@type":"WebSite","@id":"https:\/\/www.efrontlearning.com\/blog\/#website","url":"https:\/\/www.efrontlearning.com\/blog\/","name":"eFront Blog","description":"eLearning tips, news and resources","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.efrontlearning.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/ad73fe0df3ce823020fd1b37d39b1490","name":"Nikos Andriotis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.efrontlearning.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/48d8985b98e486bfd51353ad61bccb0bd18a919f4547bc909e544ba7e0b00892?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/48d8985b98e486bfd51353ad61bccb0bd18a919f4547bc909e544ba7e0b00892?s=96&d=mm&r=g","caption":"Nikos Andriotis"},"url":"https:\/\/www.efrontlearning.com\/blog\/author\/nikos-andriotis"}]}},"_links":{"self":[{"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/posts\/2152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/users\/33872"}],"replies":[{"embeddable":true,"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/comments?post=2152"}],"version-history":[{"count":9,"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/posts\/2152\/revisions"}],"predecessor-version":[{"id":2166,"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/posts\/2152\/revisions\/2166"}],"wp:attachment":[{"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/media?parent=2152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/categories?post=2152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.efrontlearning.com\/blog\/wp-json\/wp\/v2\/tags?post=2152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}