Articulate Storyline Magazine Template

Great graphic design has always been a major component of my e-learning philosophy. The Articulate Community E-Learning Challenges are always a great way for me to experiment with different design techniques that I don’t always get to play with in the “real world.” Although I don’t participate in every challenge, I do try to contribute when I know I can create something really special – this happened to be one of those weeks.

For this week, we we’re challenged to create a sample template/layout for a digital magazine in Articulate Storyline. I was immediately inspired by this challenge, as I have an extensive background in desktop publishing and print media with Adobe InDesign and Illustrator.

The Design

VIEW DEMO  DOWNLOAD

The Inspiration

My inspiration for this design came from the modern layouts you see in today’s magazines. I wanted to keep the design simple and contemporary, but with a few retro pops here and there. You can see this in the title font I used (Lobster) and the yellow accent color (R:239, G:154, B:49).

Because digital magazines are usually delivered via mobile devices, I used some of the new features inArticulate Storyline 2 to create some on-screen magic. You’ll notice the title screen includes a few subtle animations. These are used to bring attention to the open button and the background. I accomplished this effect using several repeating motions paths.

I also created a beautiful pull-down menu, letting you quickly jump between articles. You’ll notice a subtle blur effect used when the menu is extended. The inspiration for this came from the transparent blur effects seen in iOS 8.

Tim Slade
Hi, I’m Tim Slade, and I’m a speaker, author, and award-winning eLearning designer. I’ve spent nearly a decade working to help others elevate their eLearning and visual communications content. I’ve been recognized and awarded within the eLearning industry multiple times for my creative and innovative design aesthetics. I also speak regularly at national eLearning conferences, and I’m a recognized Articulate Super Hero and co-author of the popular E-Learning Uncovered book series.

3 Responses to “Articulate Storyline Magazine Template

  • Michele
    1 year ago

    Tim,

    Very nice! How did you create the pull down menu?

    • Thanks, Michele. The pull-down menu is simply a slide layer, with the object animating down. I plan on making a how-to video on it in the future.

  • Thank you for the freebie!!! 🙂

Leave a Reply Text

Your email address will not be published. Required fields are marked *