By Jo Wdowiak
02/01/2015
  1. Home
  2. Insights
  3. Article

So what is Material Design?

Over the last year or so the popularity of flat design has grown rapidly and it looks set to stay put throughout 2015. However, there’s a new guy in town! Not quite as flat as flat design (in fact some may argue it’s skeuomorphic tendencies), Material Design is Google’s new design language and offers a richer approach to the flat interfaces we’re currently seeing – it’s flat design grown up!

Unveiled by Google in June 2014, Material Design retains many of the same aesthetic principles as flat design – bold colours, large imagery and clean, minimal lines. However, ‘Material’ goes much further than this – subtle gradients; lighting and shadows offer depth that we don’t achieve by following the flat guidelines alone. Interfaces are layered, design components are flexible (often grid based) and animation is used a-plenty.

Unlike Flat, Material aims to retain touches of the physical world and utilise the principles of good design teamed with the magical possibilities of technology and science.

Unlike real paper, our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch.

Matias Duarte

You can read up on Google’s new design spec. and principles. It’s pretty ‘waffly’ and skirts very close to flat design at times but it’s worth a read. The main principles include; ‘Material is the metaphor’, ‘Bold, graphic, intentional’ and  ‘Motion provides meaning’. Essentially, using a digital form of tactile design to ensure graphics feel touchable, ensuring visual hierarchy is established. Motion comes into play within Google’s material design – “serving to focus attention and maintain continuity”.

The foundational elements of print-based design – typography, grids, space, scale, color, and use of imagery – guide visual treatments. These elements do far more than please the eye. They create hierarchy, meaning, and focus. Deliberate color choices, edge-to-edge imagery, large-scale typography, and intentional white space create a bold and graphic interface that immerse the user in the experience.

Google

I think we’re going to see a lot more of Material design in 2015.

Speuomorphic and flat design eh? – read more

Flat Design v Realism

Flat design vs skenomorphism! Flat design seems to be winning with Apple making the change.

Jo Wdowiak - 11/08/2014
How to design a lifestyle brand

How to design for a brand when its customers have very high expectations. Branding for up market aspirational or lifestyle brand.

Fran Johnson - 16/09/2014
Brand Typography

Typography is central to branding. It can establish a tone of voice - how you look and feel. Beth delves into this area and highlights a number of examples to demonstrate the importance of type.

Beth Evans - 06/04/2017
Design trends of 2018

Upcoming developments in graphic design and web development: personalised web experiences, hosted typography, layout trends and more.

Michelle Barnett - 09/01/2018