EN - FR - DE - ES - IT - PT -

LexiconDream

🧱 Material Design

Eine Designsprache, die Tiefe, Bewegung und rasterbasierte Layouts nutzt.

Material Design

Material Design ist eine von Google entwickelte Designsprache. Sie wurde 2014 als einheitliches System für Android und Googles Webprodukte eingeführt. Das System nutzt Tiefe, Bewegung und rasterbasierte Layouts. Oberflächen und Kanten liefern visuelle Hinweise. Schatten zeigen die Höhe an. Elemente werfen Schatten, um ihre Beziehung zur darunterliegenden Oberfläche darzustellen. Das Design ahmt physische Materialien nach, daher der Name. Es handelt sich jedoch nicht um Skeuomorphismus. Es imitiert weder Leder noch Holz. Es abstrahiert die Eigenschaften von Papier und Tinte in ein digitales System.

Material Design bietet Richtlinien für Layout, Farbe, Typografie, Icons und Animationen. Das Raster basiert auf einem 8-dp-Raster. Komponenten haben definierte Zustände: Standard, Hover, Fokus, Gedrückt und Deaktiviert. Animationen sind gezielt eingesetzt. Sie zeigen, woher Elemente kommen und wohin sie gehen. Sie lenken die Aufmerksamkeit und geben Feedback. Das System wurde weiterentwickelt. Material Design 2 verfeinerte die Komponenten. Material Design 3 führte dynamische Farben ein, die Farbpaletten aus dem Hintergrundbild des Nutzers generieren. Das System ist offen. Entwickler und Designer können es kostenlos nutzen. Es wird mittlerweile auch außerhalb von Google-Produkten eingesetzt. Viele Apps verwenden Material-Komponenten, weil sie vertraut und gut getestet sind. Das System ist nicht perfekt. Kritiker bemängeln sein generisches Aussehen. Jede App, die sich daran orientiert, sieht aus wie jede andere. Der Vorteil liegt in der Konsistenz. Material Design bietet Teams eine gemeinsame Sprache. Sie können schneller entwickeln, da die Entscheidungen bereits getroffen sind.

Prinzipien der Materialgestaltung

Material Design ist ein System. Es erleichtert Designentscheidungen durch die Bereitstellung von Standardeinstellungen. Diese Standardeinstellungen können übernommen oder überschrieben werden. Das System ist ein Ausgangspunkt, keine Zwangsjacke.


Warning: session_start(): Cannot start session when headers already sent in /var/www/lexicondream.com/inc/functions.php on line 63

Comments

No comments yet. Be the first to share a thought.

Leave a comment