Material Design ist der "it" -Phrase, über den viele Designer gerade sprechen. Das Konzept, das von Google für Android-Geräte entwickelt wurde, hat einen sauberen, sauberen und hochverfügbaren Charme.

Websites mit Material Design schleichen sich aus dem Reich der Android-Geräte heraus und tauchen überall auf. Und die Realität ist, viele dieser Websites haben das gleiche Aussehen und Gefühl.

Material Design Überprüfung

Wenn Sie nicht ganz sicher sind, was Material Design ist, hier eine kurze Einführung: Es ist ein von Google entwickeltes Konzept, das speziell erklärt, wie Apps für Android aussehen sollten und wie die Benutzeroberfläche funktionieren sollte. Es definiert Regeln für Animation, Stil, Layout, Komponenten, Muster und Benutzerfreundlichkeit. Das Spezifikationen Gehen Sie so weit, wie Sie Farbpaletten und Typografieoptionen definieren.

Und während all diese Elemente zu einem höchst verwertbaren und visuell ansprechenden Design beitragen, entsteht eine Kollektion von Designs mit einer gemeinsamen Ästhetik.

stamplay

Material Design bricht auch vom anfänglichen Android-Anstieg ab. Obwohl das Konzept von Google entwickelt wurde, laufen Designer damit und verwenden Material Design für Websites auf einer Vielzahl von Plattformen und für alle Gerätetypen.

Das ultimative Ziel von Material Design ist es, "eine visuelle Sprache zu schaffen, die klassische Prinzipien guten Designs mit der Innovation und der Möglichkeit von Technologie und Wissenschaft verbindet." Eine einzige "visuelle Sprache" wirft die Frage auf: Ist Material Design das Web zu töten?

Material Design Lite

Die einzigartige Sprache bewegt sich vom ersten Design-Denken für Mobilgeräte zum Design für alle Geräte. Google enthüllt Material Design Lite Anfang dieses Jahres als eine optimierte Version der Ästhetik für alle Websites.

Laser-

Die "Framework Agnostic" -Templates machen es leicht, etwas schnell und nach den Spezifikationen zu erstellen. Es wurde entwickelt, um auf Blogs, Content-Websites, Dashboards, visuellen Projekten und sogar auf einzelnen Seiten zu funktionieren. Das Design wird noch mehr verwässert.

Befolgen Sie die Regeln für ein "dichtes" Designmuster

Material Design funktioniert, weil es auf einem ziemlich engen Satz von Regeln und Usability-Mustern basiert. Es macht einige ziemlich gute Dinge für das Design - die Richtlinien für Animation sind besonders wichtig zu verstehen, weil sie in der physischen Welt verwurzelt sind. Die Regeln haben jedoch eine Menge Einschränkungen, und was bisher passiert, ist, dass die meisten Anwendungen, die Material Design verwenden, aussehen, als ob sie aus derselben Box stammen könnten.

Diese engen Muster wurden teilweise entwickelt, um Benutzern zu helfen, zu verstehen, wie sie mit kleineren Geräten interagieren. Material Design entwickelte sich aus dem flachen Design, bei dem nicht alle Elemente der Benutzeroberfläche im Rahmen des Designs klar definiert waren. Material Design versuchte, einige dieser Probleme zu beheben.

Nimbus9

Aber es ist wahrscheinlich Zeit, sich wieder zu entwickeln. Die meisten Benutzer verstehen, was Tasten sind und was sie tun. Jede Entwicklung einer Designtheorie lehrt den Benutzern etwas Neues darüber, wie man Geräte und das Web verwendet. Und sie fangen schnell an. Tools, die entwickelt wurden, um den Benutzern beizubringen , müssen nicht so lange dauern.

3 Abenteuer

Seltsamerweise haben die Designer das enge Designmuster fast auf sich genommen, wenn es um Material Design geht. Lesen Sie sich die Dokumentation durch - und beachten Sie, dass sie sich in regelmäßigen Abständen ändert - und die gängigen Designs, die aus dem Trend kommen, simulieren einfach die bereitgestellten Beispiele.

