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.

Adding Text in a Box

This simple technique creates contrast between the text and background.

View the example

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

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.

View the example | Download the Storyline file

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.

Download 100 blurred background templates


Those are just a few ideas for using text over images in e-learning. If you have any questions about one or more of the examples I shared, please feel free to contact me.

Leave a Reply

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

You May Also Like
Using Dials to Create Infographics in E-Learning

Using Dials to Create Infographics in E-Learning

Storyline 360's interactive dials are a great way to encourage learners to lean in and touch the screen. Dials are most often used to let learners explore data or concepts but they can also be used for navigation.
Using Tooltips in E-Learning and Storyline 360

Using Tooltips in E-Learning and Storyline 360

Tooltips are one type of microinteraction that can enhance the learner’s overall experience. In this example, I share some common ways to use tooltips with images, text, audio, and video.