Material Design är ett designspråk utvecklat av Google. Det debuterade 2014 som ett enhetligt system för Android och Googles webbprodukter. Systemet använder djup-, rörelse- och rutnätsbaserade layouter. Ytor och kanter ger visuella signaler. Skuggor indikerar höjd. Element kastar skuggor för att visa sitt förhållande till ytan under dem. Designen härmar fysiska material, därav namnet. Men det är inte skeuomorfism. Det imiterar inte läder eller trä. Det abstraherar egenskaperna hos papper och bläck till ett digitalt system.

Material Design ger riktlinjer för layout, färg, typografi, ikonografi och rörelse. Rutnätet är baserat på ett 8dp-avståndssystem. Komponenter har definierade tillstånd: standard, hovringsläge, fokus, nedtryckt och inaktiverat. Rörelsen är syftesmässig. Animationer visar var element kommer ifrån och vart de tar vägen. De styr uppmärksamheten och ger feedback. Systemet har utvecklats. Material Design 2 förfinade komponenterna. Material Design 3 introducerade dynamisk färg, som genererar paletter från en användares bakgrundsbild. Systemet är öppet. Utvecklare och designers kan använda det gratis. Det har anammats bortom Googles produkter. Många appar använder Material-komponenter eftersom de är bekanta och väl testade. Systemet är inte perfekt. Kritiker säger att det ser generiskt ut. Varje app som följer det ser ut som alla andra appar. Avvägningen är konsekvens. Material Design ger team ett gemensamt språk. De kan bygga snabbare eftersom besluten redan är fattade.

Principer för materialdesign

• Materiell metafor — ytor och kanter ger ledtrådar
• Djärv grafik — avsiktlig färg och bildspråk
• Rörelse — animationer vägleder och informerar
• Adaptiv — fungerar på olika enheter och skärmstorlekar
• Rutnätsbaserat — 8dp-avståndssystem

Materialdesign är ett system. Det förenklar designbeslut genom att tillhandahålla standardvärden. Standardvärdena kan följas eller åsidosättas. Systemet är en utgångspunkt, inte en tvångströja.