Warum also erstellen Designer Tausende von Websites mit Material Design, die alle gleich aussehen?

Gemeinsame UI-Elemente und Design-Divots

Hier ist die schnelle Antwort auf die Frage oben: Es ist alles in den Details.

Gemeinsame Elemente der Benutzeroberfläche, Symbole, Farbschemata und typografische Auswahlmöglichkeiten machen die ästhetischen Möglichkeiten im Web zunichte. Aber so muss es nicht sein. Sie können Materialkonzepte entwerfen, ohne Elemente aus der Dokumentation zu replizieren oder das neueste UI-Kit herunterzuladen.

Jetradar

Eines der Probleme, die immer wieder auftauchen, ist die Tatsache, dass Websites das Aussehen von Material Design nachbilden, aber nicht über die Funktionalität verfügen und nicht auf Details achten. Es ist nicht Material Design, das das Web zerstört, es sind faule Designer.

Aber warten Sie ... Sie müssen dem Trend nicht folgen

Bevor Sie ausflippen, gibt es viele Möglichkeiten, Material Design zu verwenden, das Sie nicht als "faulen Designer" bezeichnen wird.

Hier ist der Trick: Befolgen Sie die Konzepte, aber brechen Sie einige der Regeln. Nicht ganz sicher, was das bedeutet? Hier sind ein paar Vorschläge:

  • Gehe über die Farbpalette hinaus. Statt einer hellen, gesättigten Farbpalette sollten Sie tiefer in die Farben eintauchen und mit Pastelltönen und dunkleren Farbtönen spielen.
  • Design-Symbole und Elemente der Benutzeroberfläche, die den grundlegenden Richtlinien für Design folgen - z. B. Elemente in Symbolen enthalten und für menschliche Merkmale verwendet werden - stammen jedoch nicht aus einem vordefinierten Set.
  • Geh nicht 100 Prozent "Material". Verwenden Sie einen Aspekt davon in Ihrem Designkonzept. Die Regeln für Animation sind außergewöhnlich nett; Befolgen Sie diese Richtlinien dafür, wie sich die Dinge im Rahmen Ihrer Website bewegen. Aber entwerfe den Rest so, als hättest du Material Design nicht ausgesetzt. Eine andere großartige Idee, um Material zu "stehlen", ist die Verwendung von Karten, aber beschränke dich nicht darauf, sie in einem ganz materiellen Raum zu entwerfen.
  • Verwenden Sie einige der besten Richtlinien von Material Design, um das Arbeiten mit Details in Ihrer Entwurfsarbeit besser zu verstehen. Der Symbolbereich der Dokumentation bietet einen guten Einstieg in die Verwendung eines Rasters, um Symbole zu erstellen, deren Abstände konsistent sind. Wenden Sie diese Konzepte auf Ihre allgemeine Ästhetik an.
  • Erweitern Sie die Typografiepalette. Eines der Dinge, die Design "tötet", sind zu viele Dinge, die genau gleich aussehen. Kombiniere Schriftarten zu deinem Design und verwende nichts, weil dir eine Reihe von Richtlinien (sofern sie nicht von deiner Marke stammen) dies sagen.
  • Design wie bei jedem anderen Trend. Material Design ist ein Trend, keine End-of-Design-Lösung. Kombiniere und teile die Teile, die du magst und benutze sie genau so wie du es sonst tun würdest. Einige Techniken funktionieren nahtlos, während andere nicht für Ihre Projekte geeignet sind.

Fazit

Also, zurück zur Hauptfrage: Ist Material Design das Web zu töten?

Ganz einfach, nein. Während eine übermäßige Nutzung dieses Trends zu homogenen Designs führen kann, besteht das eigentliche Problem darin, Trends trendorientiert zu gestalten und nicht über die besten Werkzeuge und Techniken für das Projekt nachzudenken. Also gehen Sie voran, verwenden Sie Material Design, stellen Sie sicher, dass Sie es gut verwenden.

Flatguitars