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.
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.