Material Design is een ontwerptaal ontwikkeld door Google. Het debuteerde in 2014 als een uniform systeem voor Android en de webproducten van Google. Het systeem maakt gebruik van diepte, beweging en rastergebaseerde lay-outs. Oppervlakken en randen bieden visuele aanwijzingen. Schaduwen geven hoogteverschillen aan. Elementen werpen schaduwen om hun relatie tot het onderliggende oppervlak te tonen. Het ontwerp imiteert fysieke materialen, vandaar de naam. Maar het is geen skeuomorfisme. Het imiteert geen leer of hout. Het abstraheert de eigenschappen van papier en inkt tot een digitaal systeem.

Material Design biedt richtlijnen voor lay-out, kleur, typografie, iconografie en animatie. Het raster is gebaseerd op een 8dp-afstandssysteem. Componenten hebben gedefinieerde staten: standaard, hover, focus, ingedrukt en uitgeschakeld. Animatie is doelgericht. Animaties laten zien waar elementen vandaan komen en waar ze naartoe gaan. Ze leiden de aandacht en geven feedback. Het systeem is geëvolueerd. Material Design 2 verfijnde de componenten. Material Design 3 introduceerde dynamische kleuren, die kleurenpaletten genereren op basis van de achtergrond van de gebruiker. Het systeem is open source. Ontwikkelaars en ontwerpers kunnen het gratis gebruiken. Het is inmiddels ook buiten de producten van Google overgenomen. Veel apps gebruiken Material Design-componenten omdat ze bekend en goed getest zijn. Het systeem is niet perfect. Critici zeggen dat het er generiek uitziet. Elke app die het volgt, lijkt op elke andere app. De prijs die je ervoor betaalt, is consistentie. Material Design geeft teams een gemeenschappelijke taal. Ze kunnen sneller bouwen omdat de beslissingen al genomen zijn.

Principes van materiaalontwerp

• Materiële metafoor — oppervlakken en randen geven aanwijzingen
• Opvallende grafische vormgeving — doelbewust kleurgebruik en beeldtaal
• Motion — animaties begeleiden en informeren
• Adaptief — werkt op alle apparaten en schermformaten.
• Rastergebaseerd — 8dp-afstandssysteem

Material Design is een systeem. Het maakt ontwerpbeslissingen eenvoudiger door standaardinstellingen te bieden. Deze standaardinstellingen kunnen worden gevolgd of overschreven. Het systeem is een uitgangspunt, geen keurslijf.