Tuesday, November 25, 2014

[tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] [tremeex] Here's a Free E-Learning Template Made with Free Icons

Here’s a Free E-Learning Template Made with Free Icons

Link to The Rapid eLearning Blog

Here’s a Free E-Learning Template Made with Free Icons

Posted: 24 Nov 2014 11:56 PM PST

Articulate Rapid E-learning Blog - free icons & free e-learning template

One of the challenges I pose in our workshops is to create an elearning template using free resources like some of the free images and free icons you find online.

Free Icons for Your E-Learning Template

Here are three good resources for free icons:

Create an E-Learning Template Using Free Icons

  • The first step is to find an icon style you like. Try to use icons from the same pack. Also, look for icons you can use for commercial use. And of course, give attribution to the creator. Here are a few ideas if you're not sure how to give attribution in your courses.
  • Create a few screen layouts. The screen is a blank space. And there are only so many things you can put on the screen: text, shapes, media files, etc.
  • Create assets that work with the icons you've chosen. For example, if it's an icon that is made of think black lines, than it makes sense to match the color and lines in the shapes you create for the slide.
  • Use the color picker to pick colors from the icons. This way your other assets are using the same colors. You can also create a custom color scheme based on the colors.

My Example of an E-Learning Template Using Free Icons

I chose the ballicon icons. There are 20 free icons via Nick Frost. He also sells a more complete pack for $19.

Articulate Rapid E-learning Blog - free icons via ballicons for the free e-learning template

Since the icons are a bit informal, light, and flat, I decided to go with a simple layout with a light wood background. To tie the icons and the other assets together I decided on a thicker white border on the assets.

Articulate Rapid E-learning Blog - free icons example e-learning template

I created all of the graphics in PowerPoint. Some of the graphics were easy because they are just simple rounded squares with the icons in them. However, others are combined shapes (something you can do starting with PowerPoint 2010).

Articulate Rapid E-learning Blog - free icons example layouts for the free e-learning template

I also decided on using the diamond shapes to represent course progress by awarding a diamond upon completion of each module. The map icon is my progress screen and the diamonds are see in the module screen above.

I then saved the graphics I created as image files so I can use them in Storyline.

I also played around with a few ideas to add some interactive elements. For example, in the demo below you'll see a simple click and reveal question/answer interaction.

Articulate Rapid E-learning Blog - free icons free elearning example

Click here to view the demo using free icons (Storyline).

Here are some free templates for your practice:

Here's a PowerPoint version of the template to show you what's in there.

Articulate Rapid E-learning Blog - free icons powerpoint example free e-learning template

Click here to view the PowerPoint version of the template.

If you need to learn to create a template or build off of the one provided, be sure to check out this blog post.

If you're limited to using free icons and other assets, then practice using them to create cohesive templates. Create your own shapes, layouts, and color schemes.

For those on holiday this week, I hope you all have a great Thanksgiving.

Weekly Updates

Download your free 46-page ebook: The Insider's Guide to Becoming a Rapid E-Learning Pro

The post Here’s a Free E-Learning Template Made with Free Icons appeared first on The Rapid eLearning Blog.


--
Posted By tremeex to tremeex at 11/25/2014 07:09:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:09:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:09:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:09:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:10:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:10:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:10:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:10:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:10:00 AM

--
Posted By tremeex to tremeex at 11/25/2014 07:10:00 AM
Posted by at

No comments:

Post a Comment

Blog Archive