How are You Using Text and Images in E-Learning Design? #250

Combining Text and Images in E-Learning Design #250: Challenge | Recap

Whether you’re building rapid page-turners or highly interactive courses, text and images will likely be two of your most-used elements.

Common slide layouts include text on the left with images on the right. You can mix things up by reversing the text and image layouts. And for those who like to really shake things up, image and text blocks can be stacked on top of each other.

Text and Images in E-Learning

But you aren’t limited to layouts that separate text and images.

For greater impact and variety, try placing text on top of images. This is a common design technique found in magazines, movie posters, and multimedia start screens. Here are some common ways text can be placed over images:

The challenge for course designers is finding ways to place text over images while maintaining readability. And that’s what this week’s challenge is all about!

Challenge of the Week

This week, your challenge is to share an example to demonstrate how text and images can be used in e-learning.

You can share static graphics such as screenshots or mockups, or you can share an interactive graphic or cover slide.

NOTE: Your entry can be anything from a rough concept to a polished example. The challenges are open to everyone, regardless of experience or skill level. If you need technical or creative help with your project, please ask in our forums and reference the challenge number you’re working on.

New Entries Only!

We hosted the text and image challenge just over 100 entries ago. To keep things fresh, we’re asking that you share only new examples this week. You’re more than welcome to re-work a previous example.

Last Week’s Challenge:

Before you share your creative text and image examples, check out the creative ways course builders design light and dark e-learning templates:

Creating Light and Dark Version of E-Learning Templates #249

Using Light and Dark E-Learning Templates #249: Challenge | Recap

Have a picture-perfect week, E-Learning Heroes!

New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

218 Comments
Heather Vogt
Heather Vogt
Angela Anderson
Janie Liz Sampaga
Carla Segurola

Wow, you created that after only two months with the software? Have you used other e-course authoring tools or multimedia tools before? This looks really great for someone starting out! Congrats. Well done. Some feedback on how you can improve this - the paragraph font you are using is kind of hard to read. This may also impact accessibility, because reading cursive is a generational skill. It isn't taught in schools any more, and a lot of millenials don't read cursive. Something to consider. The left arrow also looks a bit different from the right, is there a reason for that? I think 'never, ever' has a comma. Perhaps instead of the first question returning back from the feedback slide to the first question again, it can advance to the second question so the user doesn't have to click twi... Expand

Janie Liz Sampaga

Thank you so much for the kind words and thoughtful suggestions, Carla! I didn't know they took out cursive writing in school's curriculum. I just aged myself, ha! I was a training specialist for years and I'd create my own powerpoint or do it for our team. Since Storyline looks/works very much like powerpoint in terms of design, it was an easier transition. I google a lot and it's super helpful that my teammate have used it in her previous job, so she also helps me out with things that it can/can't do. My old company only started implementing elearning late last year and I had to use google slides. They were on a very tight budget, so I worked with what I've got. I'm so grateful the company I work for now gives us the tools we need to do our job. I've implemented all your suggest... Expand