Combining Text with Images

One way to make e-Learning more engaging and memorable is by working with the text and images to add some variety to the visual design.

In this collection of images, taken from my existing course designs, I showcase some of the techniques I’ve been using. Inspiration for this collection comes from the Articulate e-Learning Heroes weekly challenge #152 Combining Text and Images in e-Learning

Overlays and stencilling

2016-10-01_18-35-57
Click the image above to read more and view the demo
22-01-2015-5-15-26-pm
Click the image above to read more and view the demo
snip_20160509191347
Click the image above to read more and view the demo
2015-10-22_16-46-47
Click the image above to read more and view the demo

Frames and cards

2016-01-14_18-22-38
Click the image above to read more and view the demo
snip_20160408115246
Click the image above to read more and view the demo

Blurred backgrounds

TitleSlide2
Click on the image above to read more and access a free download of photos
2016-08-20_10-49-28.png
Click on the image above to read more and view the demo
2016-01-07_23-51-54
Click on the image above to read more and view the demo

Text Placement

2015-10-22_17-07-52
Click on the image above to read more and view the demo

video-backgrounds-for-visual-engagement

2014-09-02_5-44-18
Click on the image above to read more and view the demo
2016-03-07_15-47-36
Click on the image above to view the demo on SlideShare

Visual Hierarchy for Content

DigitalLearningMagazineHomeScreen
Click on the image above to read more and view the demo
2016-02-14_12-34-38
Click on the image above to read more
2015-10-22_16-38-35
Click on the image above to read more and view the demo
2015-10-22_16-48-19
Click on the image above to read more and view the demo
2015-10-22_16-53-36
Click on the image above to read more and view the demo
2015-10-22_17-08-58
Click on the image above to read more and view the demo
2016-09-22_9-26-11
Click on the image above to read more and view the demo
2015-10-22_18-12-58
Click on the image above to read more and view the demo

2 thoughts on “Combining Text with Images

    1. Thank you so much for taking the time to comment Dan – and thank you for your kind words.

      This year has been an interesting one as far as discovering my passion and preferences in e-Learning course development. Putting together this selection was a very interesting exercise in itself in that it made me realise that I have a definite preference towards visual engagement in e-Learning as opposed to developing complex interactions with hundreds of triggers! Of course, a combination of both is necessary when working with the range of clients I do – so this year I will continue challenging myself to develop both visually engaging and interactive learning to make e-Learning a better experience!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s