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
Tim Slade is a speaker, author, and award-winning freelance eLearning designer. Having spent the last decade working to help others elevate their eLearning and visual communications content, Tim has been recognized and awarded within the eLearning industry multiple times for his creative and innovative design aesthetics. Tim is a regular speaker at international eLearning conferences, is a recognized Articulate Super Hero, author of The eLearning Designer’s Handbook and creator of The eLearning Designer's Academy.

3 Responses to “Articulate Storyline Magazine Template

  • Michele
    7 years 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 *