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


15+ eLearning Storyboard Templates

If you have to create a storyboard for an e-learning course you’re working on, odds are you’ve come to the web to browse around and get ideas on what you want to include 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.gifhttp://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? Please feel free to leave a comment!


Follow

Get every new post delivered to your Inbox.

Join 3,247 other followers