# Material design

> A Material design a Google vizuális rendszere, ami az elmúlt 5 évben meghatározza a digitális felületek kinézetét. Lényege, hogy anyagszerű, fények okozta árnyékokkal épít 3D hatást 2D felületeken, és mindig a problémát oldja meg, se többet, se kevesebbet.

Forrás: https://brandguide.hu/material-design/  ·  Megjelent: 2021-10-15  ·  Frissítve: 2026-10-16

2021-ben sem lesz elválasztható egy arculattól a weboldal vagy applikáció, webes szoftver vizuális megjelenése. Megszokhattuk, hogy a digitális térben, a UI (user interface) trendek meghatározásában a nagy IT-cégek viszik a prímet. Korábbról a Microsoft, majd az Apple említhető, mint fő iránymutató, viszont az elmúlt 5 évben, a Material design bemutatása óta, a Google designiránya, -irányai a meghatározóak. A [szkeuomorfizmusból](https://www.zwoelf.hu/hu/blog/41/a-skeuomorhizmusrol-nem-csak-ui-design) egyik napról a másikra kitörő flat designra érkezett a Material design válaszként, és azóta is tartja lead szerepét.

A google [Material design](https://material.io/) pont azt nyújtja a felhasználói felületek számára, amire szükség van. Design a legjobb értelemben: problémát old meg, nem akar se többet, se kevesebbet. Ráadásul az időnként érkező frissítések sem öncélúak, inkább jól szolgálják a folyamatos és értelmes fejlődést. Trendek jönnek mennek, például a neumorf irányzat az elmúlt évben próbált teret nyerni a felhasználói felületek, website-ok és applikációk vizuális megjelenésén, de csak fellángolás lehetett belőle: öncélú díszítések nem fognak időtálló designt, így trendet sem eredményezni. A következő időszakban továbbra is a Material designra épülő, de talán picit plasztikusabb, díszesebb irányzat fog érvényesülni, de soha nem fogjuk megközelíteni a 2010-es évek pixelporn szkeuomorfizmusát.

## Mire épül a Material design?

Ahogy a nevében is szerepel a “matériára”, az anyagszerűségre épít. A 2D felületeken, ami jellemzően a telefon vagy a számítógép kijelzője, úgy épít fel 3D tereket, hogy egyetlen vizuális metaforát használ: a fények okozta árnyékokat.

![](https://brandpedia.hu/wp-content/uploads/2020/12/Kepernyofoto-2020-12-22-11.16.24-1024x565.png)

## Mit vigyél haza

- A Material design a szkeuomorfizmus és a flat design után érkezett, és azóta is meghatározó.
- Egyetlen vizuális metaforát használ: a fények okozta árnyékokat, hogy 3D hatást keltsen 2D felületen.
- A jó design problémát old meg, nem öncélú díszítés.
- A neumorf irányzat csak fellángolás volt, mert öncélú díszítésekre épült.
- A jövőben a Material designra épülő, de kicsit plasztikusabb irányzat várható.

## Gyakori kérdések

### Mi az a Material design?

A Google által bemutatott designirányzat, ami a felhasználói felületek vizuális megjelenését határozza meg az elmúlt 5 évben. Anyagszerűségre épít, és a fények okozta árnyékok vizuális metaforáját használja 3D terek felépítésére 2D felületeken.

### Miért lett sikeres a Material design a flat design helyett?

Azért, mert pont azt nyújtja, amire a felhasználói felületeknek szükségük van: megold egy problémát, se többet, se kevesebbet nem akar. A frissítései sem öncélúak, hanem a folyamatos fejlődést szolgálják.

### Mi történt a neumorf designtrenddel?

A neumorf irányzat megpróbált teret nyerni a felületek vizuális megjelenésén, de csak fellángolás lett belőle. Az öncélú díszítések nem eredményeznek időtálló designt, így trendet sem.

### Milyen designirány várható a jövőben?

A Material designra épülő, de valamivel plasztikusabb, díszesebb irányzat fog érvényesülni, de a 2010-es évek szkeuomorfizmusának szintjét nem fogjuk megközelíteni.