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

Advertisements

15+ eLearning Storyboard Templates

If you’re creating a storyboard for e-learning, odds are you’ve come to the web to browse around and get ideas on what should be included in it.

To make that easier for you I’ve compiled a gallery of 15+ e-learning storyboard templates and samples available on the web. Hopefully going over these examples will help you narrow down what you should include in your own storyboard document.

http://http://www.agileid.com/sites/agileid.drupalgardens.com/files/styles/media_gallery_large/public/STORYBOARD-Client-HAC-sample-page11.png

http://minutebio.com/blog/wp-content/uploads/2009/01/storyboard.gif

http://www.learningsolutionsmag.com/assets/images/learningsolutions/061305/061305mgt-h_1.jpg

http://articulate-downloads.s3.amazonaws.com/storyboards/SimpleStoryboard-590.png

http://writersgateway.files.wordpress.com/2007/03/windowslivewriterstoryboardtemplatesininstructionaldesign-dd7ctemplate10.gif

http://blog.commlabindia.com/wp-content/uploads/2011/06/storyboards1.jpg

http://articulate-downloads.s3.amazonaws.com/storyboards/TemplatedStoryboard-590.png

 http://scottandbecky.net/blog/uploaded_images/Rapid-E-learning-715224.gif

http://www.learningsolutionsmag.com/assets/images/learningsolutions/2012/120315/sme_storyboard_example_600.jpg

http://intercom.stc.org/wp-content/uploads/2010/08/story_fig1-600×480.jpg

http://blogs.adobe.com/captivate/files/2012/03/Introduction.png

Got any tips of your own about storyboarding for e-learning? Anything you think needs to be included in a Storyboard? Please feel free to leave a comment below.