In a current workshop on creating interactions, we checked out methods to take a single picture and create interactive content material. It’s a very good apply exercise as a result of many people aren’t graphic designers so it helps us see alternative ways to make use of inventory imagery that doesn’t require loads of modifying. And it will get us to consider interactive content material in methods we might not initially contemplate.
The overall concept is to discover a single picture that you should utilize for an interplay. A number of issues I search for:
- Visually fascinating. I’m not a graphics designer and design vogue adjustments each few years. I attempt to discover pictures that really feel new and trendy.
- Content material areas. Since I’m utilizing a single picture and it’s the unifying graphic, I search for locations so as to add content material. Generally it does require inserting a field or another container form over the picture, however I attempt to discover open house within the picture that works for content material. Within the three examples beneath, the pc has a very good content material space, the teenagers illustration has a center part that’s empty, and for the enterprise collage I created a facet panel.
- Visible context. Attempt to discover pictures that supply visible context so it suits the context of the course content material. Generic issues like workplaces and desks work nice.
Listed below are three examples that we’ve coated prior to now that show this concept of utilizing a single picture with some interactive parts.
Exploratory E-learning Interplay
On this instance, a single picture supplies some office-like context. This could possibly be used as an exploratory interplay, when clicking on objects exposes further content material. Ask a query. Appears for clues to reply them.
Unique submit: Create an Interactive Course Utilizing a Single Picture contains free obtain.
Meet the Crew E-Studying Interplay
The unique instance was used to focus on counting clicks with variables. Nonetheless, the one picture could possibly be used to click on on a personality to glean extra content material comparable to a “meet the group” exercise. The middle space is an ideal place to show content material.
Enterprise Collage E-Studying Interplay
I like these kinds of collage pictures as a result of there are many these forms of pictures to be discovered. The unique was in-built PowerPoint. The demo above was rebuilt in Storyline. Right here’s a obtain with each recordsdata if you wish to deconstruct them.
Hopefully, this offers you some inspiration. If you’d like a very good place to begin, do a picture seek for collages and also you’ll discover some fascinating concepts.
Free E-Studying Sources