Combining Text with Images in E-Learning

Combining Text with Images in E-Learning

This week’s e-learning challenge asked course designers to share creative ways to combine text and images in e-learning. I’ve always been a fan of overlaying text on images for course introduction screens so this challenge was a lot of fun!

Here are a few examples I’ve created for previous E-Learning Challenges.

Text-In-A-Box

This simple technique creates contrast between the text and background.

Text-In-A-Box

 

Another option for placing text in boxes is to use image containers that visually align with the slide design.

Elearning Quiz Time

 

Lighten Image for Contrast

A quick way to create contrast between text and image is to lighten the background and use a dark color for text.

Lighten Image for Contrast

Blurring the Background

Blurred backgrounds help to reduce visual noise and create a stronger contrast for your type. Here’s an example of using type over blurred backgrounds that I shared in a previous e-learning challenge.

Blurring the Background

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *