Weekly Challenge: A Couple of Visual Design Tips for E-Learning

Author:
Go to Source

EdTech Café

EdTech Cafe
 Standford EdTech (Author)
EdTech Café is a podcast series produced by the educational technology team at Stanford Medicine.

As mentioned previously, I like to take part in the community’s e-learning challenges. They’re great to practice ideas and learn more about using the e-learning software.

In a recent e-learning challenge, we were asked to create a demo module and use the 2019 Pantone Color of the Year (which is Living Coral). This came at a good time, as I was pulling together some content for a workshop and wanted to show a few different ideas around color in a course’s visual design. The examples below go from subtle to “in your face.”

Visual Design Tip: Make Everything Greyscale & Use One Accent Color

One tip we share often is to make everything greyscale. And then select a single accent color. One benefit is that it tends to make the screen content look a bit more elegant. And the accent color really pops. And it gets rid of a lot of conflicting colors and helps direct the eye.

e-learning example visual design

Click here to view the example.

In the example above:

  • Converted the car interior image to greyscale
  • Used the Pantone color for the label markers
  • Used a color schemer to create a second color to complement the Pantone accent color

Often less is more, and in this case getting rid of color in the image and working with one (or two accent) colors really makes them pop and it cleans up the visual design.

Visual Design Tip: Use Silhouettes and Bold Colors

This other example is a bit more bold and in your face and it’s create to draw attention. I’d use it sparingly, but it’s great for making key points or title screens. And it’s easy to do.

e-learning example visual design tip 2

Click here to view the example.

Silhouettes are easy to create from people and objects. They work best with strong contrast. I like them because their ambiguous which comes in handy for people imagery.

  • Create a bold background color
  • Insert a character
  • Adjust the brightness and contrast settings to create either a white or black silhouette.

Check out some of the other Pantone 2019 challenge entries. If you don’t participate in the e-learning challenges, you should. You’ll learn new things and be amazed at what others create and how different everyone is in approaching the same challenge.

If you do participate, write a post and share what you learned or a technique you used to build it.


Download the fully revised, free 63-page ebook: The Insider’s Guide to Becoming a Rapid E-Learning Pro


Upcoming E-Learning Events

  • March 26-28 (Orlando). Learning Solutions Conference.
  • April 10 (Madrid): E-Learning Workshop. Workshop covers general e-learning topics and not tool-specific. Register now.
  • April 12 (Milan): Digital Learning Tour. My workshop will be in English. You can sign up for just my session if you don’t want the entire package.
  • May 19-22 (Washington DC): ATD International Conference & Expo.
  • June 3 & 4 (Toronto). Articulate Roadshow. Sign up for one day or two: register today. Early bird ends April 30.
  • June 6 (Halifax). Articulate Roadshow. Register today. Early bird ends April 30.
  • July 24 & 25 (Minneapolis). Articulate Roadshow. Sign up for one day or two: register today. Early bird ends May 17.
  • August 14 & 15 (Seattle). Articulate Roadshow. Sign up for one day or two: register today. Early bird ends May 31.
  • November 4 (Manchester, UK). Articulate Roadshow. Details coming soon.
  • November 6 & 7 (London, UK). Articulate Roadshow. Details coming soon.
  • November 8 (Edinburgh, UK). Articulate Roadshow. Details coming soon.
  • We’re currently working on additional locations and dates for 2019.

Free E-Learning Resources

Want to learn more? Check out these articles and free resources in the community.

Here’s a great job board for elearning, instructional design, and training jobs

Participate in the weekly elearning challenges to sharpen your skills

Get your free PowerPoint templates and free graphics & stock images.

Lots of cool elearning examples to check out
and find inspiration.

Getting Started? This elearning 101 series and the free e-books will help.

 

Read more

Weekly Challenge: A Couple of Visual Design Tips for E-Learning
Scroll to top