Flat Design eLearning Template

Jun 18, 2013

Good Evening Community...

Thought I'd share my newest template that I've been working on for the past few days. We've had some discussion about "flat" design in the past here, and with Apple's recent departure from skeuomorphism, I thought it would be fun to play with the flat look and feel.

Check out a working demo here.

Download the template here.

Also, if your'e interested, I also wrote separate blog post, which has some extra stuff about development of this template.

Enjoy! Tim

95 Replies

Tim Slade
Author

almost 11 years ago07/11/13 at 12:45 pm (UTC)

Thank you, thank you, thank you!

Jenise Cook (RidgeViewMedia.com)

over 10 years ago09/21/13 at 9:01 am (UTC)

"Slim" and uniquely gorgeous, Tim! Elegant, calming, soothing. Some of the adjectives that popped into my mind.

Brilliant!

Stephanie Harnett
Hero

over 10 years ago09/21/13 at 10:51 am (UTC)

Great job Tim....just downloaded it. Love the simple yet smooth animations.

Zifang Su

over 10 years ago09/23/13 at 11:55 pm (UTC)

Thank you for the awesome template!

Susan Lozano

over 10 years ago09/25/13 at 7:17 am (UTC)

Very nicely done!

Leslie McKerchie
Staff

over 10 years ago09/25/13 at 7:25 am (UTC)

Hi Susan! Just wanted to welcome you to E-Learning Heroes

stephanie davis

over 10 years ago09/27/13 at 6:58 am (UTC)

Great work and thanks for sharing!

Kelly Prince

over 10 years ago10/17/13 at 2:04 pm (UTC)

This one is REALLY sharp! Your Spring Green template was the inspiration for my first ever Articulate course. I think I'll play with this one for my latest project. I love the flat design and the smooth animations...you nailed the minimalist feel! Thanks so much for making your great work available to the community!

Leslie McKerchie
Staff

over 10 years ago10/17/13 at 2:06 pm (UTC)

Awesome review Kelly! Thanks for sharing

Tim Slade
Author

over 10 years ago10/17/13 at 2:16 pm (UTC)

Hi Kelly – thanks for all the kind words. I had no idea that my template would influence others like you’ve described. It’s real honor to hear about it!

Traci Hagler

over 10 years ago10/30/13 at 6:34 am (UTC)

Fantastic

caroline dasilva

over 10 years ago10/30/13 at 7:28 am (UTC)

Hi Tim,

I recently used your template and it looks great. Thanks!

Lil Monk

over 10 years ago11/10/13 at 10:31 pm (UTC)

Nice!

Had to look up "skeuomorphism" and now feel more intelligent too!

Leslie McKerchie
Staff

over 10 years ago11/11/13 at 5:25 am (UTC)

Very good Lil Monk...learning a bit more everyday

Brandon Driggers

over 10 years ago11/11/13 at 7:55 am (UTC)

Very cool. Inspiring things going on. Thanks for sharing.

Katie Venit

over 10 years ago11/11/13 at 12:51 pm (UTC)

I think that's awesome and hope one day to be able to use it. My organization makes so many frequent changes, though, that I think it would drive me nuts to have to continually redo the exit effects... But I really like the look. Perhaps if I ever get a project that's unlikely to be revised after it's finished, I'll be able to make use of it.

Leslie McKerchie
Staff

over 10 years ago11/11/13 at 12:56 pm (UTC)

Makes sense Katie

Tim Slade
Author

over 10 years ago11/11/13 at 1:20 pm (UTC)

@Katie,

You bring up a great point! I think in instances like this, perhaps you only animate out the UI elements, instead of all the content along with it? I think you’d still get the same effect.

Leslie McKerchie
Staff

over 10 years ago11/11/13 at 1:29 pm (UTC)

Thanks for sharing Tim, everyone loves your design

Christian Gonnet

over 10 years ago11/12/13 at 8:53 am (UTC)

Very nice, thank you

S. Yu

over 10 years ago11/12/13 at 11:58 am (UTC)

Love this! Thanks!

Katie Venit

over 10 years ago11/13/13 at 7:39 am (UTC)

I figured out a workaround with triggers that solve the duplication problem. It does create some OTHER problems, but depending on your work style and clients, it may work better. I would love feedback!! I posted a demo file and discussion here.