2 minutes reading time (497 words)

Hello, Flat Design. 17 Joomla! Templates for Inspiration

Hello, Flat Design. 17 Joomla! Templates for Inspiration

Over the past couple of years we've seen a huge evolution in the way designers and developers are approaching UI/UX design. Responsive, Twitter Bootstrap, jQuery, Less, Sass, and HTML5 all come to mind. And now for the first time in a long time, a new graphic design trend has emerged out of accessibility. I'm talking about Flat Design.

When describing what Flat design is, it's easier to think of an opposite trend – Skeuomorphic Design, the style that's dominated the web over the past several years. Skeuomorphism is the attempt at emulating real-world effects of light, shadow, and depth on-screen by using textures, gradients and drop-shadows. Shiny embossed buttons and fabric-textured backgrounds are common uses of skeuomorphic design. This type of design has been made even more popular by apps like the Apple book store which emulates a wooden book shelf, and the calendar app that looks like a spiral notebook. Like all trends, skeuomorphic design is starting to fade.

What happens when we lose the shadows and gradients, and focus our design on authenticity and accessibility? You get a simpler design.. you get "Flat" Design. Depending on who you ask, they'll tell you flat design is either dead or it's the next new thing. But don't just take their word. Look at some of the top interface designs of 2013 and you'll see that Flat is here to stay. With Android, Windows 8 and Apple IO7 adopting flat design in their UIs, you can bet we'll be seeing more of this style in web design too.

In no particular order, here's a look at 17 well designed Joomla templates that embrace the Flat style.

1. Albumen by Bang2Joom

albumen

2. NuModusVersus by Nuevvo (free)

numodus

3. JA One Page by JoomlArt

japage

4. Creativity by Gavick Pro

creativity

5. Imago by Joomla Shack

imago

6. ZenHost by Joomla Bamboo

zenhost

7. Nano3 Organic by YooTheme

nano3

 

8. Stratos by Rockettheme

stratos

 

9. Mero by JoomlArt

mero

 

10. EZ WebHosting by Shape5

ezwebhosting

 

 

11. Bluap by GavickPro

bluap

 

12. Infinite by YOOTheme

infinite

 

13. Aragon by Templaza

aragon

 14. Afterburner2 by Rockettheme (free)

afterburner

 

 

15. nuArt by Nuevvo

nuart

 

 

16. Flat by Mobile Joomla

flatmobile

 

17. Stack Ideas

stackideas

 

This last one, StackIdeas, is not a template provider, but they do provide awesome Joomla extensions. I've included them in the list because they recently redesigned their site in a clean, flat style and it looks great!

If you're a theme developer and looking for a place to start with Flat design, have a look at the Flat UI Pro kit from Desigmodo. It's built on Bootstrap and can easily be incorporated into a Joomla theme.

Lastly, I need your help! You've probably noticed that most of the Flat design examples above are Joomla templates. Do you know of any actual Joomla-powered sites using one of these templates, or Flat design in general? Share your site in the comments below. I'd love to get a resource going for future articles on Joomla design trends.

Some articles published on the Joomla Community Magazine represent the personal opinion or experience of the Author on the specific topic and might not be aligned to the official position of the Joomla Project

0
New Look Template Manager - Project Update
Harness The Power of Controversy to Gain More Traf...
 

Comments

Already Registered? Login Here
No comments made yet. Be the first to submit a comment

By accepting you will be accessing a service provided by a third-party external to https://magazine.joomla.org/