Marketing

Products

Apple's iOS 7 was announced on Monday, showing a stripped-down flat-design inspired interface.

Designs, developers and iPhone users have raised concerns over the inconsistencies across the icons whilst others have praised the iOS for taking advantage of the z-axis.

Whilst flat UI design isn't new to the web, it's starting to become much more popular with more flat UI PSD templates appearing on social media and grabbing a large amount of attention; in particular, Designmodo's Flat UI and Bootstrap 3 that has a decidedly flat and minimal aesthetic.

If you’re looking to really take a bite out of Apple’s iOS 7 design, the use of transparency effects might edge you closer to Jony Ive’s aesthetic. You could use something like Blur.js (GitHub: jakiestfu / Blur.js) to get a jQuery plugin API for transparency, or just write the relevant CSS by hand.

Although themes and plugins are useful, the focus of modern flat design seems to be on colours. Choosing a suitable palette can be difficult, but there are shortcuts. I liked Daniel Jalkut’s post on Adobe’s Kuler – the iPhone app can be used to generate colour palettes from the camera, which Daniel describes as “granting superpowers to users”.

What are your thoughts on a flat UI design? Do you prefer the interface styled around iOS 7 or older concepts? Get in touch with us by mentioning #ALJTMedia on Twitter, leaving a comment on our Facebook, Google+ or LinkedIn page, or writing a comment below.

About the Author

From the small, to the large, Lewis has tackled and developed a vast selection of projects since he started developing over 8 years ago. Lewis has the ability to program in over 25 languages from the well-known; PHP, Java, C and Objective-C to the less well-known; RDFa, Sparql and Maude. For any queries regarding the realisation and development of your project, Lewis will be your primary contact. Outside of work, Lewis has a passion for films, music and he’s also a bit of a Disney geek.