Material Design

Was ist materielles Design?

Materielles Design (Abkürzung MD) bezeichnet eine einzigartige Designsprache und ein einzigartiger Designstil, der vom Google Design-Team entwickelt wurde, um Produkte wie Android, Gmail, Chrome, Google Docs, Youtube-Video usw. basierend auf einer Reihe von Richtlinien und Prinzipien zu kombinieren, die genau definieren, wie alle ihre Komponenten sollten aussehen.

Designer können MD-Prinzipien verwenden, wenn sie mobile und Webanwendungen entwerfen. Da dieses Design erstmals auf Android-Handys implementiert wurde, war zu erwarten, dass Google das Aussehen und das ähnliche Design aller Anwendungen und Dienste anpassen wollte, damit die Benutzer eine konsistente und moderne Benutzererfahrung haben.

Jedenfalls wurde materielles Design relativ schnell beliebt, und die Designer übernahmen ihre Prinzipien und begannen sie auf Desktop-Anwendungen anzuwenden. Seitdem haben sich immer mehr Websites diesem Trend angeschlossen.

Die Herkunft des materiellen Designs

Obwohl das MD erst seit vier Jahre anwesend ist, überholte es schnell das Internet. Die Idee stammte von Matías Duarte, Google Vizepräsident für Design, aber auch aus Flat-Design. Alles begann im Juni 2014 auf der I / O-Konferenz, als Google ankündigte, dass seine Anwendungen und Websites auf materielles Design oder Quantenpapier umstellten, wie sie es damals nannten.

Quantenpapier basiert auf "Kartenmotiven", die erstmals bei „Google Now“ veröffentlicht wurden, einem intelligenten Personal Assistenten von Google, der Fragen zu Android-Geräten beantwortet hat. Bereits Anfang 2015 haben die meisten Android-Anwendungen von Google mit materialem Design begonnen, darunter Google Mail, YouTube, Drive, Docs, Maps usw. Im Jahr 2016 war er erfolgreich und öffentlich zu sehen. Wieder einmal, diesmal in seinem Design-Blog, gab Google bekannt, dass sogar Google Chrome zu MD gehen wird. Materialles Design wurde für diese Anwendungen mithilfe von Polymer angewendet, einer Open-Source-JavaScript-Bibliothek zum Erstellen von Webanwendungen.

Materielles Design kann als Auswuchs eines Flat Designs betrachtet werden, das sich jedoch als Widerspruch zum skeomorphen Design herausstellte und das Netz zu Beginn des 21. Jahrhunderts beherrschte. In den meisten Webanwendungen und Anwendungen für mobile Geräte, vor allem iPod und iPhone, gab es ein skeomorphes Design. Es basiert auf einem Design aus den 80er Jahren, das Materialien ähnelt, aus denen Alltagsgegenstände wie Holzmöbel, Autos usw. hergestellt werden. Die Kosten waren niedriger und die Eindrücke waren ähnlich.

Dieser Trend wird bald detailliert definiert. Als neuere Telefone auf den Markt kamen, wollten die Designer die dritte Dimension wegwerfen, also wechselten sie zu einer Diskette. Er war jedoch nicht realistisch genug, um fließende Übergänge und die dritte Dimension zu zeigen, und Duarte fand einen neuen Stil, nach dem er alles hatte: Er war modern, kraftvoll.

So entstand materielles Design.

MD bietet Benutzern heute, unabhängig vom Gerät, dieselbe Erfahrung. Es ist kraftvoll, lebendig, und modern.

Die Philosophie des materiellen Designs

Google erklärt dass die Philosophie des materiellen Designs 3 Prinzipien beinhaltet:

1. Das materielle Design ist eine Metapher.
2. Es ist kraftvoll, lebendig.
3. Bewegungen geben Sinn.

Das erste Prinzip – materialles Design ist eine Metapher - bedeutet, dass das MD auf einer taktilen Welterfahrung wie Bleistift und Papier basiert. Jedes Produkt ähnelt dann digitalem Papier und Tinte und handelt nach bestimmten Regeln, nach denen die Schwerkraft nicht existiert, sondern nach dessen Gesetzen funktioniert . Das Licht, die Oberfläche, die Bewegung, die Kanten, alles sind MD-Elemente, auf die besondere Aufmerksamkeit zu richten ist.

Das zweite Prinzip – Es ist kraftvoll, lebendig – bedeutet, dass Druckelemente wie Typografie, Raum, Maßstab, Farben und Bilder als Richtlinie für ein visuelles Erlebnis verwendet werden. Diese Elemente bilden eine Hierarchie, tragen Bedeutung, legen einen Fokus fest und verbessern die Benutzererfahrung bei der Verwendung der Anwendung.

Das dritte Prinzip – Bewegungen geben Sinn – die primäre Rolle wird dem Benutzer zugeteilt und die Bewegungen betonen ihn. Die Kontinuität der Erfahrung wird niemals unterbrochen, da sie in einer Umgebung auftritt, die auch dann besteht, wenn der Entwurf reorganisiert wird. Daher vermittelt die Bewegung Sinn und Zweck und dient dazu, "Aufmerksamkeit zu lenken und Kontinuität zu wahren".

Elemente des materiellen Designs

Google hat kürzlich die materielles Design-Webite aktualisiert und Entwicklern und Designern freien Zugang zu Lernressourcen gewährt. Es ist leicht, Quellen zum Erlernen von MD-Komponenten für Android- und iOS-Geräte sowie Quellen zum Erstellen von Websites gemäß.

Wenn Sie beispielsweise mit dem Entwerfen der Elemente der Benutzeroberfläche für die Site nach den Grundsätzen des materiallen Designs beginnen möchten, sollten Sie zuerst die Bibliothek herunterladen und installieren, den Stil in den Kopf der Datei einfügen, Komponenten in den HTML-Text einfügen, Skripts hinzufügen und dann sind Sie da. Ganz einfach.

Verbessern Sie Ihre Apps durch materielles Design

MDs sind nicht nur lebendige Farben, saubere Ebenen, Texturen und Schatten. Es ist ein Stil, der das gesamte Internet abdeckt und in Ihren Händen gut aussieht. Wenn Sie nach einem Team für die Gestaltung Ihrer mobilen oder Webanwendung suchen, sind wir für Sie da. Kontaktieren Sie uns noch heute!

Es liegt an Ihnen, sich jetzt mit uns in Verbindung zu setzen und uns Ihre Geschichte mitzuteilen.