12+ Modern e-Learning Designs For Your Inspiration

I’m always perusing the web looking for e-learning, web, and graphic designs that catch my eye. When I find something that I like, I do a quick Snippit and save the images to an ”e-Learning Inspiration” folder that I keep.  When I start a new project I can open up this folder and get tons of ideas. I thought I’d share some of what I consider to be the most eye-catching and fun designs from my “Inspiration” folder.  I’m hoping these samples will provide you with ideas for layout,  use of imagery and icons, colours, navigation, typography, etc. Below each image is a link to the original site. Hope you’re inspired!

http://hasanshaheed.com/folio/zometa-image1.jpg

http://www.learningcreator.com/wp-content/uploads/2009/11/compass-design-final-h.jpg

http://dokeos.com/images/general_practitioner.png

http://www.skills2learn.com/images/e-learning-instructional-design-LG.jpg

http://sportdrawn.com/portfolio/wp-content/uploads/2010/01/accountability_0.1.jpg

http://www.milza.org/portfolio/gui.php

http://www.milza.org/images/COU/presentation-volumeRO.jpg

http://panxplanet.blogspot.ca/


http://panxplanet.blogspot.ca/

http://blog.thewritersgateway.com/wp-content/uploads/2010/10/new_app_training.gif

http://jasonrenshaw.typepad.com/.a/6a00d83452d45869e20176169e9bae970c-800wi

http://kdw.digitecinteractive.com/wp-content/uploads/2012/06/NACUFS_custom_e-learning_course_production_sample_new.png


http://blogs.adobe.com/captivate/files/2011/11/processMod.jpg

http://behance.vo.llnwd.net/profiles/90854/projects/171217/908541232322551.jpg


Custom Graphic Creation: A Timelapse Video

Check out the video link at the bottom of this post to see how I took the “before” image and turned it into the “after” graphic.

I saw this video concept a few years ago on YouTube… I was searching timelapse videos…which are really cool by the way, and definitely worth checking out in your spare time! Not until you finish this blog post though! Anyways, one of the videos I encountered was a timelapse of someone creating graphics and I thought it was really cool. So, fast forward two years, I just downloaded the Camtasia trial, and did a little bit of screen recording while I quickly created a graphic in Photoshop. Actually, the graphic took 36 minutes to complete, and I edited the video speed so the whole thing plays in about 3 minutes.

As you can see, the graphic itself could still use a bit of work (more details around the hands, bottom of the jacket, etc) and I probably would play around with the colours a bit more, but for the sake of the video, I tried to draw quickly!  The video is hosted on Screencast. I created a free account, watched the 4 minute demo video, and now I’m sharing my own videos in no time. Super handy. I was trying to share videos through Dropbox for hours to no avail, and I was started to get frustrated so I’m really glad @elearningguy told me about Screencast. So anyways, follow the link below to view the clip. And please leave me your comments!

Timelapse Video – Creating a Graphic

Since you have made it all the way to the end, maybe you should subscribe to my blog! =)


Follow

Get every new post delivered to your Inbox.

Join 3,244 other followers